/*
*************************************************

NatureView
General Screen Styles

Created by
http://www.levymgi.com

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; color: #111;  }
body { background: url(../images/body-bk.jpg) top left repeat-x #fff; min-width: 934px; /* 2x (LC fullwidth + C padding) */ }

h1 { font: bold 1em Georgia, "Times New Roman", Times, serif; color: #704417; margin: 0 0 .75em 0;}
h2 { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #111; }
	#content h2 em { font-style: italic; font-weight: normal; line-height: 1; }
#content h3, #content h4, #content h5 { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #DF702B; margin: .75em auto; }


a, #main a cite, a * { color: #A1702D; text-decoration: underline; }
a:hover, a:focus, #main a:hover cite, #main a:focus cite, a:hover *, a:focus * { color: #798a30; }

abbr, acronym { border: none; }

p, li { font: .875em/1.5 Verdana, Arial, Helvetica, sans-serif; }

p, p strong, p em, li, li strong { color: #666; }
p, ul, ol, dd { margin: 0 auto .75em auto; }
dd {  }
strong, em { line-height: 1.5; }
strong { font-weight: bold; }
em { font-style: italic; }

blockquote p { color: #6F4417; }
blockquote cite { font-style: italic; }

img { display: block; }

dfn { font-style: normal; }


/*-------------------------------------------    
    Header
-------------------------------------------*/
#header { background: url(../images/header-bk.jpg) top center no-repeat; width: 1024px; height: 116px; }
#logo { position: relative; top: 113px; left: 50px; }


/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/
ol#topnav { width: 645px; min-height: 31px; margin-left: 350px; margin-top: 25px; clear: both; background: url(../images/nav-bk.gif) top left no-repeat; padding: 5px 0px 5px 10px; position: relative; margin-bottom: 1em;}
	ol#topnav li { display: inline-block; }
		ol#topnav li a { color: #fff; text-decoration: none; font: .687em Verdana, Arial, Helvetica, sans-serif; }
		ol#topnav li a.topnavbullet { background: url(../images/top-nav-bullet.gif) left no-repeat; padding-left: 10px; margin-left: 0; }
		ol#topnav li a:hover { color: #744519; }
		ol#topnav li a#dealer_login { position: absolute; right: 10px; top: 0; }

ol#productnav { width: 267px; }
	ol#productnav li { font: .875em Verdana, Arial, Helvetica, sans-serif;}
	ol#productnav li a { padding: 5px; display: block; text-decoration: none; background: #e9ece4; margin-bottom: .5em; padding-left: 25px; color: #6f8323;}
				ol#productnav li a span.new { font-weight: bold; text-decoration: none; font-size:16px;  }
		ol#productnav li a#sunrooms { background: url(../images/sunroom-nav-bk.gif) left no-repeat #e9ece4;}
			ol#productnav li ol li a { background: url(../images/subnav-bk.gif) left no-repeat #fef2d6; padding-left: 35px; }
		ol#productnav li a#roofsystems { background: url(../images/roof-systems-nav-bk.gif) left no-repeat #e9ece4;}
		ol#productnav li a#screenrooms { background: url(../images/screen-rooms-nav-bk.gif) left no-repeat #e9ece4;}
		ol#productnav li a#decks { background: url(../images/decks-nav-bk.gif) left no-repeat #e9ece4;}
	ol#productnav li a:hover { color: #704417; }


/*-------------------------------------------    
    Structure
-------------------------------------------*/
#container { width: 1024px; margin: 0 auto; background: url(../images/container-bk.gif) top left repeat-y; position: relative;}
ol#skipto { position: absolute; left: -999em; }

#content { margin-top: 20px; padding-left: 350px; /* LC width + padding */  padding-right: 50px; min-height: 450px;}
	#content h1 { font: 1.5em Georgia, "Times New Roman", Times, serif; color: #982027; margin: 2.5em 0 .75em 0;}
	#content h2, #content h3 { font: bold 1em Georgia, "Times New Roman", Times, serif; color: #748b41; margin: .75em auto; }
	#content p { font: .875em/1.5 Verdana, Arial, Helvetica, sans-serif; margin-bottom: .75em; }
	#content #homepage h1 { font: 3em/1 Georgia, "Times New Roman", Times, serif; text-align: center;}
	#content #homepage p { font: .875em/1.5  Verdana, Arial, Helvetica, sans-serif; color: #58595B;}
	#content strong { font-weight: bold; }
	#content em { font-style: italic; }
	#content em, #content strong { line-height: 1.5; }
	#content ul, #content ol { margin: .75em 1.5em .75em 1.5em; }
	#content #homepage ul li, #content ul li { font: .875em/1.5  Verdana, Arial, Helvetica, sans-serif; color: #58595B; list-style: disc; }
	#content ol li { font: .875em/1.5  Verdana, Arial, Helvetica, sans-serif; color: #58595B; list-style: decimal; }
	#content ul li ul { margin-top: 0; }

#content .column { position:relative; float:left; }

#maincolumn { width: 100%; margin-top: 15px; }
	#maincolumn h1 { margin-top: 1em;}
#leftcolumn { margin-top: 80px; width: 267px; margin-left: -100%; right: 300px; border-right: 1px solid #eceae9; padding-right: 15px; }

ol#hp_gallery { margin-bottom: .5em; margin-left: 1em; float: right; list-style:}
	ol#hp_gallery li { display: list-item; margin: .5em; list-style: none !important;}
	ol#hp_gallery li img { border: 1px solid #e3dfbd; }

ol#sunroomgallery { margin-bottom: .5em;}
	ol#sunroomgallery li { display: inline-block; margin: 0 12px 12px 0;  list-style: none !important;}
	ol#sunroomgallery li img { border: 1px solid #e3dfbd; }

.left { float: left; margin: 0 .5em .5em .5em; }
.right { float: right; margin: 0 .5em .5em .5em; }
.center { margin: 1em auto; }

.clear { clear: both; }


img.left, img.right { border: 1px solid #e3dfbd; margin-top: .25em; }
img.biggie { margin-bottom: .75em; border: 1px solid #e3dfbd; }

#dealer { clear: both; }

#freeconsultation, #dealer { margin-right: 50px; }

ol.sunroom-list { list-style: none; }
	ol.sunroom-list li { padding: .5em 0; border-top: 1px solid #ccc; }
	ol.sunroom-list li a { font-weight: bold; }
	ol.sunroom-list li img { float: right; border: 1px solid #e3dfbd; margin: .5em; }
	
ul.list { margin: .75em auto; padding-left: 1.5em; }
	ul.list li { list-style: disc; font: .875em/1.5 Verdana, Arial, Helvetica, sans-serif;}
	
#content ol.twocolumns, #content ul.twocolumns {  }
	#content ol.twocolumns li, #content ul.twocolumns li { list-style: none; width: 45%; float: left; }
	
#content ul.twocolumnsbulleted  {  }
	#content ul.twocolumnsbulleted li { width: 45%; float: left; margin: .25em .5em;}
	
ul#sunroom-menu {overflow: auto; margin-left: 10px;}	
	ul#sunroom-menu li { display: block; margin: .5em .5em .5em 0;  line-height: 1.25;}
	
img#branding { margin-top: 1em; }

div#callout { width: 200px; float: right; overflow: auto; margin: 0 1em; clear: both; border: 1px double #DAD4A9; padding: .5em; }
	div#callout  ul { margin-left: 0; }


/*-------------------------------------------    
    Forms
-------------------------------------------*/

fieldset { margin: .75em 0;}
	ol.form { list-style: none !important; margin: 0; clear: both; overflow: auto; width: 400px; margin-left: 0px; font-size: 100%; }
		ol.form li { margin: .2em; padding: .2em;  border-bottom: 1px solid #ccc; width: 350px; font-family:Arial, Helvetica, sans-serif; overflow: auto; list-style-type:none !important;}
			ol.form li ol { margin-left: 160px; }
			ol.form li ol li { border: none; width: auto; font-size: .75em;}
				ol.form li ol li label { float: none; }
		ol.form li label {color: #7A8A31; padding: 3px 0 0 0; float: left; font: .875em Arial, Helvetica, sans-serif; width: 150px;  margin-right: .5em;}
		ol.form li label strong {color: #7A8A31; }
	fieldset.order { margin: .75em 0; padding: 0 1em .5em 0; float: left;}
		li#rightcolumn fieldset.order ol.form { list-style: none; margin: 0; width: 260px; margin-left: 0px; font-size: 100%; }
		li#rightcolumn fieldset.order ol.form li { margin: 0; padding: .2em; border-top: 1px solid #ccc; width: 250px; }
	input.submit { margin: .5em 0 .5em 150px; }

form { width: 450px; margin: 1em .5em 16px .5em; }
	
form p { color: #7A8A31; padding: 3px 0 0 0; font: bold .75em/1 Arial, Helvetica, sans-serif; }

/*Gmaps*/
#map_canvas {width:370px;height:300px;border:solid 2px #5449AF;}
#route {width:360px;border:solid 2px #eee;}
	#route table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
	#route div {font:1em Arial, Helvetica, sans-serif;color:#666;}

/*Lightbox*/
div#lbContent {width:260px;height:300px;background: url(../images/dir_bg.gif) top left repeat-x;margin:0 auto;padding:20px;border:solid 5px #0A365B;}
#lightbox form {margin-left:0 !important;}
#lightbox.done {background:none;border:none;}
#lightbox ul li label {margin-bottom:2px;display:block; color:#fff;}
#lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#fff;}
#lightbox ul, #lightbox form {text-align:center;}
#lightbox form ul li {margin:10px 0; list-style:none !important;}
#lightbox input {padding:4px;font-size:1.13em;color:#0673B6;width:200px;}
#lightbox select {font-size:1.13em;color:#0673B6;width:210px;}
#lightbox option {font-size:1.13em;color:#0673B6;width:180px;}
#lightbox h2{margin:0 auto 1em auto;font-size:1.125em; color:#fff; width:260px;}
#lightbox h3{color:#FF713F; color:#fff;}
#lightbox.done p {color:#fff;}
#lightbox p a {color:#fff;}
.highlight{background: url(../images/dir_bg.jpg) top left repeat-x;}

#leftcolumn form { width: 100%; margin: 0; padding: 0;}
#leftcolumn ol.form { width: 100%; margin: 0; padding: 0; }
	#leftcolumn ol.form li { width: 240px; margin: .25em; padding: .25em; }
		#leftcolumn ol.form li label { width: 100px; text-align: right;}