html, body, div, h1, h2, h3,h4,h5,h6, p, span, a, img, ul, ol, li, form, input, textarea, select, option { margin: 0; padding: 0; border: 0; }
/* Project: Patioguysinc.com
 * By Jason Denizac - 2009-08-28
 * This code (C) Synoptek and licensed to Patio Guys, Inc for use on Patioguysinc.com only.
 * All other use is unauthorized.
 */

/* 1. Base
 * 2. Layout
 * 3. General Typography
 * 4. Header
 * 5. Footer
 */
 
/* 1. Base */
a {
outline: none;
}

body{
background: #e7e7e7 url(../images/bg.jpg) top center no-repeat;
font-family: arial, sans-serif;
color: #083d53;
margin: 0;
}
.mceContentBody{
background: #fff;
}
#container{
width: 960px;
margin: 0 auto;
background: #fff;
}
.x-skiplink{
visibility: hidden; float: left; height: 1px; width: 1px;
}
.x-clearfix{
clear: both;
height: 0px;
overflow: hidden;
}
/* 2. Layout */

ul.x-listreset, dl.x-listreset, dl.x-listreset dd, dl.x-listreset dt{
margin: 0; padding: 0;
}
ul.x-listreset li{
margin: 0; padding: 0;
list-style: none;
}

#container.interior #main, #container.t1061 #main{
background: url(../images/sidebar.png) right top repeat-y;
width: 100%;
}
#sidebar{
width: 220px;
padding: 20px 10px;
float: right;
height: 100%;
}
#main .article{
float: left;
width: 620px;
padding: 20px 10px;
height: 100%;
}

#main{
position: relative;
z-index: 1;
}

#main1 .article{
float: left;
width: 620px;
padding: 20px 10px;
height: 100%;
}

#main1 {
position: relative;
z-index: 1;
}
/* 3. General Typography */
#main1 h1{
font-size: 30px;
margin-top: 0;
padding-bottom: 30px;
line-height: 1em;
}

#main1 h2{
margin-top: 0;
padding-bottom: 15px;
}
#main1 h3{
padding-bottom: 15px;
}

#main h1{
font-size: 30px;
margin-top: 0;
padding-bottom: 30px;
line-height: 1em;
}

#main h2{
margin-top: 0;
padding-bottom: 15px;
}
#main h3{
padding-bottom: 15px;
}
#main h4{
}
#main h5{
}
#main h6{
}

#main a{
color: #ca1c15;
}
#main a:visited{
color: #840000;
}
#main a:hover{
}
#main a:active{
}

#main .article{
font-size: 16px;
line-height: 20px;
}

.forceleft	{
padding-left: 30px!important;
}

#main strong em, #main em strong{
background: #c3e2ee;
font-weight: bold;
font-style: italic;
padding: 0 .6em 0 .1em;
}

#main	p{
padding-bottom: 15px;
}

#main ul{
}

#main li{
padding-bottom: .7em;
}

.contact	{
width: 840px;
float:left;
padding-left: 15px;
}
.contact h2	{
font-family: Arial, Helvetica, sans-serif, Impact;
font-size: 16px!important;
color: #083D53;
padding: 10px 0 0px 0!important;
}

.contact p	{
font-family: Arial, Helvetica, sans-serif, Impact;
font-size: 12px!important;
color: #083D53;
padding-bottom: 3px!important;
}

.contactL	{
width: 420px;
float:left;
padding-left: 50px;
}

.contactR	{
width: 300px;
float:left;
padding-left: 70px;
}

.lblname	{
font-family: Arial, Helvetica, sans-serif, Impact;
font-size: 12px!important;
color: #083D53;
}

.inputype	{
border: 1px solid #083D53;
width: 230px;
height: 20px;
float: right;
margin-top: 5px; 
font-family: Arial, Helvetica, sans-serif, Impact;
font-size: 12px!important;
color: #083D53;
}

.inputype1	{
border: 1px solid #083D53;
width: 232px;
height: 20px;
float: right;
margin-top: 5px; 
font-family: Arial, Helvetica, sans-serif, Impact;
font-size: 12px!important;
color: #083D53;
}

.inputype2	{
border: 1px solid #083D53;
width: 230px;
height: 70px;
float: right;
margin-top: 5px; 
font-family: Arial, Helvetica, sans-serif, Impact;
font-size: 12px!important;
color: #083D53;
}

.bgsubmit	{
background-color: #083D53;
text-align: center;
font-family: Arial, Helvetica, sans-serif, Impact;
font-size: 14px;
color: #FFFFFF;
padding: 8px 15px;
cursor: pointer;
margin-top: 10px;
float: right;
}

/* 4. Header */
#header{
font-family: 'century gothic', sans-serif;
color: #555;
}
#header .nav{
}
#header .nav ul{
}
#header .nav li{
}
#header .nav a{
}
#header #logo{
float: left;
padding-left: 10px;
height: 110px;
}
#header #logo strong a{
display: block;
height: 77px;
width: 275px;
text-indent: -9999px;
background: url(../images/logo.png);
outline: 0;
}
#header #logo p{
margin: 0;
}
#header #tag{
float: right;
text-align: right;
padding: 45px 10px 0 0;
height: 60px;
}

#header #tag address{
color: #00212e;
font-size: 24px;
font-weight: bold;
font-style: normal;
}

#header #tag p{
margin: 5px 0;
}


#qoute	{
background: url(../images/free-qoute.png) no-repeat;
width: 312px;
height: 45px;
border: none;
text-decoration: none;
float:left;
}

