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

Custom Patio Rooms
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 {  }
h3 {  }


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, p strong, p em, li { color: #666; }
p, ul, ol, dd { margin: 0 auto .75em auto; }
dd {  }
strong, em { line-height: 1.5; }

blockquote {  }
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: 210px; }
#logo { position: relative; top: 30px; left: 35px; }
#signup { position: relative; top: 30px; right: 35px; }


/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/
ol#topnav { width: 646px; margin-left: 340px; clear: both; background: url(../images/topnav-bk.jpg) top left no-repeat; padding: 5px 18px;}
	ol#topnav li { display: inline-block; }
		ol#topnav li a { color: #fff; text-decoration: none; font: .75em Verdana, Arial, Helvetica, sans-serif; padding: .2em 10px; }
		ol#topnav li a.topnavbullet { border-left: 1px solid #d1cea5; }
		ol#topnav li a:hover { color: #EA1F25; }

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;}
	#content h1 { font: 1.5em Georgia, "Times New Roman", Times, serif; color: #704417; margin: 0 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 p strong { font-weight: bold; }
	#content p em { font-style: italic; }
	#content em, #content strong { line-height: 1.5; }

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

#maincolumn { width: 100%; margin-top: 0px; }
#leftcolumn { margin-top: 0px; width: 267px; margin-left: -100%; right: 300px; border-right: 1px solid #eceae9; padding-right: 15px; background:url(../images/leftcolumn-bk.jpg) bottom left no-repeat; padding-bottom: 320px;}

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

.left { float: left; margin: 0 .5em .5em .5em; }
.right { float: right; margin: 0 .5em .5em .5em; }
.clear { clear: both; }
img.left, img.right { border: 1px solid #e3dfbd; margin-top: .25em; }
img.biggie { margin-bottom: .75em; border: 1px solid #e3dfbd; }
img.footerimg { margin-top: 2em; }

#dealer { clear: both; }

#freeconsultation, #dealer { margin-right: 10px; border: none;}
	#freeconsultation a {  }

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;}
	
div#callout { width: 200px; float: right; overflow: auto; margin: 0 1em; clear: both; border: 1px double #DAD4A9; padding: .5em; }

#photogallery { position: relative; top: -72px; margin-bottom: -60px; border: none; }

ol#columned-images li, #lightbox ol#columned-images li { float: left; margin: .5em; }


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

fieldset { margin: .75em 0;}
	ol.form { list-style: none; 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;}
		ol.form li label {color: #7A8A31; padding: 3px 0 0 0; float: left; font: bold .75em Arial, Helvetica, sans-serif; width: 100px; text-align: right; margin-right: .5em;}
	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; }

/*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:500px;height:250px;background: url(../images/body-bk.jpg) top center 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;}
#loading img {margin:0 auto;}