/* CSS Document */
body{
	background-color:#660000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	margin:0;}
.h1{
	font-size:18px;
	color:#29547f;
	text-align:left;
	margin-top:2px;
	margin-left:2px;}
.h2{
	font-size:13px;
	color:#660000;
	text-align:left;}
.h3{
	font-size:12px;
	color:#333;
	font-weight:400;
	text-align:left;}
.h4{
	font-size:11px;
	color:#660000;
	font-style:italic;
	font-weight:400;}
.blue{
	color:#036;
	font-weight:700;
	font-size:12px;
	text-align:left;}
.body{
	background-image:url(patios/porch.jpg);
	background-repeat:no-repeat;
	height:50px;
	width:694px;
	color:#000;
	font-weight:400;
	text-align:justify;
	vertical-align:top;
	line-height:18px;
	background-color:#ede8d3;
	padding:20px;}
.border-b{
	border-width:3px;
	border-color:#fff;
	border-bottom:solid;
	vertical-align:top;}
.border-r{
	border-width:3px;
	border-color:#fff;
	border-right:solid;
	vertical-align:top;}
.border-r-b{
	border-width:3px;
	border-color:#fff;
	border-right:solid;
	border-bottom:solid;
	vertical-align:top;}
.bottom{
	font-size:11px;
	color:#660000;
	font-weight:400;
	text-align:center;
	background-color:#f6f4e9;
	padding-top:20px;}
.caption{
	font-size:11px;
	color:#000;
	font-weight:400;
	text-align:justify;
	line-height:normal;
	vertical-align:top;
	border-width:3px;
	border-color:#fff;
	border:solid;}
.click{
	font-size:11px;
	font-style:italic;
	color:#000;
	font-weight:400;}
.image-left{
	float:left;
	padding-right:10px;}
.image-right{
	float:right;
	padding-left:10px;}
.italics{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	font-style:italic;
	font-weight:400;}
.menu{
	width:216px;
	vertical-align:top;
	background-color:#ede8d3;}
.phone{
	color:#660000;
	font-weight:700;}
.rule{
	height:1px;
	background-color:#999;}

.top{
	background-image:url(patios/patio.jpg);
	background-repeat:no-repeat;
	height:39px;
	color:#fff;
	text-align:center;}
/* Link Elements */
.bottom-link{
	font-size:11px;
	color:#660000;
	font-weight:400;
	text-decoration:none;}
.bottom-link:hover{
	font-size:11px;
	color:#660000;
	font-weight:400;
	text-decoration:underline;}
.email{
	color:#660000;
	font-weight:700;
	text-decoration:underline;}
.email:hover{
	color:#036;
	font-weight:bold;
	text-decoration:underline;}
.site-map{
	color:#036;
	font-weight:700;
	text-decoration:underline;}
.site-map:hover{
	color:#660000;
	font-weight:bold;
	text-decoration:underline;}
.top-link{
	color:#fff;
	text-decoration:none;
	padding-left:7px;
	padding-right:7px;}
.top-link:hover{
	color:#fff;
	text-decoration:underline;
	padding-left:7px;
	padding-right:7px;
}
p a{
	color:#660000;
	font-weight:700;
	text-decoration:underline;}
p a:hover{
	color:#036;
	font-weight:bold;
	text-decoration:underline;}
.one{
	position:relative;
	background:url(patios/sunroom.jpg) no-repeat;
	white-space:nowrap;
	display:block;}
.one a{
	display:block;
	color:#036;
	display:block;
	text-align:center;
	text-decoration:none;}
.one a:hover{
	display:block;
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;}
.one img{
	border:0;}
* html a:hover{
	visibility:visible;
	color:#fff;}
.one a:hover img{
	visibility:hidden;}
.one span{
	position:absolute;
	left:95px;
	top:20px;
	cursor:pointer;} 
.two{
	position:relative;
	background:url(patios/porch-enclosures.jpg) no-repeat;
	white-space:nowrap;
	display:block;}
.two a{
	display:block;
	color:#036;
	display:block;
	text-align:center;
	text-decoration:none;}
.two a:hover{
	display:block;
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;}
.two img{
	border:0;}
* html a:hover{
	visibility:visible;
	color:#fff;}
.two a:hover img{
	visibility:hidden;}
.two span{
	position:absolute;
	left:85px;
	top:28px;
	cursor:pointer;} 
.three{
	position:relative;
	background:url(patios/doors.jpg) no-repeat;
	white-space:nowrap;
	display:block;}
.three a{
	display:block;
	color:#036;
	display:block;
	text-align:center;
	text-decoration:none;}
.three a:hover{
	display:block;
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;}
.three img{
	border:0;}
* html a:hover{
	visibility:visible;
	color:#fff;}
.three a:hover img{
	visibility:hidden;}
.three span{
	position:absolute;
	left:100px;
	top:20px;
	cursor:pointer;} 
.four{
	position:relative;
	background:url(patios/conservatory.jpg) no-repeat;
	white-space:nowrap;
	display:block;}
.four a{
	display:block;
	color:#036;
	font-size:9px;
	font-weight:700;
	display:block;
	text-align:center;
	text-decoration:none;}
.four a:hover{
	display:block;
	color:#fff;
	font-size:9px;
	font-weight:700;
	text-align:center;
	text-decoration:none;}
.four img{
	border:0;}
* html a:hover{
	visibility:visible;
	color:#fff;}
.four a:hover img{
	visibility:hidden;}
.four span{
	position:absolute;
	left:82px;
	top:5px;
	cursor:pointer;} 
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;}	
#lightboxCaption{
	float: left;}
#keyboardMsg{
	float: right;}
#closeButton{
	top: 5px;
	right:
	5px;}
#lightbox img{
	border: none;
	clear: both;} 
#overlay img{
	border: none;}
#overlay{
	background-image:url(green-house/overlay.png);}
* html #overlay{
	background-color:#333;
	back\ground-color:transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="green-house/overlay.png", sizingMethod="scale");}
#motioncontainer a img{ /*image border color*/
	border: 2px solid #fff;}
#motioncontainer a:hover img{ /*image border hover color*/
	border: 2px solid #660000;}
#motioncontainer a:hover{
	color: red; /* Dummy definition to overcome IE bug */}
#statusdiv{
	position: absolute;
	padding: 2px;
	left: -300px;
	background-color:white;
	border: 1px solid gray;
	visibility: hidden;}