#qoute:hover	{
background: url(../images/free-qoute-hover.png) no-repeat;
width: 312px;
height: 45px;
border: none;
}

#globalNav{
background: #003950 url(../images/menubg.jpg) repeat-y;
color: #fff;
font-size: 16px;
height: 50px;
clear: both;
position: relative;
z-index: 100;
}

#globalNav ul{
}
#globalNav ul li{
float: left;
text-align: center;
}

#globalNav ul li{
float: left;
text-align: center;
}

#globalNav a{
width: 132px;
color: #fff;
text-decoration: none;
display: block;
padding: 18px 0px 10px;
height: 22px;
float: left;
}
#globalNav a:hover{
color: #aaa;
}
#globalNav li.x-lastitem{
padding-right: 0px;
}

#globalNav ul li ul{
}

#globalNav ul li ul li a {
font-size: 16px!important;
padding: 10px 0px 5px 20px!important;
text-align: left!important;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
position: absolute;
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sfHover li a{
background: #003950;
}

.divider	{
background:url(../images/divider.png) no-repeat 0 3px;
height: 47px;
width: 2px;
float: left;
}

/* 5. Footer */
#footer{
font-family: 'century gothic', sans-serif;
clear: both;
background: #e7e7e7;
}

#footerbar{
background-color: #002a3b;
height: 158px;
padding: 4px 10px 10px;
position: relative;
}
#footerbar #calltoaction{
color: #fff;
}
#footerbar #calltoaction address{
font-size: 24px;
font-style: normal;
font-weight: bold;
}
#footerbar #calltoaction p{
margin: 5px 0;
}
#footerNav{
position: absolute;
bottom: 10px;
font-size: 14px;
}
#footerNav li{
float: left;
}
#footerNav li a{
display: block;
color: #fff;
padding: 40px 10px 0;
text-decoration: none;
}
#footerNav li a:hover{
color: #aaa;
}
#footerNav li.x-firstitem a{
background:url(../images/search.jpg) left bottom no-repeat;
padding-left: 43px;
}

#footer #qualseal{
background: url(../images/seal.jpg) no-repeat;
width: 107px;
height: 96px;
text-indent: -9999px;
position: absolute;
bottom: 10px;
right: 10px;
}

#footer #fineprint{
font-size: 11px;
padding-top: 10px;
}

#fineprint p {
font-size: 11px;
padding-bottom: 10px!important;
}


#fineprint a {
color: #083D53;
text-decoration: none;
}

#fineprint a:hover	{
text-decoration: underline;
}

/* 6. Home */
#container.home #main, #container.t1060 #main{
clear:both;
padding: 20px 10px;
}

#homefeature p {
font-family: arial, sans-serif;
color: #083d53;
font-size: 14px!important;
padding-bottom: 10px!important;
}

#homefeature h1{
font-size: 30px!important;
margin-top: 0;
padding-bottom: 15px!important;
}

#homefeature{
padding: 0 0 0 630px;
}
#homefeature img{
float: left;
margin-left: -630px;
}
#hometeasers{
clear: both;
padding: 20px 0 10px;
height: 160px;
}
#hometeasers ul{

}
#hometeasers li{
float: left;
padding: 0 0 0 20px;
}
#hometeasers li.x-firstitem{
padding: 0;
}
#hometeasers a img{
border: 0;
}

/* 7. Sidebar */

#relatedpages a img{
border: 0;
}
#relatedpages li{
padding-bottom: 20px;
}
#sidequote blockquote{
margin: 0;
background: url(../images/quote.png) no-repeat;
width: 212px;
padding: 4px 4px 10px 4px;
}
#sidequote cite{
display: block;
background: url(../images/quote.png) 0 -363px no-repeat;
padding: 37px 0 10px 15px;
font-style: normal;
font-size: 14px;
}

/* Residential > Customer Comments */
ul.TestimonialList cite{
padding-left: 375px;
font-size: 14px;
line-height: 16px;
padding-bottom: 32px;
display: block;
}
ul.TestimonialList li{
clear: both;
}

ul.SwatchList{
list-style: none;
font-size: 14px;
line-height: 16px;
}
ul.SwatchList li{
float: left;
width: 100px;
text-align: center;
padding-bottom: 16px;
}
ul.SwatchList dd{
height:32px;
}

ul.FAQList .question, ul.FAQList .answer{
float: left;
margin-left: -65px;
width: 65px ; height: 65px;
text-indent: -9999px;
background: url(../images/q.gif) no-repeat;
}
ul.FAQList .answer{
background: url(../images/a.gif) no-repeat;
}
ul.FAQList dt{
clear: both;
font-weight: bold;
margin-left: 65px;
} 
ul.FAQList dt p{
padding-top: 10px;
}
ul.FAQList dd{
clear: both;
margin-left: 65px;
padding-bottom: 12px;
}

ul.ProductList li{
float: left;
width: 200px; height: 250px;
margin-right: 10px;
text-align: center;
}
ul.ProductList dd{
font-size: 14px;
line-height: 16px;
}
ul.ProductList dd p{
margin: 0;
}
ul.ProductList li:nth-child(3n){ /* ugh IE fix this */
margin-right: 0;
}

/* Residential > What we do */

#pgBeforeAndAfter{
display: block;
background: url(../media/6732/what-we-do.jpg) center center no-repeat;
width: 720px; height: 568px;
margin: 0;
padding: 0;
text-indent: -9999px;
margin-left: -10px;
float: left;
}

/* EOFcss/style.css */




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.largeText {
font-size: 20px;
line-height: 32px;
}

h3 {

}