/* Title:	Erica Miller Design - master style */
/* Author:	Kalon Edser, media@kalonedser.com */
/* Updated:	29 October 2009 */

/* @group Reset */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* @end */

/* @group Core */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	line-height: 1.125em; /* 18/16 */
	text-align: center;
	color: #caccd1;
	background: #2d2e36 url(../img/bg.png) 50% 0 repeat;
	}
	
p, ul, ol {
	margin: .75em 0 1.3em 0;
	font-size: 0.69em; /* 16x.69=11 */
	}
	
h1, h2, h3, h4, h5, h6 {
	margin: 1.25em 0 .25em 0;
	font-weight: normal;
	}
	
h2 {
	font-size: 1.25em; /*20*/
	}

a:link, a:visited {
	color: #caccd1;
	text-decoration: none;
	}
a:hover, a:active {
	color: #FFF;
	text-decoration: none;
	}


/* @end */
/* @group Master Layout */

#container {
	margin: 0 auto;
	width: 750px;
	text-align: left;
	overflow: hidden;
	}
	
#main {
	float: left;
	width: 600px;
	overflow: hidden;
	/*border-top: 1px solid #83858b;*/
	}
	
.rotate-colour {
	width: 100%;
	height: 1px;
	background: #c9cacd;
	overflow: hidden;
	}
	
	
#content {
	width: 100%;
	height: 380px;
	overflow: hidden;
	}
	
#content .inner-content {
	margin: 45px 0 10px 0;
	}
	
#sidebar {
	float: right;
	width: 150px;
	text-align: center;
	}
	
#header {
	position: relative;
	margin: 113px 0 0 0;
	width: 100%;
	height: 54px;
	overflow: hidden;
	}

/* @end */
/* @group Logo/Header */

#logo {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 108px;
	height: 54px;
	background: transparent url(../img/logo/logo-grey.gif) 0 0 no-repeat;
	overflow: hidden;
	}
	
#logo a {
	display: block;
	width: 100%;
	height: 100%;
	}
	
.rotate-images img {
	display: none;
	}
.js .rotate-images img {
	display: inline;
	}
	
#logo-text,
#slogan-text,
#home .article-title {
	display: none;
	}

#emd-name {
	margin: 43px 0 35px 0;
	height: 33px;
	width: 100%;
	background: transparent url(../img/logo/name-grey.gif) 0 0 no-repeat;
	overflow: hidden;
	}

#home #content {
	position: relative;
	margin-bottom: 46px;
	height: 334px; 	
	}	

#emd-slogan {
	position: absolute;
	bottom: 1px;
	left: 0;
	margin: 0;
	height: 15px;
	width: 180px;
	background: transparent url(../img/logo/slogan-grey.gif) 0 0 no-repeat;
	overflow: hidden;
	}


/* @end */
/* @group Navigation */

#nav {
	position: relative;
	top: 11px;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 470px;
	list-style: none;
	overflow: hidden;
	}
	
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}
	
#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:30px; /* for IE5/Win only */
	}

#nav a:hover {
	background-position: 0 -30px;
	}

#nav a:active,
#home .n-home a,
#services .n-services a,
#folio .n-folio a,
#pricing .n-pricing a,
#enquiries .n-enquiries a,
#contact .n-contact a {
	background-position: 0 -30px;
	}
	
.n-home a {
	width: 53px;
	background: url(../img/nav/n-home.gif) 0 0 no-repeat;
	}
.n-services a {
	width: 86px;
	background: url(../img/nav/n-services.gif) 0 0 no-repeat;
	}
.n-folio a {
	width: 69px;
	background: url(../img/nav/n-folio.gif) 0 0 no-repeat;
	}
.n-pricing a {
	width: 78px;
	background: url(../img/nav/n-pricing.gif) 0 0 no-repeat;
	}
.n-enquiries a {
	width: 94px;
	background: url(../img/nav/n-enquiries.gif) 0 0 no-repeat;
	}
.n-contact a {
	width: 90px;
	background: url(../img/nav/n-contact.gif) 0 0 no-repeat;
	}

/* @group Nav Folio */

#nav-folio {
	float: right;
	margin: 15px auto 0 auto;
	width: 108px;
	font-family: Arial;
	font-size: 0.75em; /*12*/
	text-transform: uppercase;
	line-height: 1em;
	color: #000;
	height: 320px;
	overflow: hidden;
	}
	
