/* Design for WC3 validation */
* 	{
	margin: 0px;
	padding: 0px;
	border: 0px;/*zeroing out the padding, border and margins removes any default settings*/

}

/*fills in space between divs in firefox

* {
	overflow:hidden;
}
*/

/*

#maindiv {min-height: 100%;} 
* html #maindiv {height: 100%;} hack for IE only

*/
.clearfix:after {/*The peroid is the last thinb before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the peroid is not visible*/
	}
.clearfix {
	display: inline-block;/*A fix for IE mac*/
	}
*html .clearfix {/*the holly hack for a bug in IE6 for Windows*/
	height: 1%;
	}
.clearfix {
	display: block;/*the holly hack for a bug in IE6 for Windows*/
	}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{ margin-left: 3px;}

a {color : #333333; text-decoration : none;}
a:link {color : #006699;	text-decoration : none;}
a:visited {color : #006699; text-decoration : none;}
a:hover {color : #666666; text-decoration : underline;	color: #FF0000;}
a:active {color : #006699;	text-decoration : none;}

body{margin: 0px;	font : 70% Verdana, Geneva, Arial, Helvetica, sans-serif; color : #333;	line-height: 150%;	text-align:left;
	background-image: url(img/site_bkg.jpg); background-position:top;	background-repeat:repeat-x;}
	
ul {padding-left:20px; list-style-position:outside; list-style-type:disc; padding-bottom:5px;}
li {margin-bottom:10px;}
hr { border: 0; height: 1px; color: #F5F5F5; background-color: blue; }/* hr doesn't render like IE */
p {	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif; color : #333; line-height: 150%; text-align:left;}

h1 {margin-left:275px; font-size:1.3em;	font-weight:bold; border-bottom:1px solid #999;	width:680px; margin-top:25px; padding-bottom:10px;}

h1#front {font-weight:bold; margin-left:0px; font-size:1.0em; font-weight:bold; border-bottom:0px solid #999; margin-top:0px; line-height: 150%;}

.title_awning {margin-left:248px; width:725px; height:99px; background-image:url(img/title_awning.jpg); overflow:hidden;}
.title_bars {margin-left:248px; width:725px; height:99px; background-image:url(img/title_bars.jpg); overflow:hidden;}
.title_aboutus {margin-left:248px; width:725px; height:99px; background-image:url(img/title_aboutus.jpg); overflow:hidden;}
.title_contact {margin-left:248px; width:725px; height:99px; background-image:url(img/title_contact.jpg); overflow:hidden;}
.title_trellis {margin-left:248px; width:725px; height:99px; background-image:url(img/title_trellis.jpg); overflow:hidden;}
.title_domroll {margin-left:248px; width:725px; height:99px; background-image:url(img/title_domroll.jpg); overflow:hidden;}
.title_comroll {margin-left:248px; width:725px; height:99px; background-image:url(img/title_comroll.jpg); overflow:hidden;}
.title_grille {margin-left:248px; width:725px; height:99px; background-image:url(img/title_grille.jpg); overflow:hidden;}
.title_blank {margin-left:248px; width:725px; height:99px; background-image:url(img/title_blank.jpg); overflow:hidden;}
.title_testimonials {margin-left:248px; width:725px; height:99px; background-image:url(img/title_testimonails.jpg); overflow:hidden;}
.title_duet {margin-left:248px; width:725px; height:99px; background-image:url(img/title_duet.jpg); overflow:hidden;}

.samples {margin-top:20px;}

.cec {color:#666; font-style:italic;}

.broch {float:right; margin-right:53px; margin-top:10px; font-weight:bold; width:600px; text-align:right;}

h1#test {margin-left:45px; margin-top:55px; border:0; font-size:1.6em; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;}
h1#test2 {margin-left:45px; margin-top:25px; border:0; font-size:1.6em; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;}

table.specs tr, table.specs td {text-align:center; border:1px solid #CCC;}

.maintext {	width:680px; border:0px solid #0F0; margin-left:275px; overflow:hidden;}

.maintext p { margin-top:10px; margin-bottom:15px;}

#head {margin-bottom:-15px; font-size:9px; color:#CCC; text-align:center; z-index:2; position:absolute; font-family:Arial, Helvetica, sans-serif;}
#wrapper {width:1008px;	margin-left:auto; margin-right:auto; border:0px solid #0F0;}

#main1 {width:1008px; background-image:url(img/bkg_btm.jpg); background-repeat:repeat-y;}

#main2 {width:1008px; background-image:url(img/bkg_top.jpg);background-repeat:no-repeat;}

#title {height:108px; background-image:url(img/title2.jpg);}

#titleawn {height:108px; background-image:url(img/title_awning.jpg);}

#side {width:224px; float:left;	margin-left:24px; border:0px solid #F00;}

#slogan { float:right; margin-right:60px; font-size:1.3em; margin-top:20px;	font-weight:bold;}

#nav {width:223px; background-color:#E6F0F6;}

#vic {width:223px; height:348px; background-image:url(img/victoria.jpg); background-repeat:no-repeat;}

#service {text-align:center; color:#006699; padding-top:30px; margin-right:3px;}

#service p {text-align:center; color:#006699; font-size:1.1em;}

#content {width:690px;	border:0px solid #F60;	overflow:hidden; margin-left:270px;}

#panels {background-image:url(img/panels.jpg); background-repeat:no-repeat;	border:0px solid #30F; overflow:hidden;	width:717px;
	margin-left:255px;	height:193px;}

.box {width:122px; margin-top:120px; margin-left:13px; text-align:center; float:left;}

.box p {text-align:center;	font-size:0.9em;}

.box2 {width:122px;	margin-top:120px; margin-left:20px;	text-align:center;float:left;}

.box2 p {text-align:center;	font-size:0.9em;}

.box3 {	width:122px; margin-top:120px; margin-left:20px; text-align:center;	float:left;}

.box3 p {text-align:center;	font-size:0.9em;}

.box4 {width:122px;	margin-top:120px; margin-left:20px; text-align:center; float:left;}

.box4 p {text-align:center;	font-size:0.9em;}

.box5 {width:122px;	margin-top:120px; margin-left:17px;	text-align:center; float:left;}

.box5 p {text-align:center;	font-size:0.9em;}

.subb {font-weight:bold; color:#336699;	font-size:1.1em;}

.subbff {font-weight:bold;	color:#336699;	font-size:0.9em;}

.heavy {font-weight:bold;}

.techspec {font-weight:bold; color:#E41131;}

 p#ph {font-weight:bold; font-size:1.5em;}

#footer {width:1008px; background-image:url(img/pg_btm.jpg); background-repeat:no-repeat; height:94px; margin-left:auto;	margin-right:auto;	overflow:hidden;}

.gal1 {float:left; width:203px; margin-right:20px; margin-bottom:20px;}

#front {width:670px; margin-left:270px;}
#front p {margin-bottom:12px;}



.thumbnail {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/trellis1_top.jpg) no-repeat;}
.thumbnail p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.thumbnail2 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/trellis2_top.jpg) no-repeat;}
.thumbnail2 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center;	background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.thumbnail3 {width:206px;float:left; margin: 0 10px 0px 10px; background: url(img/trellis3_top.jpg) no-repeat;}
.thumbnail3 p { margin:140px 0 0 0;	padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.thumbnail4 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/trellis4_top.jpg) no-repeat;}
.thumbnail4 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;
}
.thumbnail5 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/trellis5_top.jpg) no-repeat;}
.thumbnail5 p {margin:140px 0 0 0;	padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.thumbnail5a {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/trellis5a_top.gif) no-repeat;}
.thumbnail5a p {margin:140px 0 0 0;	padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.thumbnail6 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/trellis6_top.jpg) no-repeat;}
.thumbnail6 p {margin:140px 0 0 0;	padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}

.thumb1 {width:206px; float:left; margin: 0 10px 0px 10px; background:url(img/dom_rollers/roller3_top.jpg) no-repeat;}
.thumb1 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.thumb2 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/dom_rollers/roller2_top.jpg) no-repeat;}
.thumb2 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center;	background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}

.comthumb1 {width:206px; float:left; margin: 0 10px 0px 10px; background:url(img/dom_rollers/soon_top.jpg) no-repeat;}
.comthumb1 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.comthumb2 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/dom_rollers/soon_top.jpg) no-repeat;}
.comthumb2 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}

