/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/**
 * Main CSS for SimplePatios.com
 */
html, body * {margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif;}
#document {width: 960px; margin: 0 auto;}
#header {position: relative; height: 190px; margin: 0 auto; background: url(/assets/images/layout/header.jpg) no-repeat top left;}
* h1 {font: italic normal 24px Arial, Helvetica, sans-serif; color: #000; letter-spacing: -0.02em; padding: 0 0 1em 0;}

/**
 * Logo, Phone Container
 */
#header .topsection {position: relative; clear: both;}
#header .logo {position: absolute; top: 0px; left: 0px; width: 487px; height: 104px; text-decoration: none;}
#header .phone {position: absolute; top: 0px; right: 0px; width: 285px; height: 104px; text-decoration: none;}

/**
 * Topnav
 */
#header .topnavsection {position: absolute; top: 104px; left: 0px; width: 960px;}
#header .topnavsection ul {position: relative; width: 740px; margin: 0 auto; padding: 0; list-style-type: none;}
#header .topnavsection ul li {list-style-type: none; padding: 0; margin: 0; float: left;}
#header .topnavsection ul li a {display: block; padding: 20px 20px; font: normal bold 12px Arial, Helvetica, sans-serif; color: #a69888; text-decoration: none;}
#header .topnavsection ul li a:hover {color: #000;}

/**
 * Content Area & Sidebar Container
 */
#contentWrapper { position: relative; z-index: 2; margin: -20px auto 0; padding: 0 36px; clear: both;}
#contentArea, #sidebarArea {float: left;}

/**
 * Content Area
 */
#contentArea {width: 638px;}
#contentArea p {font: 14px Arial, Helvetica, sans-serif; line-height: 1.6em; color: #808080; padding: 1em 0;}
#contentArea ul { padding-left: 15px;}
#contentArea ul li {font: 14px Arial, Helvetica, sans-serif; line-height: 1.1em; color: #808080;}
#contentArea ul li {padding-left: 5px; list-style-type:circle;}
#contentArea ol { padding-left: 18px;}
#contentArea ol li {font: 14px Arial, Helvetica, sans-serif; line-height: 1.1em; color: #808080;}
#contentArea ol li {padding-left: 5px; list-style-type: decimal;}
#contentArea p + p {padding-top: 0;}
#contentArea h2 {font: 16px Arial, Helvetica, sans-serif; line-height: 1.2em; color: #333; padding: 1em 0; font-weight:bold;}
#contentArea h3 {font: 14px Arial, Helvetica, sans-serif; line-height: 1.2em; color: #111; padding: 1em 0; font-weight:bold;}

/**
 * Content Area Products
 */
#contentArea #featproducts p {font: 14px Arial, Helvetica, sans-serif; line-height: 1.1em; color: #808080; padding: 2px 0px; text-align: justify;}
#contentArea #featproducts ul { padding-left: 15px; padding-top: 15px;}
#contentArea #featproducts ul li {font: 12px Arial, Helvetica, sans-serif; line-height: 1.1em; color: #808080;}
#contentArea #featproducts ul li {padding-left: 5px; list-style-type:circle;}
#contentArea #featproducts p + p {padding-top: 0;}
#contentArea #featproducts h2 {font: 16px Arial, Helvetica, sans-serif; line-height: 1.2em; color: #333; padding: 1em 0; font-weight:bold;}
#contentArea #featproducts h3 {font: 14px Arial, Helvetica, sans-serif; line-height: 1.2em; color: #111; padding: 0px; font-weight:bold; }
#contentArea #featproducts #featproduct table tr td { padding:3px; }
#buynowbutton { border: dashed 2px #ccc; width: 225px; }


/**
 * Sidebar
 */
#sidebarArea {width: 232px; min-height: 602px; background:url(/assets/images/layout/sidebar-vert-sep.jpg) no-repeat top left;}
#sidebarArea .inner {width: 180px; margin-left: auto;}
#sidebarArea a {display: block; color: #c98600; padding: 6px 24px; background: url(/assets/images/layout/raquo.gif) no-repeat 2px 8px; text-decoration: none;}
#sidebarArea a:hover {color: #ffaa00;}

/**
 * Footer Area Container
 */
#footerWrapper {width: 960px; margin: -30px auto 0 auto; background: url(/assets/images/layout/footer.jpg) no-repeat top left; min-height: 127px;}
#footerWrapper .inner {padding: 120px 0; font: 12px Arial, Helvetica, sans-serif; color: #999; text-align: center;}

#bottomNav {overflow: hidden; width: 888px; margin: 0 auto; text-align: center;}
#bottomNav a {color: #c98600; padding: 6px 10px; text-decoration: none;}
#bottomNav a:hover {color: #000;}

#footerWrapper .copyright {clear: both; padding: 20px 0; text-align: center;}

/**
 * Utility & General Styles CLASSES
 */
.clearfix {clear: both; height: 1px;}

/**
 * Flickr Badge ID and Styles
 */
#flickr_badge_uber_wrapper {text-align:left; width:180px; margin-left:-20px;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff; padding:5px 3px; }
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;} 
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid #ddd !important;}