@charset "utf-8";
/* CSS Document */



body	{ background-color:#FFF; margin:0 auto; padding:20px 0 0 0; font-family:Verdana, Geneva, sans-serif; background-image:url(../images/template/background.jpg); background-repeat:repeat-x; background-position:top } 
body#home	{ background-image:url(../images/template/home-background.jpg); background-repeat:repeat-x; background-position:top }



/* GENERAL STYLING ELEMENTS */

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

h1			{ position:relative; font-size:1.6em; color:#353535; font-weight:normal; margin:0; padding:0 0 8px 0; border-bottom:1px dotted #CCC; margin-bottom:10px; }

h2			{ position:relative; font-size:1.4em; color:#353535; font-weight:normal; margin:0; padding:0 0 8px 0; border-bottom:1px dotted #CCC; margin-bottom:10px; }

p			{ position:relative; font-size:0.75em; color:#353535; margin:0; padding:0; padding-bottom:10px; line-height:1.4em }
a			{ color:#1da1d6; text-decoration:none; font-weight:bold  }
a:hover		{ color:#1da1d6; border-bottom:1px dashed }

.blue		{ color:#1da1d6 }
.boldBlue	{ color:#1da1d6; font-weight:bold }

.caseStudy		{ position:relative;  padding:20px 20px 40px 20px; clear:both;  border:1px dotted #CCC; margin-bottom:20px }
.caseStudy h3	{ position:relative; margin:0; padding:0 0 5px 0; color:#353535}
.caseStudy	img	{ position:relative; float:right; width:150px; height:110px; margin-left:30px; border:1px dotted #CCC; background-color:#FFF; padding:5px; }
.caseStudy:hover	{ background-color:#F2F2F2; }

.canopyType		{ position:relative;  padding:10px 10px 20px 10px; clear:both;  border:1px dotted #CCC; margin-bottom:15px }
.canopyType h3	{ position:relative; margin:0; padding:0 0 5px 0; color:#353535}
.canopyType h4	{ position:relative; margin:0; padding:20px 0 20px 0; color:#353535; font-size: 12px; font-weight: normal;}
.canopyType	img	{ position:relative; float:right; width:150px; height:110px; margin-left:30px; border:1px dotted #CCC; background-color:#FFF; padding:5px; }
.canopyType:hover	{ background-color:#F2F2F2;  padding:10px 10px 20px 10px; }
#clear {clear:both;}

/* HOMEPAGE ELEMENTS */

#homeHeader		{ position:relative; height:96px;}
#topSection		{ position: relative; width:960px; height:402px;   }

#intro			{ position:relative; width:300px; height:300px; padding-top:30px; float:left; margin-right:22px }
#intro h1		{ position:relative; font-size:1.4em; color:#FFFFFF; font-weight:normal; margin:0; padding:0 0 20px 0; border-bottom:1px dotted #b6eaff; margin-bottom:10px; }
#intro h2		{ position:relative; font-size:0.8em; color:#FFFFFF; font-weight:normal; margin:0; padding:10px 0 10px 0;  margin-bottom:10px; }


#homeGallery	{ position:relative; float:left;  margin-top:20px;}
#ribbon			{ position:absolute; right:-3px; top:-7px; width:103px; height:103px; margin:0; z-index:100 }




/* ICONBAR ELEMENTS */

#iconBar		{ position:relative; clear:both; height:85px;}
	.iconBarItem	{ position:relative; float:left; width:300px; padding:8px 20px 8px 0;  }
	.iconBarItem p	{ position:relative; font-size:0.75em; color:#FFF; padding-top:18px; }
	.iconBarItem a	{  color:#FFF; font-weight:bold; text-decoration:none}
	.iconBarItem a:hover	{ border-bottom:1px dashed #FFF }
	.iconBarItem img	{ position:relative; float:left; padding:10px 10px 10px 0; }

/* CONTENT ELEMENTS */

#sideBar	{ position:relative; float:left; width:300px; padding:20px 25px 30px 0 }
#sideBar li {font-size: 0.8em}
#content	{ position:relative; float:left; width:620px; padding:20px 10px 10px 0;  }
	.leftCol	{ position:relative; float:left; width:300px; padding-right:20px;}
	.rightCol	{ position:relative; float:left; width:290px;   }
	#content ul	{ position:relative; margin:0; padding:0; list-style-type:none; margin-left:20px;  }
	#content li	{ position:relative; color:#3F3F3F; font-size:0.7em; color:#1da1d6; padding:3px 0 3px 25px; background-image:url(../images/icons/arrow.png); background-position:0px 2px; background-repeat:no-repeat }


#imageShow		{ position:relative; width:605px; height:365px; background-color:#E5E5E5;  margin-bottom:20px; }

.slideshow { height: 380px; width: 620px; margin: auto }
.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }



/* NAV ELEMENTS */
#mainNav		{ position:absolute; left:445px; top:60px; width:500px; height:25px;  }
#mainNav ul		{ position:relative; margin:0; padding:0; list-style-type:none;   }
#mainNav li		{ position:relative; font-size:0.75em; float:left; text-decoration:none; }
#mainNav li	a	{ position:relative; display:block;color:#333; text-decoration:none; padding:5px 10px 5px 10px; height:26px; text-align:center; font-weight:bold }
#mainNav li	a:hover	{ position:relative; background-image:url(../images/template/blue-arrow.gif); background-repeat:no-repeat; background-position:center bottom; border-bottom:0px }


#home #mainNav .home a				{ position:relative; background-image:url(../images/template/blue-arrow.gif); background-repeat:no-repeat; background-position:center bottom }
#canopies #mainNav .canopies a		{ position:relative; background-image:url(../images/template/blue-arrow.gif); background-repeat:no-repeat; background-position:center bottom }
#ductwork #mainNav .ductwork a		{ position:relative; background-image:url(../images/template/blue-arrow.gif); background-repeat:no-repeat; background-position:center bottom }
#metalwork #mainNav .metalwork a	{ position:relative; background-image:url(../images/template/blue-arrow.gif); background-repeat:no-repeat; background-position:center bottom }
#cad #mainNav .cad a				{ position:relative; background-image:url(../images/template/blue-arrow.gif); background-repeat:no-repeat; background-position:center bottom }
#workshop #mainNav .workshop a		{ position:relative; background-image:url(../images/template/blue-arrow.gif); background-repeat:no-repeat; background-position:center bottom }



/* HVCA ELEMENTS */
#hvca			{ position:relative; width:320px; float:left; font-size:0.7em; font-style:italic; line-height:1.6em;color:#666; border-top:1px dotted #CCC; padding:10px 30px 10px 0; margin-top:5px;}
	#hvca img		{ float:left; padding:0 10px 0 0; }
	
#hvca2 { position:relative; width:200px; float:left; font-size:0.7em; font-style:italic; line-height:1.6em;color:#666; border-top:1px dotted #CCC; padding:10px 30px 10px 0; margin-top:5px;}
#hvca2 img		{ float:left; padding:0 10px 0 0; margin-top:-1px;}



/* FOOTER ELEMENTS */

#footer					{ position:relative; clear:both; width:100%; height:150px;  background-image:url(../images/template/footer-background.jpg);  }
	#innerFooter		{ position:relative; width:960px; margin:0 auto; height:150px;}
	#speechIcon			{ position:absolute; top:10px; left:0px; width:48px; height:48px; }
	#contactDetails		{ position:relative; padding:25px 0 45px 35px; border-bottom:1px dotted #CCC;  }
	#contactDetails ul	{ position:relative; margin:0; padding:0; list-style-type:none;  }
	#contactDetails li	{ position:relative; float:left; color:#3F3F3F; font-size:0.9em; padding-left:30px; }
	#RScopyright	{ position:relative; float:left; padding-top:25px; font-size:0.75em; color:#636363; }
	#virtuosoLink	{ position:relative; float:right; padding-top:25px; font-size:0.75em; color:#636363; }


#chas-logo {
	position: absolute;
	z-index: 300;
	width: 150px;
	height: 130px;
	position: 20px 30px;
}