/* ----------------- CSS STYLES ----------------- */
*{
margin:0px;
padding:0px;
}

body{
padding:0px; 
margin:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
line-height:19px;
color:#575757;
background:url(../images/gradient.gif) repeat-x #243133;
}

ul, ol {
margin-left:20px;
padding:5px 0px;
}

li{
padding:5px 0px;
}

p{
padding-bottom:10px;
}

.clear{
padding:0px;
margin:0px;
height:0px;
clear:both;
}

#wrapper{
width:980px;
margin:0px auto; 
padding:15px 0px;
}


/*---------- TEXT ----------*/
.title-black {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
font-weight: lighter;
color:#404040;
letter-spacing: 1px;
padding-bottom:10px;
}

.title-teal {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
font-weight: lighter;
color:#268b8f;
letter-spacing: 1px;
height:30px;
padding-bottom:20px;
}


h1{
font-size:14px;
}

h2{
font-size:12px;
}



/*---------- LINKS  ----------*/
a:link, a:visited  {
	color:#575757;
}

a:hover {
	color:#3a9d93;
}

a.email:link, a.email:visited{
color:#404040;
}

a.email:hover{
color:#268b8f;
}

:focus{
outline:0;
}



/*---------- HEADER ----------*/
#header{
background:url(../images/headerbg.png);
width:980px;
height:165px;
}


#logo{
float:left;
padding-top:9px;
padding-left:10px;
}


#contactinfo{
text-align:right;
float:right;
padding-top:35px;
padding-right:35px;
}



/*---------- MIDDLE ----------*/

#middle{
padding:0px 10px;
}

/* ----------------- NAV ----------------- */
#nav{
float:left;
}

ul#menu{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#menu li{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#menu li a{
	display:block;
	text-indent:-9999px;
	width:321px;
}

a.mainbtn:link, a.mainbtn:visited{
	background:url(../images/main1.jpg);
	height:66px;
}

a.mainbtn:hover{
	background-position:0px -66px;
}




a.servicesbtn:link, a.servicesbtn:visited{
	background:url(../images/services1.jpg);
	height:65px;
}

a.servicesbtn:hover{
	background-position:0px -65px;
}




a.workbtn:link, a.workbtn:visited{
	background:url(../images/work1.jpg);
	height:65px;
}

a.workbtn:hover{
	background-position:0px -65px;
}


a.contactbtn:link, a.contactbtn:visited{
	background:url(../images/contact1.jpg);
	height:66px;
}

a.contactbtn:hover{
	background-position:0px -66px;
}


/* ----------------- SLIDESHOW ----------------- */
#slideshow{
float:right;
}

.pics{
width:639px;
height:262px;  
padding:0; 
margin:0; 
overflow:hidden; 
}



/*---------- BODY ----------*/
#body{
background:url(../images/bodybg.png) repeat-y;
padding:15px 0px;
overflow:hidden;
}


#leftcol{
float:left;
width:290px;
padding-left:20px;
padding-right:20px;
}


#rightcol{
float:left;
width:578px;
padding:0px 20px;
overflow:hidden;
}



#featuredhouse{
padding:0px 30px;
padding-right:0px;
}


#thankyou {
float:right;
background-color:#e0e0e0;
width:370px;
height:235px;
padding:215px 15px 0px 150px;
}

#services ul li {
margin-left:20px;
margin-bottom:10px;
}



/*---------- FOOTER ----------*/
#footer{
background:url(../images/footerbg.png) repeat-y;
width:940px;
padding:0px 20px;
padding-top:15px;
color:#FFFFFF;
}


#footerbottom{
background:url(../images/footerbottom.png);
height:26px;
width:980px;
}








/*---------- FEATURED HOUSE ----------*/
table#additionalinformation td{
padding:0px 3px;
}

#map{
border:7px solid #FFFFFF;
width:910px;
}

#mapborder{
border:1px solid #eeeeee;
width:924px;
height:414px;
}




/*---------- ADDITIONAL LOTS ----------*/
#additionallots{
padding:10px 0px;
}

.tooltip{
	background:#FFF;
	width:225px;
}

	.tip-header{
		background:url(../assets/tooltip-header.jpg);
		height:38px;
		color:#FFF;
		line-height:38px;
		font-weight:bold;
		font-size:16px;
		padding-left:10px;
	}
	
	.tip-body{
		background:#fff;
		border:1px solid #999;
		border-top:none;
		padding:10px;
		padding-bottom:0px;
	}
	
#lotlinkts{
overflow:hidden;
padding-bottom:15px;
}

.maplink{
float:left;
width:150px;
}

.layoutlink{
float:left;
width:165px;
}


div.maplink a{
display:block;
background:url(../assets/viewmap.jpg);
width:141px;
height:38px;
text-indent:-9999px;
}

div.maplink a:hover{
background-position:0px -38px;
}


div.layoutlink a{
display:block;
background:url(../assets/viewlayout.jpg);
width:155px;
height:38px;
text-indent:-9999px;
}

div.layoutlink a:hover{
background-position:0px -38px;
}

/*---------- GALLERY ----------*/
#images{
padding-left:55px;
}


#images img{
display:block;
float:left;
margin-right:20px;
margin-bottom:15px;
margin-top:5px;
}

/* ----------------- PHOTO GALLERY----------------- */

#photo-gallery img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background:#FFF;
	padding:5px;
	border:1px solid #ccc;
	width:170px;
}

 

#photo-gallery img:hover{
	background:#355e5d;
}

 
.featured-photo{
	background:#FFF;
	padding:5px;
	display:block;
	border:1px solid #ccc;
	margin-right:10px;
}

a.projecttitle:link, a.projecttitle:visited{
	font-size:16px;
}

a.projecttitle:hover{
}


/* ----------------- COLORBOX CSS ----------------- */
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{
background:#000; /* Changes Overlay Color */
opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: alpha(opacity=50); /* IE 5-7*/
}
#colorbox{}
#cboxTopLeft{width:25px; height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(http://www.webphibian.com/standards/colorbox/border2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(http://www.webphibian.com/standards/colorbox/border2.png) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom: 4px; left:0; text-align:center; width:100%; color:#666666; font-weight:bold;}
#cboxCurrent{position:absolute; bottom: 4px; left:58px; color:#666666;}
#cboxSlideshow{position:absolute; bottom: 4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(http://www.webphibian.com/standards/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(http://www.webphibian.com/standards/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.

!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}