/* css reset */
html,body{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;}/* don't specify font-family:inherit otherwise IE6 won't do fixed footers! */
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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}
b,strong{font-weight:bold}
a img{border: 0;}

html{overflow-y:scroll;}

body
{
    background:#f9f9f9;
    color:#333; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:80%;
}
h1
{
    font-size:155%;
    font-weight:bold;
    margin-bottom:0.7em;
    padding-left:20px;
    padding-top:0;
    font-family:Verdana, helvetica, Sans-Serif;
    color:#066;
    background:url(../img/h1_bg-trans.png) left top no-repeat;
}
h2
{
    font-size:135%;
    font-weight:bold;
    margin:0.7em 0;
    color:#066;
    text-align:left;
}
h2:first-child
{
    margin-top:0.3em;
}
body.home h2
{
    text-align:center;
}
h3
{
    font-size:115%;
    font-weight:bold;
    margin:1.5em 0 0.6em;
}
h3:first-child
{
    font-size:115%;
    font-weight:bold;
    margin:0.6em 0;
}
h4
{
    font-size:100%;
    font-weight:bold;
    margin:0.6em 0;
}
p {
    margin-bottom:1em;
}
ul + p
{
    margin-top:1em;
}
b
{
    font-weight:bold;
}
ul, ol
{
    list-style-position: outside;
    margin-bottom:1em;
    margin-left:2em;
    line-height:150%;
}
p + ul /* ul that follows a paragraph */
{
    position:relative;
    margin-top:-0.8em;
}
li
{
/*    text-indent:1em;*/
}
ul li
{
    list-style-type: disc;
}
ol li
{
    list-style-type: decimal;
}
a
{
    color:#666;
    font-weight:inherit;
}
a:hover
{
    color:#333;
}
address
{
    padding-top:1em;
    margin-left:0em;
    margin-bottom:1em;
    line-height:140%;
}
table
{
    border-top:3px solid #999;
    border-left:3px solid #999;
    border-right:2px solid #999;
    border-bottom:2px solid #999;
    border:2px solid #999;
    margin-bottom:1em;
}
th,
td
{
    padding:3px;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
}
th
{
    font-weight:bold;
    text-align:center;
    border-bottom-width:2px;
}
td
{
    
}
td.number
{
    text-align:right;
}
td p
{
    margin-bottom:0;
}

.center
{
    text-align:center;
}
.left
{
    float:left;
    margin-right:1.5em;
}

.right
{
    float:right;
    margin-left:1.5em;
}
.clear
{
    clear:both;
}
.highlight
{
    color:#f00;
    background:#ff0;
    padding:0.3em;
}
.hand
{
    cursor:pointer;
}
.hide
{
    display:none;
}
.image_with_caption
{
    display:inline-block;
}
.image_with_caption .caption
{
    display:block;
    text-align:center;
}
/* page wrapper */
#outer
{
    background:#efefef url(../img/content_repeat_y2.gif) repeat-y;
}

/* header */
#header
{

}
#header object
{
    width:790px;
    height:238px;
    height:170px;
    margin-left:9px;
/*
    position:relative;
    top:0;
    left:9px;
*/
}
#centrecontent
{
}

.menu
{
    display:block;
    position:absolute;
	top:236px;
	top:168px; /* after 68px height reduction of header */
    left:236px;
    margin:0;
	text-indent:0;
}
.menu li {
    display:block;
    float:left;
/*    font-size:12px;*/
    list-style-type:none;
    text-indent:0;
}
.menu a
{
    display:inline-block;
    width:91px;
    width:99px;
    height:33px;
    margin-left:11px;
    padding-top:9px;
    text-align:center;
	text-decoration:none;
	color:#a09591;
    font-size:12px;
	line-height:1.9em;
    background:url(../img/menu_item_bg-trans.png) left top no-repeat;
}
.menu li:first-child a
{
    margin-left:0;
}
.menu a:hover
{
	color:black;
    background-image:url(../img/menu_item_bg_over-trans.png);
}
.menu li.current a
{
	color:black;
    background-image:url(../img/menu_item_bg_current-trans.png);
}
.menu li.current a:hover
{
    background-image:url(../img/menu_item_bg_current-trans.png);
}

/* header images */
img.header
{
    margin:0 0 20px;
}
ul#header_images
{
    margin:17px 0 20px;
    padding:0;
    height:217px;
}
/* Avoid showing all rotating images at once when page first loads */
ul#header_images li {
    /* Avoid showing all rotating images at once when page first loads */
    display:none;
    text-indent:0;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}
ul#header_images li:first-child { display:block }

