/* ------ NOTES -----------------------------------------


--------- CREDITS ---------------------------------------


--------- UPDATE INFO -----------------------------------

Last updated: 21 October 2006
Last update made by: graham bancroft (mail@grahambancroft.co.uk)

*/

/*-------------------------- =1: Universal reset --------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}

table {border-collapse:collapse;	border-spacing:0; } 

fieldset,img {border:0;	} 

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;	} 

ol,ul { list-style:none; } 

caption,th {text-align:left; } 

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

q:before,q:after { content:''; } 

abbr,acronym { border:0; } 

/*-------------------------- =2: html and body --------------------------*/
body {
	font: 75% arial, Helvetica, "Lucida Grande", "lucida sans unicode", sans-serif;
	text-align: center; /* align ie5+ center screen */
	color: #444;	
	background: #EDEDF8 url(/images/site_design/bg_body.png) 50% 0 repeat-y; 
	position: relative;
}

/*--------------------------  =3: General typography --------------------------*/

/* =p */
p { 
	padding: .5em 0; 
	font-size: 1em;
	line-height: 1.5;
	}
	
p.more{
	padding-top: 0;
	margin-bottom: 1em;
}

/* =headings */
h1,h2,h3,h4,h5 { 
	font-family: "trebuchet ms", Arial, "Helvetica Neue", "Lucida Grande", 'lucida sans unicode', Arial, sans-serif;
	color: #9B0A0D;
	}
	
h1 {
	font-size: 1.5em;
	font-weight: bold;
}	

h2 {
	font-weight: bold;
	font-size: 1.3em;
	padding: .5em 0;
}

h3 {
	font-weight: bold;
	font-size: 1.1em;
	padding: .5em 0;
	
}

/* =dl */
dl { 
	margin: .5em 0; 
	}

/* =dt */
dt { 
	margin-right: 5px; 
	margin-top: .5em;
	}

#research_links dt{
	font-size: 1.2em;
}

/* =dd */
dd { 
margin-right: 5px; 
margin-top: .5em;
}

#research_links dd{
	margin-bottom: 1em;
}

/* =ul */
div#mainContent ul { 
	xlist-style-type: disc;
	margin-left: 30px;
}

div#mainContent ul li{
	line-height: 1.5;
	background: url(/images/bullet_red.png) 0 0 no-repeat;
	padding-left: 15px;
}

/* =ol */
ol {
margin: 1em 0 1.3em 35px;
list-style-type: decimal;
}

ol li{
	padding: .3em 0;
}

/* =a */
a, a:link, a:visited		{ 
color: #B39599;
font-weight: bold;
text-decoration: underline;
}

a:hover { 
text-decoration: none; 
color: #652931;
}

/*-------------------------- =3a: General params -----------------*/

/* =img */
div#secondaryContent img{
	xborder: 1px solid #E6C2C2;	
	margin-bottom: 10px;
	width: 100%;
}

div#secondaryContent div.productEntry img{
	width: auto;
}

#products div#secondaryContent img{
	xmargin-left: 10px;
}

div#mainContent img{
	margin: .5em 10px .5em 0;
	xfloat: left;
}

#default div.productEntry img,
#products div.productEntry img{
	float: none;
	position: absolute;
	left: 10px;
	top: -3.5em;
}

#products div#mainContent img{
	float: none;
}
#secondaryContent div.productEntry img {
position: static !important;
}

/* =blockquote */
blockquote {
	font-size: 1.3em;
	margin: 0 1em .5em;
	font-style: italic;
	}

cite {
	font-weight: bold;
	}

strong, em{
	font-weight: bold;
}

/*-------------------------- =4: Layout Divs ----------------------*/

/*-------------------------- =Site Container --------------------------*/
#siteContainer { 
	text-align: left;
	overflow: hidden;
	padding: 1em 10px 0;
	margin: 0 auto 0 auto;
	position: relative;
	max-width: 72em;
	}
	
