/* CSS Document */
:focus{ outline: none; }

a img {
	border-width: 0px;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url("images/background.jpg");
	background-repeat:repeat;
}
table {
	font-size: 1em;
}

#wrapper {
	width:778px;
	border-style:solid;
	border-width:10px;
	border-color:#f1f1f1;
	vertical-align:middle;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#menu {
	margin-left:20px;
}

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
}
#menu a {
	color:#ffffff;
}

 .menu a, .menu a:link, .menu a:current, .menu a:active, .menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	text-decoration:none;
}

.menu a:hover {
	text-decoration:underline;
}


#gallery_row_06, #gallery_row_06 a, #gallery_controls a, #gallery_controls {
	color:#3a5b6c;
	text-decoration:none;
	font-size:10px;
}

#gallery_controls{
	position: absolute;
	bottom: 72px;
	width: 212px;
}                  

#rightSideGallery ul#commercial_page_2, #rightSideGallery ul#residential_page_1, #rightSideGallery ul#residential_page_2, #rightSideGallery ul#residential_page_3{ display: none; }

#leftSide {
	float:left;
	position:relative;
	width:564px;
	max-width:554px;
	height:234px;
	max-height:224px;
	background-color:#e8e6dc;
	border-top-style:solid;
	border-top-color:#f1f1f1;
	border-top-width:10px;
	border-right-style:solid;
	border-right-color:#f1f1f1;
	border-right-width:10px;
}
#leftSideLarge {
	float:left;
	position:relative;
	width:564px;
	max-width:554px;
	height:436px;
	max-height:436px;
	background-color:#e8e6dc;
	border-right-style:solid;
	border-right-color:#f1f1f1;
	border-right-width:10px;
}
#leftSideGallery {
	float:left;
	position:relative;
	width:564px;
	max-width:554px;
	height:470px;
/* 	max-height:436px; */
	background-color:#e8e6dc;
	border-right-style:solid;
	border-right-color:#f1f1f1;
	border-right-width:10px;
}

#rightSide {
	float:right;
	position:relative;
	background-color:#f1f1f1;
	display:block;
	width:214px;
}

#rightSideGallery {
	float:right;
	position:relative;
	background-color:#f1f1f1;
	display:block;
	width:214px;
	height:470px;
	overflow:visible;
}

#rightSideGallery ul{ float:right; position:relative; background-color:#f1f1f1; display:block; width:220px; list-style: none; margin: 0; padding: 0; }
#rightSideGallery ul li{ float: left; margin: 0 0 5px 5px; padding: 0; }
  #rightSideGallery ul li a, #rightSideGallery ul li a img{ display: block; }

#content {
	margin-top:20px;
	margin-left:85px;
	width:440px;
	font-size:10px;
	vertical-align:top;
}

#content a {
	color:#3a5b6c;
}


#contentTitle {
	margin-top:40px;
	margin-left:40px;
	width:440px;
	font-size:10px;
	vertical-align:top;
}

#contentTitleGallery {
	float:left;
	margin-top:40px;
	margin-left:40px;
	font-size:10px;
	vertical-align:top;
}

.contentTitleGalleryVert {
	float:left;
	margin-top:40px;
	margin-left:40px;
	margin-right:50px;
	font-size:10px;
	vertical-align:top;
}
.contentGalleryVert {
	float:left;
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	margin-left:77px;
	margin-right:100px;
	width:145px;
	font-size:10px;
	vertical-align:bottom;
}

.title {
	float:left;
	margin-top:40px;
	margin-left:40px;
	margin-right:50px;
	font-size:10px;
	vertical-align:top;
}
.content {
	float:left;
/* 	position: absolute; */ 
	left: 0px; 
	bottom: 20px; 
	margin-left:77px;
	margin-right:100px;
	margin-top: 20px;
	width:445px;
	font-size:10px;
/* 	vertical-align:bottom; */
}
.image {
	margin-left: 77px; 
}
.vertical div.title {
	margin-top: 0px;	
}
.vertical div.content {
	float:left;
	position: absolute; 
	margin-right:100px;
	width:145px;
	bottom:70px; 
}
.vertical div.image {
	margin-top: 46px;
}
.gallery_pane{ display: none; }   

#commercial{ float: left; width: 50%; text-align: left; }
#residential{ float: left; width: 50%; text-align: right; }      

#gallery_controls .selected{ font-weight: bold; }
#gallery_controls .selected span{ display: none; }
