/*
Author   : Wes Smith | wes@redbullet.co.uk | Red Bullet Web Design
Client   : Monarch Chemicals
URL      : http://www.monarchchemicals.co.uk
Desc     : General Stylesheet
Created  : 04 January 2008
*/

/********** General Start **********/
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:20px; padding:0; margin:0; background:#000000 url(../Images/bg.gif) top left repeat-x;}
a{outline:none;}
a:link, a:visited{text-decoration:none; color:#333333;}
a:hover{text-decoration:underline; color:#333333;}
p{padding:0; margin:10px 0 10px 0;}
h1{font-size:20px; padding:0; margin:5px 0 5px 0; color:#333333; font-weight:100;}
h2{font-size:14px; padding:0; margin:5px 0 5px 0; color:#333333; font-weight:bold;}
input.txt{color:#333333; width:120px;}
textarea{color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
form p{clear:left; margin:0; padding:0; padding-top:5px;}
label{width:100%; margin:5px 0 5px 0;}
a img { border: none; }

#products h3 { color:#cbdb2a;  }

/********** General End **********/

/********** ID's Start **********/
#container{position:relative; width:950px; height:auto; padding:0 15px 0 15px; margin:0 auto 0 auto; background:url(../Images/page_bg.png) top center repeat-y;}
#header{position:relative; width:950px;}
#content_area{position:relative; width:910px; min-height:640px; height:auto !important; height:640px; padding:20px 20px 20px 20px;}
#content_area a:link, #content_area a:visited{text-decoration:none; color:#b4d333; font-weight:normal;}
#content_area a:hover{text-decoration:underline; color:#b4d333;}
#content_area2{position:relative; width:910px; min-height:535px; height:auto !important; height:535px; padding:20px 20px 20px 20px; background:url(../Images/manufacturingpg_circle.jpg) top right no-repeat;}
#content_area2 a:link, #content_area2 a:visited{text-decoration:none; color:#b4d333; font-weight:normal;}
#content_area2 a:hover{text-decoration:underline; color:#b4d333;}
#content_area3{position:relative; width:910px; min-height:535px; height:auto !important; height:535px; padding:20px 20px 20px 20px; background:url(../Images/servicepg_circle.jpg) top right no-repeat;}
#content_area3 a:link, #content_area3 a:visited{text-decoration:none; color:#b4d333; font-weight:normal;}
#content_area3 a:hover{text-decoration:underline; color:#b4d333;}
#content_area4{position:relative; width:910px; min-height:535px; height:auto !important; height:535px; padding:20px 20px 20px 20px; background:url(../Images/storagepg_circle.jpg) top right no-repeat;}
#content_area4 a:link, #content_area4 a:visited{text-decoration:none; color:#b4d333; font-weight:normal;}
#content_area4 a:hover{text-decoration:underline; color:#b4d333;}
#content_area5{position:relative; width:910px; min-height:535px; height:auto !important; height:535px; padding:20px 20px 20px 20px; background:url(../Images/qualitypg_circle.jpg) top right no-repeat;}
#content_area5 a:link, #content_area5 a:visited{text-decoration:none; color:#b4d333; font-weight:normal;}
#content_area5 a:hover{text-decoration:underline; color:#b4d333;}
#content_area6{position:relative; width:910px; min-height:535px; height:auto !important; height:535px; padding:20px 20px 20px 20px; background:url(../Images/safetypg_circle.jpg) top right no-repeat;}
#content_area6 a:link, #content_area6 a:visited{text-decoration:none; color:#b4d333; font-weight:normal;}
#content_area6 a:hover{text-decoration:underline; color:#b4d333;}
#content_area7{position:relative; width:910px; min-height:535px; height:auto !important; height:535px; padding:20px 20px 20px 20px; background:url(../Images/productspg_circle.jpg) top right no-repeat;}
#content_area7 a:link, #content_area7 a:visited{text-decoration:none; color:#b4d333; font-weight:normal;}
#content_area7 a:hover{text-decoration:underline; color:#b4d333;}
#content_area8{position:relative; width:910px; min-height:535px; height:auto !important; height:535px; padding:20px 20px 20px 20px; background:url(../Images/packagingpg_circle.jpg) top right no-repeat;}
#content_area8 a:link, #content_area8 a:visited{text-decoration:none; color:#b4d333; font-weight:normal;}
#content_area8 a:hover{text-decoration:underline; color:#b4d333;}
#content_area9{position:relative; width:910px; min-height:535px; height:auto !important; height:535px; padding:20px 20px 20px 20px; background:url(../Images/contactpg_circle.jpg) top right no-repeat;}
#content_area9 a:link, #content_area9 a:visited{text-decoration:none; color:#b4d333; font-weight:normal;}
#content_area9 a:hover{text-decoration:underline; color:#b4d333;}

#body_flash_container{position:absolute; top:0; right:0; z-index:0;}
#text{z-index:1;}

#products .cols { float: left; width: 210px; padding-right: 15px; }
/********** ID's End **********/

/********** Classes Start **********/
.clear{clear:both;}
.paragraph_01{width:600px;}
.paragraph_02{width:550px;}
.paragraph_03{width:480px;}
.paragraph_04{width:500px;}
.paragraph_05{width:540px;}
/********** Classes End **********/

/********** Navigation Start **********/
#menu ul{margin: 0;padding: 0;float: left;width: 100%;background-color: #9fb1bb;}
* html #menu ul{ /*IE only rule, reduce menu width*/width: 99%;}
#menu ul li{display: inline;}
#menu ul li a{float: left;color:#ffffff; font-weight:bold; padding:9px 17px 8px 17px;text-decoration: none;}
#menu ul li a:visited{color:#ffffff;}
#menu ul li a:hover{color:#ffffff;background-color: #404040;}
#menu ul li a.current{background-color:#404040;}
/********** Navigation End **********/

/********** Footer Start **********/
#footer{position:absolute; bottom:20px; left:20px; padding:0; color:#a0b1bb;}
#footer a:link, #footer a:visited{text-decoration:none; color:#a0b1bb;}
#footer a:hover{text-decoration:underline; color:#a0b1bb;}
/********** Footer End **********/