/*-------------------------- =Branding --------------------------*/
#branding {
	margin: 0 auto;
	text-align: left;
	height: 103px;
	background: #fff;
}
	
#branding img {
	margin: 5px 0;
}

h1 a {
	float: left;
	margin: 1em 20px 0;
	width: 154px;
	height: 63px;
	text-indent: -999em;
	overflow: hidden;
	background: url(/images/site_design/logo.png) no-repeat;
	}

/*-------------------------- =Main content --------------------------*/
#mainContent { 
	float: right;
	width: 68%;
	background: #fff;
	margin: 6.5em 0 0 0;
	padding: 0 10px 1em;
	background: #fff;
	xborder-left: 1px solid #E6C2C2;
}

div.mainProducts {
	xwidth: 19%;
	xmargin: 30px 1% 0 -78%;
	margin-top: 1em;
}

div#mainContent div.productEntry {
	display: inline;
	position: relative;
	xborder: solid #F6E7E7;
	xborder-width: 1px;
	padding: 0 10px 10px;
	margin: 2.5em 2% 1em 0;
	width: 43%;
	float: left;
	height: 13em;
	x-moz-border-radius: 0 10px;
	background: #f8f8f8 url(/images/bg_productHome.png) repeat-x;
}

#article div#mainContent .entry{
	border-bottom: 1px dotted #ddd;
}

/*-------------------------- =secondaryContent --------------------------*/
#secondaryContent { 
	float: left;
	width: 29%;
	margin: 5.5em 0 0 0;
}

div.recentArticles,
div.recentNews,
div.productEntry,
div#siteSearch{
	background: #F8F5F4;
	margin-bottom: 10px;
	border: solid #F0EAEB;
	border-width: 1px 1px 0 1px;
	-moz-border-radius: 0 0 10px 10px;
	padding-bottom: 1em;
}

div.recentNews,
div.productEntry{
	border-width: 1px;
}

div.recentNews:hover,
div.productEntry:hover{
	background: #fff;
}

#secondaryContent p{
	padding: .5em 10px;
}

#secondaryContent h2 {
	background: #d8d8d8;
	padding: .2em 10px;
	font-weight: normal;
	color: #333;
}

div.recentNews .newsEntry h3 {
	padding: .5em 10px;
}

#secondaryContent h3 a{
	padding-left: 10px;
	text-decoration: none;
}

#secondaryContent ul li{
	border: solid #fff;
	border-width: 0 0 1px 0;
}

#secondaryContent ul li a {
	display: block;
	height: 100%;
	padding: .4em 10px;
	text-decoration: none;
	border: solid #F6E7E7;
	border-width: 0 0 1px 0;
	font-weight: normal;
	background: #F8F5F4;
	color: #8C5F65;
}

#secondaryContent ul li a:hover {
	background: #fff;
	color: #652931;
}

#secondaryContent ul li.sideActive a {
		background: #fff url(/images/bullet_go.png) 10px 50% no-repeat;
		padding-left: 30px;
		color: #652931;
	}
	
#secondaryContent li.rssFeed a, #mainNavigation li.rssFeed a{
	background: url(/images/69.png) 10px 50% no-repeat;
	padding-left: 30px;
}

#mainNavigation li.rssFeed a {
font-size: 11px;
color: #99c;
padding-top:11px;
}

#mainNavigation li.rssFeed a:hover {
background-image: url(/images/69.png) !important;
background-position: 10px 50%;
background-repeat: no-repeat;
x: 10px 10px no-repeat !important;
}

#secondaryContent li.rssFeed a:hover {
	background: #fff url(/images/69.png) 10px 50% no-repeat !important;
}

/*-------------------------- =Main navigation --------------------------*/
#mainNavigation {
	position: absolute;
	top: 140px;
	left: 0;
	background: #652931 /*url(/images/site_design/bg_nav.png) repeat-x*/;
	font-size: 1.1em;
	width: 100%;
}

#mainNavigation ul {
}

