/* CSS Document */

/* Global Layout Styles */

body {
font: 0.9em/1.5em Arial, Helvetica, sans-serif;
background: #fff;
text-align:center;
color: #999;
margin-top: 15px;
}

#container {
width: 760px;
margin:0 auto;
}

#header {
height:110px;
}

#head_logo {
float:left;
}

#head_right {
float:right;
width: 332px;
}

#navigation {
text-align:left;
height:60px; 
width:759px;
background:url(../assets/generic/shadow.jpg) repeat-x bottom;
}

#content {
float:left;
width:100%;
margin:10px 0;
padding:0;
}

#bar {
margin:10px 0 0 0;
padding:0;
float:left;
background:url(../assets/generic/bar_shadow.gif) repeat-x;
width:100%;
height:37px;
}

#fold {
width:100%;
float:left;
margin:0;
padding:0;
}

/* HEADER Layout Styles */

#header h1 {
text-indent:-9999px;
background: url(../assets/generic/cas-hire-logo.gif) no-repeat;
width: 90px;
height: 108px;
margin:0;
padding:0;
}

#head_right ul {
float:left;
margin: 0.4em 0;
padding: 0;
list-style: none;
}

#head_right li {
background:url(../assets/generic/orange-square.gif) no-repeat;
display:inline ;
padding: 0 0 0 20px;
margin-left:10px;
font-size: 0.8em;
text-transform:uppercase;
font-weight:bold;
}

#head_right li a:link, #head_right li a:visited {
text-decoration:none;
color:#f94e0b;}

#head_right li a:hover, #head_right li a:active {
color: #00a2df;
}

#head_right h2 {
float:left;
text-indent:-9999px;
margin-top: 30px;
background: url(../assets/generic/freephone.gif) no-repeat;
width: 332px;
height: 29px;
}

#head_right .dots {
float:left;
margin:0; padding:0; 
background: url(../assets/generic/dots.gif) repeat-x;
width: 320px;
height:10px;}

/* NAVIGATION Layout Styles */
/*
#navigation ul {
margin: 5px 0 0 0;
padding: 0;
list-style: none;
float:left;
width:760px;
}

#navigation li {
display:inline ;
padding: 0;
margin:0;
}

#navigation li a:link, #navigation li a:visited {
font-size: 0.9em;
text-transform:lowercase;
text-decoration:none;
background:#999; 
float:left;
width:106px;
border-right: 3px solid #ccc;
color:#fff;
}

#navigation li.last a:link, #navigation li.last a:visited, #navigation li.last a:hover, #navigation li.last a:active {border:none}

#navigation li.fans a:hover {background: #69c}
#navigation li.ac a:hover {background: #069}
#navigation li.de a:hover {background: #639}
#navigation li.heat a:hover {background: #f2572e}
#navigation li.clean a:hover {background: #060}
#navigation li.humid a:hover {background: #fc6}
#navigation li.access a:hover {background:  #666666}

#navigation li a:active  {background: #00a2df;}
*/

/* CONTENT Layout Styles */

#text {
float:left;
width:140px;
margin:0;
padding:0;
}

#text p {
margin:0;
padding:0;
font-size: 0.85em;
line-height:1.2em;
text-align:left;
}

#text a:link, #text a:visited {color:#666666; text-decoration:none;}
#text a:hover, #text a:active {color: #FF9900; text-decoration:underline;}

#text p b.orange {color:#f94e0b;}
#text p b.headline {text-transform:uppercase; }

#graphics {
float:right;
width: 600px;
margin:0;
padding:0;
}

#main_ad {
float:left;
width:600px;
height:125px;
margin:0;
padding:0;
}

#main_ad a {overflow:hidden;}

#main_ad h3 {text-indent:-9999px; margin:0; padding:0;}

#main_ad p {
font-size:0.8em;
font-weight:bold;
line-height:1.3em;
text-align:center;
color: #02537a;
margin: 55px 20px 0 20px;
padding:0;
}

#main_ad a:link, #main_ad a:visited {color:#fff; font-weight:bold;}
#main_ad a:hover, #main_ad a:active {color: #02537a;}

#main_ad.winter {background:url(../assets/ads/winter_ad_heat.jpg) no-repeat;}
#main_ad.summer {background:url(../assets/ads/summer-air-con-ad2.jpg) no-repeat;}
#main_ad.wet {background:url(../assets/ads/wet_ad.jpg) no-repeat;}

div.mini_ad {
margin: 8px 17px 8px 0;
padding:0;
width:291px;
height:108px;
float:left; 
}


div.mini_ad h4 {font-size:0.9em; text-indent:-9999px; margin:0; padding:0;}

div.mini_ad p {
float:left;
width:170px;
text-align:left;
font-size:0.7em;
line-height:1.1em;
padding: 0 0 0 1em;
margin:30px 0 0 0;
color:#666;
}

div.mini_ad a:link, div.mini_ad a:visited {text-decoration:none; color:#666;}
div.mini_ad a:hover, div.mini_ad a:active {text-decoration:none; color:#f94e0b;}

div.fans {background:url(../assets/ads/fans.jpg) no-repeat;}
div.heating {background:url(../assets/ads/heating.jpg) no-repeat; margin-right:0;}
div.aircon {background:url(../assets/ads/air-con.jpg) no-repeat;}
div.aircleaner {background:url(../assets/ads/air-cleaner.jpg) no-repeat; margin-right:0;}
div.dehumid {background:url(../assets/ads/dehumid.jpg) no-repeat;}
div.humid {background:url(../assets/ads/humid.jpg) no-repeat; margin-right:0;}

#bar p {
margin:0;
padding:0;
color:#fff;
font-size: 0.75em;
}

#bar a:link, #bar a:visited {color:#fff; text-decoration:none;}
#bar a:hover, #bar a:active {color:#f94e0b; text-decoration:underline;}

#bar p.left {
margin-left:10px;
text-align:left;
width:200px;
float:left;
}

#bar p.right {
margin-right:10px;
text-align:right;
width:200px;
float:right;
}


#sociallink {
vertical-align: middle;
font-size:0.75em;
}

img.social {
margin-left: 15px; margin-right: 5px;
border: 0px;
vertical-align: middle;
}



#fold p {
font-size:0.75em;
line-height: 1.2em;
text-align:left;
}

#fold p.se {
color:#999;
text-align:justify;
}

#fold a:link, #fold a:visited {color: #666; text-decoration:none;}
#fold a:hover, #fold a:active {color:#f94e0b; text-decoration:underline;}

img.accreditation {margin-left: 15px; margin-right: 15px;}

img.accreditation2 {margin-left: 15px; margin-right: 15px; margin-bottom: 15px;}