#nav-folio li {
	position: relative;
	height: 40px;
	line-height: 1em;
	margin: 0;
	vertical-align: bottom;
	}
	
#nav-folio li a {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	line-height: 1em;
	}

#nav-folio a:link, #nav-folio a:visited {
	color: #000;
	}
#nav-folio a:hover, #nav-folio a:active {
	color: #caccd1!important;
	}
	
#nav-folio li.f-folio {
	display: none;
	}
	
.websites li.f-websites a,
.branding li.f-branding a,
.packaging li.f-packaging a,
.promotion li.f-promotion a,
.advertising li.f-advertising a,
.illustration li.f-illustration a,
.publications li.f-publications a,
.signage li.f-signage a {
	color: #caccd1!important;
	}

/* @end */

/* @group Folio Pagination */

#pagination {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	height: 10px;
	width: 45px;
	list-style: none;
	overflow: hidden;
	}
	
#pagination li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	/*display: inline;*/
	}
	
#pagination a,
#pagination li.empty {
	float: left;
	padding: 10px 0 0 0;
	overflow: hidden;
	width: 10px;
	height: 0px !important;
	height /**/:10px; /* for IE5/Win only */
	}

#pagination a {
	background-position: 0 0;
	}

#pagination a:hover {
	background-position: 0 -10px;
	}
	
.first a, .first { background: transparent url(../img/buttons/btn-first.gif) 0 -20px no-repeat; }
.previous a, .previous { background: transparent url(../img/buttons/btn-previous.gif) 0 -20px no-repeat; }
.next a, .next { background: transparent url(../img/buttons/btn-next.gif) 0 -20px no-repeat; }
.last a, .last { background: transparent url(../img/buttons/btn-last.gif) 0 -20px no-repeat; }

.previous {
	margin-right: 5px!important;
	}

/* @end */
/* @end */

/* @group Footer */

#footer {
	width: 100%;
	overflow: hidden;
	}
	
#footer ul.vcard {
	margin: 0;
	padding: 0 0 9px 0;
	width: 100%;
	overflow: hidden;
	}

#footer .vcard li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	height: 10px;
	text-indent: -9000px;
	overflow: hidden;
	}
	
#footer .vcard li.name {
	padding: 0 0 22px 0;
	width: 100%;
	height: 11px;
	background: transparent url(../img/text/contact-name.gif) 0 0 no-repeat;
	}
#footer .vcard li.adr {
	width: 171px;
	background: transparent url(../img/text/contact-adr.gif) 0 0 no-repeat;
	}
#footer .vcard li.tel {
	width: 84px;
	background: transparent url(../img/text/contact-mobile.gif) 0 0 no-repeat;
	}
#footer .vcard li.email { width: 171px;	}
	
#footer .vcard li.email a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(../img/text/contact-email.gif) 0 0 no-repeat;
	}
#footer .vcard li.email a:hover {
	background-position: 0 -10px;
	}
	
p.copyright {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 17px;
	text-indent: -9000px;
	background: transparent url(../img/text/copyright.gif) 0 7px no-repeat;
	/*border-top: 1px solid #c9cacd;*/
	overflow: hidden;
	}
	
/*.rotate-colour {
	border-color: red!important;
	}*/

/* @end */



/* @group Articles */

h2.article-title {
	display: none;
	}

#home .inner-content p {
	margin: 0 0 2em 0;
	font-size: 0.75em; /*12*/
	line-height: 1.667em;
	text-transform: uppercase;
	text-align: justify;
	}
	
#services #content ul,
#pricing #content ul {
	margin: 0 0 1.3em 0;
	line-height: 1.18em;
	}
	
#services #content ul strong,
#pricing #content ul strong {
	font-weight: normal;
	text-transform: uppercase;
	}
	
#pricing #content ul li {
	position: relative;
	width: 100%;
	overflow: hidden;
	}
	
#pricing #content ul li span.price {
	position: absolute;
	top: 0;
	right: 0;
	/*float: right;*/
	width: 43%;
	font-style: italic;
	color: #8a8b91;
	overflow: hidden;
	}
	
#pricing #content p {
	margin: .2em 0 .4em 0;
	line-height: 1.18em;
	}
	
div.col3 {
	float: left;
	width: 33%;
	overflow: hidden;
	}
	