#mainNavigation ul li {
	display: inline;
}

#mainNavigation ul li a { 
	padding: .6em 1em;
	color: #fff;
	float: left;
	text-decoration: none;
	text-align: center;
	xborder-bottom: 3px solid #fff;
	font-weight: normal;
}

#mainNavigation li a:hover { 
	color: #fff;
	background: #360007;
	border-color: #910021;
}

#mainNavigation li.active a {
	color: #fff;
	background: #360007;
}

/*-------------------------- =vcard --------------------------*/
div.vcard {
}

p.download_vcard a {
	background: url(/candy/icon-hcard-download.png) 0 50% no-repeat;
}

.street-address, .extended-address, .locality {
	float: left;
	width: 100%;
	}

div.tel, div.email {
	padding: .2em 0 .2em 10px;
	}

.hide { 
	display: none; 
	}
	
/*-------------------------- =Site info (foot) --------------------------*/
#siteInfo {
	clear: both;
	font-size: 86%;
	width: 100%;
	float: left;
	background: #eee;
	border: 1px solid #ddd;
	text-align: center;
	x-moz-border-radius: 10px;
	padding: 1em 0;
}
	
#siteInfo ul {
	padding: .5em 0 1em 0; 
}

#siteInfo ul li { 
	display: inline; 
}	

#siteInfo a {
 	border-right: 1px solid #444; 
	padding-right: .7em; 
	margin-right: .5em;
	color: #666;
	text-decoration: underline;
}

#siteInfo a:hover{
	color: #333;
	text-decoration: none;
}

#siteInfo a.listItemLast{
	border-right: none !important;
}
	
div#clientQuote {
	width: 100%;
	float: left;
	background: #D8C9CB;
	margin: 1em 0;
	-moz-border-radius: 10px;
	padding-top: .5em;
	text-align: center;
}

/*-------------------------- =7: Misc --------------------------*/

/* =Hidden accessibility elements */
#branding h2, 
#branding ul,
#site_search label,
#siteSearch h2,
#mainNavigation h2,
#siteInfo h2,
.hidden,
#default div.productEntry h2,
h2.productTitle { 
	position: absolute;
	left: -1000em; 
}


/* =Site search */

#siteSearch {
	xtext-align: left;
	padding-top: 1em;
	xmargin: 0 0 5px 0;
	-moz-border-radius: 10px !important;
	
}

#siteSearch label { padding: .4em 10px; font-weight: bold;}

#siteSearch fieldset { border: none; }


/* =Newsletter */
#constantContact {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
} 

form#ccoptin{
	width: 72em;
	margin: 0 auto;
} 

#ccoptin fieldset  {
	width: 440px;
	padding: .5em .9em; 	
 	color: #333; 
	float: right;
	/*background-image: url(/images/bg_productHome2.png); *//*orange;*/
	/*padding-bottom: 2.2em;*/
	margin-top: .4em;
	padding-top: 1em;
}

#ccoptin fieldset  label { 
	xbackground: url(/images/email_go.gif) 0% 50% no-repeat; 
	padding-left: 20px; 
}

#ccoptin input#ea {
color: #333;
color: #005;
font-family: verdana, tahoma;
font-weight: bold;
font-size: 11px;
padding-left: .5em;
padding-right: .5em;
}

/* =Contact form */

.alert-mail ul li {color: #006699; list-style-type: none; } /* error messages */

#zemContactForm fieldset  {
	padding: 1em 10px 20px 10px; 
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

#zemContactForm fieldset:hover { 
	border-color: #ccc; 
	color: #222;
}

legend{
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
}

fieldset.zemcontact label, fieldset.comments label{
	display: block;
	padding: .5em 0;
	width: 100%;
	font-weight: bold;
	float: left;
}

fieldset.zemcontact input, fieldset.zemcontact textarea, fieldset.comments textarea{
	border: 1px solid #ccc;
	padding: .2em;
	width: 30em;
}