.grille1 {width:206px; float:left; margin: 0 10px 0px 10px; background:url(img/roller_grille/grille1_top.jpg) no-repeat;}
.grille1 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.grille2 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/roller_grille/grille2_top.jpg) no-repeat;}
.grille2 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.grille3 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/roller_grille/grille3_top.jpg) no-repeat;}
.grille3 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}

.comshut1 {width:206px; float:left; margin: 0 10px 0px 10px; background:url(img/com_shutter/comshut1_top.jpg) no-repeat;}
.comshut1 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.comshut2 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/com_shutter/comshut2_top.jpg) no-repeat;}
.comshut2 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}
.comshut3 {width:206px; float:left; margin: 0 10px 0px 10px; background: url(img/com_shutter/comshut3_top.jpg) no-repeat;}
.comshut3 p {margin:140px 0 0 0; padding:0 10px 20px 10px; text-align:center; background:url(img/trellis1_btm.jpg) no-repeat 0 100%;}


#contact {width:380px; float:right;}

/* form styles */

fieldset { margin: 1.5em 0 0 0;  padding: 0; border:1px solid #BFBAB0; background-image:url(images/field_bkg.jpg); background-repeat:repeat-x; } 
legend {  margin-left:1em; padding:0; padding-left:0.5em; padding-right:0.5em; color:#333;  font-weight:bold; } 

fieldset ol {  padding: 1em 1em 0 1em;  list-style: none; } 
fieldset li {  padding-bottom: 1em; } 
fieldset.submit {float:none; width:auto;  border-style:none;  padding-left:12em; background-color:transparent; background-image:none;}
label {  float:left; width: 10em; margin-right: 1em; text-align:right; }

fieldset fieldset {margin-bottom:-2.5em; border-style:none; background-color:transparent; background-image: none;} 
fieldset fieldset legend {  margin-left: 0;  font-weight: normal; } 
fieldset fieldset ol {  position: relative;  top: -1.5em;  margin: 0 0 0 3em;  padding: 0; } 
fieldset fieldset label {  float: none;  width: auto;  margin-right: auto; }
comments, input {border: 1px solid #808080; }
input.checkbox {border:none;}
textarea  {border: 1px solid #808080; }






.copyfoot {text-align:center; font-size:9px; color:#666666;	margin-right:0px; margin-left:0px; padding-top:35px;}

.copyfoot a:link, .copyfoot a:visited {text-align:center; font-size:9px; color:#666666; margin-right:0px; margin-top:00px;margin-bottom:0px;}

.copyfoot a:hover {text-decoration:underline;}


.error {color:#FF0000;}

.message {color:#0000FF;}


/* CCS 75 */
#navsite p {
	display: none;
}
#navsite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: none;
	width: 224px;
	border-right: 0px solid #039;
	padding: 0;
	margin-left:15px;	
	background-color: #;
	color: #333;
}

#navsite ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navsite ul li {
	margin: 0;
	background-image:url(img/navbar.jpg);
	background-repeat:no-repeat;
}

#navsite ul li a {
	display: block;
	padding: 4px 2px 12px 15px;
	border-left: 30px solid #8F2CID;
	border-right: 0px solid #69c;
	border-bottom: 0px dotted #FFF;
	background-color: #;
	color: #333;
	font-weight:bold;
	width: 100%;
}
html>body #navsite ul li a {
	width: auto;
}
#navsite ul li a:hover {
	border-left: 30px solid #8F2CID;
	border-right: 1px solid #;
	border-bottom: 0px dotted #FFF;
	color: #E9D000;
	text-decoration:none;
}

/* horizontal nav from 10mins  */
ul#navigation {
	margin-left:0;
	padding-left:0;
	list-style: none;
	float:left;
	width:100%;
	
}
ul#navigation li {
	display:inline;	
}
ul#navigation a {
	display:block;
	float:left;
	padding: .2em 1em;
	text-decoration:none;
	color:black;
	border-right:1px solid #000;
}

ul#navigation a:hover {
	padding-left:30px;
	background-color: maroon;
	color:white; 
}
/* form formatting ART */

fieldset {
	margin: 1.5em 0 0 0;
	padding: 0;
}
legend {
	margin-left: 1em;
	color: #000;
	font-weight:bold;
}
fieldset ol {
	padding: 1em 1em 0 1em;
	list-style:none;
}
fieldset li {
	padding-bottom: 1em;
}
fieldset.submit {
	border-style:none;
}

/* tan hack
div
{
  border: 10px;
  padding: 10px solid;
  width: 100px;
}

* html div
{
  width: 140px;
  w\idth: 100px;
}


*/