.fade_down
{
    position:relative;
    top:0;
    left:9px;
    width:791px;
    min-height:347px;
    border:0px solid red;
    background:url(../img/content_repeat_x2.gif) top repeat-x;
    z-index:1;
    overflow:auto;
}
.content_text
{
    display:block;
    position:relative;
    float:right;
    top:0;
    left:0px;
    width:521px;
    margin:70px 0 0;
    margin:48px 0 0;
    padding:0 22px 0 0;
    color:#a09591;
    color:#666;
    z-index:2;
    font-family:Tahoma, Arial, helvetica, Sans-Serif;
}
.content_text h1
{
/*    color:white;*/
}
.content_text p
{
    line-height:150%;
}
/* News */
div.news
{
    display:block;
    width:214px;
    border:0px solid blue;
    margin:7px 0 0 2px;
    z-index:100;
}
div.news h2
{
    color:white;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:8px 0 0px 14px;
    background:url(../img/news_top-trans.png) no-repeat;
}
div.news_main
{
    padding:5px 8px;
    background:url(../img/news_bg-trans.png) repeat-y;
}
div.news_main h3,
div.news_main p
{
    font-size:100%;
    padding-left:7px;
    padding-right:7px;
/*  background:#e8e8e8; */
}
div.news_main h3
{
    margin:5px 0 0;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:20px;
    background-color:#ccc;
    background-image:url(../img/news_expand-trans.png);
    background-position:right;
    background-repeat:no-repeat;
}
div.news_main h3:first-child
{
    margin:0;
}
div.news_main div.contents
{
    margin-top:5px;
    background-color:#e8e8e8;
}
div.news_main p
{
    margin:0 0 0px;
    padding-bottom:2px;
    text-indent:1.3em;
}
div.news div.last
{
    height:23px;
    margin:0;
    padding:0;
    background:url(../img/news_bottom-trans.png) no-repeat;
}

/* Case Studies List */
div.case_study_listing
{
	clear:both;
	margin-top:1em;
	min-height:90px;
/*	overflow:auto;*/
}
div.case_study_listing img
{
	float:left;
	background:#eee;
	margin-left:2em;
	margin-right:1em;
	border:1px solid #ccc;
}
div.case_study_listing div
{
/*	float:left;*/
    display:inline-block;
	width:350px;
}
div.case_study_listing h2
{
    margin:0 0 0.2em;
}
div.case_study_listing h2 a
{
    font-weight:bold;
    text-decoration:none;
    color:inherit;
}
div.case_study_listing p
{
    margin-bottom:0;
}
div.case_study_listing p a.nav_more
{
    white-space:nowrap;
}

/* Case Study Details Pages */
div.cs_nav
{
    display:none;
    position:absolute;
    top:-24px;
    left:0;
}
div.cs_nav a
{
    text-decoration:none;
}
div.cs_nav a:hover
{
    text-decoration:underline;
}

div.callout
{
    width:214px;
    float:right;
    margin:0 8px 0.5em 1.5em;
}
div.callout_top
{
    width:214px;
    height:23px;
    background:url(../img/callout_top-trans.png);
}
div.callout_content
{
    width:186px; /* 214 - 28 */
    padding:0 14px;
    margin:-0.5em 0 0;
    background:url(../img/news_bg-trans.png) top repeat-y;
    z-index:2;
}
div.callout_content img
{
    float:right;
    position:relative;
    top:3px;
}
div.callout_bottom
{
    width:214px;
    height:23px;
    background:url(../img/callout_bottom-trans.png);
}

body.case_studies p.call_to_action,
body.case_study p.call_to_action
{
    margin-top:1em;
    border-top:1px solid #ccc;
    padding-top:1em;    
}

/* Contact Form */
form.contact
{
    float:right;
    position:relative;
    top:0;
    left:10px;
    margin:1em 0 2em;
    width:330px;
/*    margin:1.5em 1em;*/
}
form.contact label
{
    display:inline-block;
    margin-top:2px;
    margin-bottom:8px;
    white-space:nowrap;
    width:5.5em;
}
form.contact label.message
{
    display:block;
    margin:0;
    padding:0 0 3px;
}
form.contact input[type="text"]
{
    width:18em;
    width:248px;
    margin-bottom:8px;
}
form.contact span.checkbox
{
    display:block;
    margin-left:6em;
}
form.contact input[type="checkbox"]
{

}
form.contact textarea
{
    width:320px;
    height:10em;
    margin:2px 0 0;
    font-family:arial, helvetica, sans-serif;
    font-size:1em;
}
form.contact div.submit
{
    text-align:right;
    margin-right:8px;
}
form.contact input[type="submit"]
{
    position:relative;
/*    left:6.4em;*/
    margin-top:0.5em;
    padding:0 1em;
}
form.contact p.smallprint
{
    margin-top:1em;
    margin-bottom:0;
}
/* Error Messages */
.error
{
	border:1px solid #f60;
	margin:0.5em 0;
	padding:0.5em;
	color:#f60;
	background-color:#FFFFCC;
	font-weight:bold;
}
div.error ul
{
    margin-bottom:0.5em;
}
div.error p:first-child
{
    margin-top:0;
}

/* Google Map */
.marker
{
    color:#333;
}
.marker p
{
    margin:0;
    padding:0;
}

#footer
{
    background:url(../img/footer.png) no-repeat;
    color:#999;
    font-size:10px;
    z-index:2;
}
#footer a
{
    color:#999;
}
#footer p.smallprint
{
    position:absolute;
    top:162px;
    left:0;
    padding:0 14px;
}
#footer p.bluesulphur_link
{
    position:absolute;
    top:186px;
    right:0;
    padding:0 30px;
}