/* CSS Document */

/* Global Layout Styles */

body {
font: 0.9em/1.5em Arial, Helvetica, sans-serif;
background: url(../assets/generic/shiny.jpg) repeat-x fixed #ccc;
text-align:center;
color: #666;
margin-top: 15px;
}

#container {
position:relative;
width: 960px;
margin:0 auto;
}

#wrapper {
width: 900px;
margin:0 auto;
float:left;
border:12px solid #ccc;
background:#fff;
padding:20px;
}

#header {
height:110px;
}

#head_logo {
float:left;
}

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

#navigation {
float:left;
clear:right;
text-align:left;
height:48px; 
width:900px;
background:url(../assets/generic/shadow.jpg) repeat-x bottom;
padding:0 0 3px 0;
}

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

#bar {
margin:10px 0 0 0;
padding:5px 0;
float:left;
background:#f2572e ;
width:100%;
}

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

/* HEADER Layout Styles */

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

#head_right ul {
float:right;
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:right;
text-indent:-9999px;
margin-top: 10px;
background: url(../assets/generic/callusnow.gif) no-repeat;
width: 341px;
height: 58px;
}

#head_right .dots {
float:right;
margin:10px 0 0 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:280px;
margin:0;
padding:0;
}

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

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

#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, #main_ad_half h3 {text-indent:-9999px; margin:0; padding:0;}

#main_ad {
margin: 55px 20px 0 20px;
padding:0;
}

#main_ad_half {
float:left;
width:292px;
height:125px;
margin:0;
padding:0;
text-align:center;
}

#main_ad_half.left {margin:0 13px 0 0;}

#main_ad_half p {
	font-size:11px;
	line-height:1.4em;
	text-align:center;
	}
	
#main_ad_half.left p {
	text-align:left;
	color: #000;
	padding:80px 0 0 10px; 
	margin:0;
	line-height:1.3em;
	}
	
	#main_ad_half.right p {
	text-align:left;
	color: #000;
	padding:80px 0 0 10px; 
	margin:0;
	}

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


#main_ad_half.right a:link, #main_ad_half.right a:visited {color:#fff; font-weight:bold;}
#main_ad_half.right a:hover, #main_ad_half.right a:active {color: #f94e0b;}

#main_ad_half.left a:link, #main_ad_half.left a:visited {color:#fff; font-weight:bold;}
#main_ad_half.left a:hover, #main_ad_half.left a:active {color: #f94e0b;}


#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_winter.jpg) no-repeat;}

#main_ad_half.left {background:url(../assets/ads/cold_ad_half_winter_11.jpg) no-repeat;}
#main_ad_half.right {background:url(../assets/ads/wet_ad_half_winter_11.jpg) no-repeat;}


/* START MINI ADS */
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: 14px;
font-weight:bold;
text-transform:uppercase;
}

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

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

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

#fold {
position:relative;
}

#sociallink {
position:relative;
font-size:0.75em;

width:100%;
}

#facebook  {
padding:0;
width:200px;
float:left;

}

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

#video {width:290px; float:left; margin:0 0 0 100px;}


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

#fold p.se {
float:left;
clear:left;
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;}

#accreditation {
float:left;
}

#accreditation2 {
float:right;
padding:17px 0 0 0;
}

#accreditation img {float:left; margin: 0 20px 0 0}