/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding:0; text-align:center; font:80%/1.5 Verdana, Helvetica, sans-serif; color:#3d6385; background:#45352a url(images/bg.gif) no-repeat top center} 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#wrapper{background-color:#392B22}
#pagewidth{ width:759px; text-align:left;  margin-left:auto; margin-right:auto; border-left:1px solid #2a1f18 ; border-right:1px solid #2a1f18} 
ul{list-style:none; font-size:1.2em}
a{color:#3D6385; text-decoration:underline; outline:none}
a:hover{color:#990000}
.clr{clear:left}
p{font-size:1.1em; line-height:1.9em; margin-bottom:1.5em}
ul#nav li a, #footer a{text-decoration:none}

h1,h2,h3{margin:0; padding:0; font-weight:bold; margin-bottom:0.4em; color:#274765}
h1{font-size:2.0em;}
h2{font-size:1.5em; margin:8px 0}
h3{font-size:1.3em;}

/*---------------HEADER---------------*/
#header{position:relative; height:178px; width:758px; float:left; padding-top:15px}

#logo{float:left; width:154px; height:178px; text-indent:-6000px; background:url(images/logo.gif) no-repeat;  margin-left:15px; display:inline}
#logo a{height:178px; width:100%; display:block; overflow:hidden;}

#banner{width:558px; height:178px; float:right; margin-right:15px; display:inline}
body#index #banner, body#silica #banner, body#water #banner, body#carbonates #banner,  body#blending #banner, body#glass #banner{background:url(images/banner_1.jpg);}
body#about #banner, body#mineral #banner, body#talc #banner, body#industrial #banner{background:url(images/banner_2.jpg);}
body#credit #banner, body#barytes #banner, body#kaolin #banner, body#granite #banner, body#packaging #banner{background:url(images/banner_3.jpg);}
body#contact #banner, body#flint #banner, body#dry #banner{background:url(images/banner_4.jpg);}
body#feature-stone #banner{background:url(images/banner_6.jpg);}
body#furniture #banner{background:url(images/banner_5.jpg);}
body#decor #banner {background:url(images/banner_7.jpg);}
/*---------------NAV---------------*/ 
ul#contact_side, ul.nav{width:165px; float:right;  text-align:left; font-size:1.1em; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:15px 0 10px 0}
ul#contact_side li{color:#e87a34}
ul#contact_side li a{color:#e87a34; text-decoration:none}
ul#contact_side li a:hover{text-decoration:underline}

ul.nav li{line-height:1.4em; color:#E87A34; font-weight:bold; margin-bottom:6px}
ul.nav li a, ul.nav_inner li a{color:#c4d7ed; font-weight:normal}
ul.nav li a:hover, ul.nav_inner li a:hover{color:#e87a34; text-decoration:underline}
ul.nav li.border_top{border-top:none}
ul.nav li.border_bottom{border-bottom:none}

ul.nav_inner{margin:0 0 0 10px}
ul.nav_inner li{ font-size:0.8em}


body#index ul.nav li a.index,
body#about ul.nav li a.about,
body#silica ul.nav li a.silica,
body#mineral ul.nav li a.mineral,
body#kaolin ul.nav li a.kaolin,
body#flint ul.nav li a.flint,
body#carbonates ul.nav li a.carbonates,
body#talc ul.nav li a.talc,
body#granite ul.nav li a.granite,
body#dry ul.nav li a.dry,
body#blending ul.nav li a.blending,
body#industrial ul.nav li a.industrial,
body#packaging ul.nav li a.packaging,
body#credit ul.nav li a.credit,
body#contact ul.nav li a.contact,
body#feature-stone ul.nav li a.feature,
body#furniture ul.nav li a.furniture,
body#decor ul.nav li a.decor,
body#water ul.nav li a.water,
body#glass ul.nav li a.glass,
body#barytes ul.nav li a.barytes
{color:#E87A34;}

/*---------------LEFT COL---------------*/
#leftcol{width:165px; float:left; position:relative; margin:0 5px 0 15px; padding:0; display:inline;  }


/*---------------RIGHT COL---------------*/
#rightcol, #rightcol_footer{ display:inline; position: relative; width:558px; margin:0; padding:0; }
#rightcol{height:auto !important; height:550px; min-height:550px; float:left; background:#fff url(images/rightcol_bg.gif) repeat-x; padding-top:15px}
#rightcol_footer{background-image:url(images/rightcol_footer.gif); float:right; height:10px; font-size:0; margin:0 16px 15px 0}

#innerleft, #innerright{float:left;  display:inline}
#innerleft{width:358px; margin-left:10px}
#innerright{width:170px; margin-left:10px}
#innerright img{background-color:#C4D7ED; border:1px solid #9BBAD5; padding:3px; margin-bottom:10px; float:right }
#innerleft ul {margin-bottom:25px}
#innerleft ul li{font-size:0.9em; line-height:1.8em; margin-left:20px; list-style-type:disc}
body#contact #innerleft{width:540px;}

ul#services_module{width:167px; height:209px; background:url(images/home_services_bg.gif) no-repeat; float:right; margin-top:20px}
ul#services_module li{width:140px; color:#006bb4; font-size:0.9em; margin:5px 5px 5px 16px; list-style:none; background:url(images/bullet.gif) no-repeat left 6px; padding-left:8px}
ul#services_module li.title{width:140px; font-weight:bold; margin:5px 0 0 12px; list-style-type:none; background-image:none}

/*---------------CTA---------------*/
ul#cta{width:350px; background-color:#e1ebf5; height:auto !important; height:170px; min-height:170px; border:1px solid #afc7df; background:#e1ebf5 url(images/cta_bg.gif) no-repeat bottom right;}
ul#cta li{color:#4c7498; font-size:0.9em; width:250px; margin:10px; list-style:none}
ul#cta li.title{font-family:Tahoma, Arial, Helvetica, sans-serif; color:#e87a34; font-weight:bold; font-size:2.0em}
ul#cta li.tel,ul#cta li.email{color:#e87a34; font-weight:bold; line-height:1.8em} 
ul#cta li.email a{color:#e87a34; text-decoration:none}
ul#cta li.email a:hover{text-decoration:underline}

/*---------------CONTACT---------------*/
form{width:440px; border:6px solid #85A8C8; margin:30px; padding:1px}

form#contact input#name,
form#contact input#company,
form#contact input#email,
form#contact input#phone,
form#contact input#enquiry,
form#contact select, form#contact textarea{font-family: Arial, Helvetica, sans-serif; font-size:1.0em; color:#3d6385; border-top:2px solid #85A8C8; border-left:2px solid #85A8C8; padding:3px; border-right:1px solid #9BBAD5; border-bottom:1px solid #9BBAD5;}
form#contact p{width:100%; padding:4px 0; margin:0 0 1px 0; background-color:#C4D7ED}
form#contact p label{float:left; display:inline;  padding-right:1px; font-weight:bold; width:130px; text-align:right }
form#contact fieldset, form#mailing fieldset{width:100%; border:none; margin:0; padding:0;}
form#contact legend, form#mailing legend{display:none}
.button_submit{ padding:4px 0 4px 85px;}
span.indent{margin-left:100px; width:200px}
span.button_submit{ padding:4px 0 4px 135px;}


ul.contact_details{margin:15px 0 20px 10px; float:left; width:280px; color:#434343; list-style:none}
ul.narrow{width:200px; list-style-type:none}
#innerleft ul.contact_details li{font-size:0.9em; list-style-type:none}
ul.contact_details li.address_bold{font-weight:bold}
ul.contact_details li.tel{ font-weight:bold}
ul.contact_details li.fax{font-weight:bold}
ul.contact_details li.email{margin-bottom:12px; font-weight:bold}
ul.contact_details li a:hover{color:#E87A34}

sup{color:#FF0000}

/*---------------FOOTER---------------*/
#footer{height:40px; line-height:40px; color:#c4d7ed; background-color:#392B22; clear:both; text-align:center; font-size:1.1em}
#footer a{color:#c4d7ed; text-decoration:none}
#footer a:hover{text-decoration:underline}