body{
	width:100%;
	height:100%;
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans serif;
	margin:0;
	padding:0;
	}

#wrapper{width:1024px;margin:0 auto;background:#666;}

#masthead{ background:#000000;clear:both;}

#logo{background:transparent url(../images/logo/sc_awning_logo.png) 0 0 no-repeat;width:254px;height:68px;float:left; margin:10px 0 0 10px;position:relative;top:13px;left:20px;}

#sunsetter{background:transparent url(../images/logo/sunsetter_logo_170px.jpg) 0 0 no-repeat;width:170px; height:81px;float:left;margin:10px 10px 0 573px;}


/* ---------------------------------------------------------------
Navigation
--------------------------------------------------------------- */
#navigation{
	height:30px; 
	float:right;
	margin-right:210px; 
	margin-bottom:-8px;
	}
#navigation ul li {list-style-type:none;float:left; margin-right:40px;}
	
#navigation a, #navigation a:visited {text-decoration:none;color:#fff;font-size:18px;}
#navigation a:hover{
	color:#fff200;
	font-size: 18px;
}
#selected{background:#666;float:left;padding-left:3px;pointer-events: none;cursor: default;}
#selected_left{background:url(../images/bg/tab_left.png) 0 0 no-repeat; width:9px;height:23px;float:left;}
#selected_right{background:url(../images/bg/tab_right.png) 0 0 no-repeat; width:10px;height:23px;float:left;}

.unselected{float:left;padding-left:3px;}
.unselected_left{background:none; width:9px;height:23px;float:left;}
.unselected_right{background:none; width:10px;height:23px;float:left;}

#logo_link{display:block;width:254px;height:68px;}
#sunsetter_link{display:block;width:112px;height:50px;}
.order_link{color:#00b;text-decoration: underline;}
	
#slider{
	background:#000 url(../images/bg/masthead_bg.png) 0 0 no-repeat;
	width:1024px;
	height:500px;
	border-top:10px solid #000;
	margin:7px 0 0 0;
	background-color: #000;
	}

#bodyContent{ background:#ececed;padding-bottom:30px;}

#photoSplash{
	width:800px;
	margin: 30px auto 0 auto;
	padding: 5px 0 0 20;
	height: 450px;
	/*padding-top:150px;*/
	background: #ffffff;
	text-align: absmiddle;
	}
	
#photoSplash img {float:left; margin-right:30px; padding-top:10px; margin-top:10px; border:0; height:600px;}
/*#photoSplash h1, #photoSplash p{color: #fff;float:left;}*/
#photoSplash h1, #photoSplash p{
	color: #666;
	margin-left:20px;
	padding-top:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	letter-spacing: 2px;
}
#photoSplash a{display:block; text-decoration:none; width:800px;height:388px;}

#about_pic{
	width:400px;
	margin:60px auto 0 auto;
	padding: 5px 0 0 20px;
	}

h1.prodHead{
	color: #666;
	font-size:24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 20px 7px 10px 7px;
	}

h2.prodSub{
	font-size:16px;
	font-weight:normal;
	margin:10px 7px;
	font-style: italic;
	}

.col1{
	background:#fff;
	width: 656px;
	margin:20px 0 0 20px;
	float:left;
	font-size: 16px;
	}
	
.col2{
	width: 300px;
	margin:10px 0 0 20px;
	padding-top: 10px;
	float:left;
	color: #06F;
	}

.col2_header{
	background:#000;
	color:#fff;
	font-size:16px;
	padding:4px;
	}

.col2_content{
	background:#fff;
	padding:4px;
	color: #06C;
}

p{
	margin:10px 7px;
}
	
.float_right{float:right;margin-right:15px;margin-left:15px;}

#videoClip{
	margin: 20px;
	width: 320px;
	height:262px;
	/*position: relative;
	top: 9px;
	left: 0px;*/
	float:left;
}

p.sunsetter_sub{
	font-size: 10px;
	color: white;
	line-height: 11px;
	margin-top: 37px;
	}

#about_pic{
	width:800px;
 	background:#fff;
	height:625px;
	}
	
#about_pic img{
	float:left;
	margin-right: 20px;
	}
	
p.about_txt {
	width:350px;
	size:11px;
}
/* ---------------------------------------------------------------
Slider
--------------------------------------------------------------- */

#slideshow{
	background-color:#F5F5F5;
	border:1px solid #FFFFFF;
	height:340px;
	margin:82px auto 0;
	position:relative;
	width:640px;
	
	-moz-box-shadow:0 0 22px #111;
	-webkit-box-shadow:0 0 22px #111;
	box-shadow:0 0 22px #111;
}

#slideshow ul{
	height:320px;
	left:-30px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:-6px;
	width:620px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('../img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}


#awnings_slideshow{
	background-color:#F5F5F5;
	border:1px solid #FFFFFF;
	height:340px;
	margin:82px auto 0;
	position:relative;
	width:921px;
	
	-moz-box-shadow:0 0 22px #111;
	-webkit-box-shadow:0 0 22px #111;
	box-shadow:0 0 22px #111;
}

#awnings_slideshow ul{
	height:320px;
	left:-30px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:-6px;
	width:900px;
}

#awnings_slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#awnings_slideshow li:first-child{
	display:block;
	z-index:1000;
}

#awnings_slideshow .slideActive{
	z-index:1000;
}

#awnings_slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#awnings_slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('../img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#awnings_slideshow .previous{ background-position:left top;left:0;}
#awnings_slideshow .previous:hover{ background-position:left bottom;}

#awnings_slideshow .next{ background-position:right top;right:0;}
#awnings_slideshow .next:hover{ background-position:right bottom;}



#home_slideshow{
	background-color:#F5F5F5;
	border:1px solid #FFFFFF;
	height:422px;
	margin:38px auto 0;
	position:relative;
	left: -200px;
	width:566px;
	
	-moz-box-shadow:0 0 22px #111;
	-webkit-box-shadow:0 0 22px #111;
	box-shadow:0 0 22px #111;
}

#home_slideshow ul{
	height:400px;
	left:-31px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:-5px;
	width:545px;
}

#home_slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#home_slideshow li:first-child{
	display:block;
	z-index:1000;
}

#home_slideshow .slideActive{
	z-index:1000;
}

#home_slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#home_slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('../img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#home_slideshow .previous{ background-position:left top;left:0;}
#home_slideshow .previous:hover{ background-position:left bottom;}

#home_slideshow .next{ background-position:right top;right:0;}
#home_slideshow .next:hover{ background-position:right bottom;}


/* ---------------------------------------------------------------
Clearfix
--------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {
	display: block;
	color: #666666;
}
/* End hide from IE-mac */#about_subhead2 {
	font-size: 14px;
	font-family: "Helvetica Neue", helvetica, arial, verdana, "sans serif";
}

#apDiv1 {
	position:relative;
	left:475px;
	top:-395px;
	width:410px;
	height:368px;
	z-index:1;
	font-size: 14px;
	font-weight: bold;
}

#apDiv2 {
	position:relative;
	left:525px;
	top:-385px;
	width:364px;
	height:381px;
	z-index:1;
}
#wrapper #bodyContent .col1 #videoClip {
	font-size: 14px;
}
	
#apDiv3 {
	position:relative;
	left:625px;
	top:-470px;
	width:375px;
	height:436px;
	z-index:1;
}
p.home {
	color:#fff;
	line-height:21px;
	font-size: 16px;
}