/**
*	Global / Direct HTML rules
**/

body {
	text-align:center;
	background: url('./images/bg.jpg') repeat-x #3c85c4;
	color:#42382d;
	font-family: arial, helvetica, sans-serif;
	font-size:9pt;
	letter-spacing: -.1px;
}
.Hidden{display:none!important;}
.Clear{clear:both;}
hr {color:#c2c4e4;height:1px;}
.NoBg {background:none !important;}
a:hover {text-decoration: underline !important;}
small {font-size:7pt; letter-spacing: 0px;}

	div#LargeBgImage {
		background: url('./images/large_bg.gif') no-repeat center  top;
		width:100%;
	}
		div#Container {
			width:775px;
			text-align:left;
			margin: 0 auto;
		}
			div#Left {
				float:left;
				width:523px;
			}
			h1#Logo {
				background: url('./images/logo.jpg') no-repeat center top;
				height: 117px;
				display: block;
				margin: 0 0 15px 0;
				
			}
			
			h1#inv
			{
				display: none;	
				font-size: 1px;
				color: #4f7a7d;
			}
			
			div#Content {
				width:523px;
				overflow-x:hidden;
				text-align:left;
				margin: 0 auto;
				float:left;
				background: url('./images/contentbg.jpg') repeat-x #ffffff;
				clear:both;
				min-height: 643px;
				_height: 643px;
			}
				ol#Navigation {
					height:48px;
					display:block;
					width:100%;
					width:523px;
					margin: 0 0 -5px 0;
				}
					ol#Navigation li {
						float:left;
						position: relative;
					}
					ol#Navigation li a {
						height:34px;
						display:block;	
					}
					ol#Navigation li a:hover, ol#Navigation li a.Current{
						height:48px;
					}
					ol#Navigation li a#NavHome {background: url('./images/nav/home.gif') no-repeat;width:75px;}
					ol#Navigation li a#NavAboutUs {background: url('./images/nav/aboutus.gif') no-repeat;width:95px;}
					ol#Navigation li a#NavGallery {background: url('./images/nav/gallery.gif') no-repeat;width:136px;}
					ol#Navigation li a#NavTestomonials {background: url('./images/nav/testimonials.gif') no-repeat;width:116px;}
					ol#Navigation li a#NavContactUs {background: url('./images/nav/contactus.gif') no-repeat;width:101px;}
				
				ul.links li{
					margin: 2px 0 0;					
					list-style-type: disc;
					text-transform: capitalize;				
				}
				
			ul.links{
					padding-left:  35px;
				
				}
				
				a.link {
					color: #0081C7;
					text-decoration: none;
					font-size: 11pt;
				}

				a.link:hover {
					color: #0081C7;
					text-decoration: underline;
				}
				
				a {
					color: #0081C7;
					text-decoration: none;
					font-size: 10pt;
				}

				a:hover {
					color: #0081C7;
					text-decoration: underline;
				}
				
				div#ContentTop {
					height:220px;
					background:url('./images/patio.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentTopindex {
					height:220px;
					background:url('./images/image2.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentTopaboutus {
					height:220px;
					background:url('./images/image1.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				
				div#ContentTopawnings {
					height:220px;
					background:url('./images/imageawnings.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentTopcarport {
					height:220px;
					background:url('./images/imagecarport.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentTopglass {
					height:220px;
					background:url('./images/imageglass.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentTopscreen {
					height:220px;
					background:url('./images/imagescreen.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentTopdeck {
					height:220px;
					background:url('./images/imagedeck.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				div#ContentToproof {
					height:220px;
					background:url('./images/imageroof.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				div#ContentToplouvres {
					height:220px;
					background:url('./images/imagelouvres.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentTopgallery {
					height:220px;
					background:url('./images/image3.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentToptestimonials {
					height:220px;
					background:url('./images/image4.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentTopcontact {
					height:220px;
					background:url('./images/image3.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				
				div#ContentTopfreequote {
					height:220px;
					background:url('./images/image5.jpg') no-repeat right top;
					padding:15px 0 0 24px;
					font-size:13pt;
					
				}
				.LightboxImage {
					 height:86px;
					 width:115px; 
				}
				
					div#ContentTop p#ContentText{
						display:block;
						width:202px;
						margin: 10px 0 0 0;
						clear:both;
					}	
					p#ContentText a.link,p#ContentText b,p#ContentText strong {
						text-transform: capitalize;
					}
					div#Left div#MainContent {
						padding:0 24px;					
					}
					div#Left div#MainContent p.MainContentText {
						margin: 15px 0;
						clear:both;
					}
					div#Left div#MainContent span#WhatWaitingFor {
						margin: 10px 0;
						display:block;
					}
					input{
						border:1px solid #c0c0c0;
						width:213px;
						height:17px;
						margin: 4px 0 0 0;
					}
					input.Submit {
						background: url('./images/submit.jpg') no-repeat;
						width:132px;
						height:25px;
						display:block;
						float:right;
						border:none;
						margin:20px 0 0 0;
					}
					textarea,select {
						border:1px solid #c0c0c0;
						margin: 4px 0 0 0;					 	
					}
					textarea {
						width:351px;
						height:64px;
					}
					span.CheckboxContainer {
						 display:block;
						  float:left;
						  width:126px;
					}
					span#MailSent {
						margin: 0 0 15px 0;
						display:block;
					}
					div#Right {
						float:left;
						width:244px;
						padding: 417px 0 0 8px;
					}
					.FreequoteName {
						width:105px;
						display:inline-block;
					}
					
			div#Footer {
				float:left;
				width:100%;				
				clear:both;
				padding: 5px 0 0 0;
				border-top:1px solid #9dc2e1;
				text-align:center;
				color:#ffffff;
			}
			div#Footer a {
				color:#ffffff;	
				text-decoration: none;		
			}
			div#Footer p#FooterNav {
				clear:both;
				display:block;
				margin: 0 auto;
				width:100%;
				text-align:center;
			}
			div#Footer p#FooterNav a {
				padding: 0 8px;	
				background: url('./images/footer-sep.jpg') right center no-repeat;
			}
			div#Footer span {
				clear:both;
				display:block;
			}
			div#Footer span a{
				margin: 0 10px;
				padding: 0 10px;
				background: url('./images/footer-sep.jpg') left center no-repeat;
			}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('./images/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('./images/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('./images/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('./images/closelabel.gif') no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
.Invisible {
	visibility: hidden;
}