div.col2 {
	float: left;
	margin-top: .5em;
	width: 50%;
	overflow: hidden;	
	}
	
#enquiries #content .inner-content {
	margin: 40px 0 10px 0;
	}

/* @group Form */

.zemContactForm {
	/*margin-left: 35px;*/
	overflow: hidden;
	}

.zemContactForm legend {
	display: none;
	}
	
.zemContactForm p {
	float: left;
	margin: 0 0 5px 0;
	text-align: left;
	overflow: hidden;
	}
	
.zemContactForm input.zemText,
.zemContactForm textarea,
.zemContactForm select {
	float: right;
	margin: 0;
	padding: 0;
	background: #e3e5ea;
	border: 1px solid #e3e5ea;
	vertical-align: middle;
	}
	
.zemContactForm p.col1 { width: 100%; }
.zemContactForm p.col1 input.zemText { width: 485px; }
.zemContactForm p.col1 textarea {
	height: 70px;
	width: 485px;
	}
.zemContactForm p.col1 select {
	margin-right: 285px;
	width: 202px;
	}

.zemContactForm p.col2 { width: 315px; }
.zemContactForm p.col2-2 { width: 285px; }
.zemContactForm p.col2-2 label { width: 65px!important;	}
.zemContactForm p.col2 input.zemText { width: 200px; }

.zemContactForm p.col2-2 span {
	margin: 0;
	padding: 0;
	float: left;
	width: 142px;
	overflow: hidden;
	}
.zemContactForm p.col2 span input.zemText { width: 55px; }

.zemContactForm p label {
	float: left;
	width: 95px;
	padding-right: 15px;
	vertical-align: middle;
	text-align: right;
	}
	
.zemContactForm p.col1-right label {
	margin-left: 113px;
	text-align: left;
	width: 265px;
	}
.zemContactForm p.col1-right select {
	margin: 0;
	}
	
.zemContactForm p label.zemRequired {
	font-weight: bold;
	color: #e3e5ea;
	background: transparent url(../img/bullet_star.gif) 100% -4px no-repeat;
	}
	
.zemContactForm p label.zemRequirederrorElement {
	font-weight: bold;
	color: #ff3333;
	background: transparent url(../img/bullet_star.gif) 100% -4px no-repeat;
	}
	
.zemContactForm p.submit {
	margin: .7em 0 0 0;
	width: 100%;
	overflow: hidden;
	}
	
.zemContactForm p.submit span.required {
	float: left;
	width: 45%;
	padding-left: 11px;
	font-weight: bold;
	color: #e3e5ea;
	background: transparent url(../img/bullet_star.gif) -4px -4px no-repeat;
	}
	
.zemContactForm p.submit span.submit-btn {
	float: right;
	width: 50%;
	text-align: right;
	overflow: hidden;
	}
.zemContactForm p.submit input {
	margin: 0;
	padding: 0;
	width: 83px;
	height: 19px;
	overflow: hidden;
	}
	
p.disclaimer {
	font-size: 0.565em; /*9*/
	line-height: 1.4em;
	}

/* @end */
/* @end */
/* @group Folio */

#folio #content {
	position: relative;
	margin-bottom: 46px;
	height: 334px;
	background: #111217;
	}

#folio #content .inner-content {
	margin: 0;
	}
	
#folio #content .folio-text {
	position: absolute;
	top: 9px;
	right: 10px;
	/*float: right;*/
	width: 580px;
	height: 315px;
	text-align: right;
	overflow: hidden;
	z-index: 100;
	}
	
#folio #content .folio-image {
	position: absolute;
	top: 9px;
	left: 10px;
	/*float: left;*/
	width: 580px; /*580 397*/
	height: 315px;
	overflow: hidden;
	}
	
	
#folio #content h2.folio-category {
	
	text-transform: uppercase;
	font-size: 0.6875em;
	text-shadow: #111217 1px 1px 1px;
	}
	
#folio #content .folio-text .folio-body {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	}
	
#folio #content .folio-text .folio-body p {
	font-size: 0.5625em; /*9*/
	line-height: 1.44em; /*13*/
	margin-bottom: 0;
	}

/* @end */

/* @group Misc. */

.hide {
	display: none;
	}
	
a.img,
a.img:hover {
	border-bottom: none !important;
	}

a img {
	border: none;
	}

/* @end */