fieldset.zemcontact input:focus, fieldset.zemcontact input:hover{
 border-color: #D9D4BF;
}


fieldset.checkbox-fields label{
	display: block;
	width: 30em;
	border: 1px solid #fff;
	font-size: 1.1em;
	padding: .3em 0;
}

fieldset.checkbox-fields input,
fieldset.checkbox-fields select {
	display: block;
	border: 1px solid #ccc;
	margin-right: 5px;
	margin-top: .4em;
}

#zemContactForm input{
	float: left;
}

#mainContent dt.year{
	font-size: 1.1em;
	font-weight: bold;
}

#mainContent dd.month{
	font-weight: bold;
}

#samples div#mainContent img,
#tools div#mainContent img,
#associates div#mainContent img{
	margin: .2em 10px 1em 20px;
	float: right;
}

#samples div#mainContent img{
	padding: 2px;
	border: 1px solid #eee;
}


div.sampleEntry{
	float: left;
	width: 100%;
}

#samples div#mainContent h2{
	width: 100%;
	float: left;
	margin-top: 1em;
}

/* colors changed */
body {
/*background-color: #f8f8ed;*/
background-color: #ededf8;
}
h1,h2,h3,h4,h5 {
/*color: #9b0a0d;*/
color: #0D0a9B;
color: #666ba5;
}
a, a:link, a:visited {
/*color: #b39599;*/
color: #9995b3;
color: #005;
}
a:hover {
/*color: #652931;*/
color: #312965;
color: #666ba5;
}
div.recentArticles, 
div.recentNews, 
div.productEntry, 
div#siteSearch, 
#secondaryContent ul li a {
/*background: #F8F5F4*/
background: #f4f5f8;
background-color: #fbeee4;
}
div.recentArticles, div.recentNews, div.productEntry, div#siteSearch {
/*border-color: #f0eaeb;*/
border-color: #ebeaf0;
}
#secondaryContent ul li a {
/*border-color: #f6e7e7;*/
border-color: #e7e7f6;
/*color: #8c5f65;*/
color: #655f8c;
}
#secondaryContent ul li a:hover,
#secondaryContent ul li.sideActive a {
/* color: #652931;*/
color: #312965;
}
#mainNavigation {
/*background-color: #652931;*/
background-color: #312965;
}
#mainNavigation li a:hover, #mainNavigation li.active a {
/*background-color: #360007;*/
background-color: #070036;
/*border-color: #910021;*/
border-color: #210091;
}
div#clientQuote {
/*background-color: #d8c9cb;*/
background-color: #cbc9d8;
}
.alert-mail ul li {
/*color: #006699;*/
color: #996600;
}
fieldset.zemcontact input:focus, fieldset.zemcontact input:hover{
/*border-color: #D9D4BF;*/
border-color: #bfd4d9;
}
h1 {
background-image: url(/images/h1bullet.png);
background-repeat: no-repeat;
padding-top: 3px;
padding-bottom: 4px;
padding-left: 17px;
color: #005;
}
h2 {
color: #337;
padding-bottom: 0;
margin-bottom: 0px;
}
div#clientQuote a {
font-weight: normal;
}
p.quote {
background-image: url(/images/quot.png);
background-repeat: no-repeat;
padding-left: 76px;
padding-top: 34px;
font-size: 15px;
color: #005;
width: 220px;
float: right;
line-height: 17px;
}
img.floatrightphoto {
float: right !important;
border: 1px solid #aae;
margin: 8px 0 8px 8px !important;
}
img.floatleftphoto {
float: left !important;
border: 1px solid #aae;
margin: 8px 8px 8px 0 !important;
}
div.rightimagetitled {
float: right !important;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #005;
margin: 8px 0 8px 8px !important;
}
div.rightimagetitled img {
border: 1px solid #aae;
display: block;
}
span.blue, span.bluebold {
color: #005 !important;
}
span.orange, span.orangebold {
color: #bc5509 !important;
}
span.bluebold, span.orangebold {
font-weight: bold;
}