/* GLOBAL */
body { width:960px; margin:10px auto; border:solid 2px #FF9933; font:normal 12px Arial, Helvetica, sans-serif; }
p { margin:15px 0; }
.times { font-family:"Times New Roman", Times, serif; letter-spacing:2px; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
a.icomail { background:url(../images/ico_mail.png)no-repeat left 2px; padding-left:20px; }
/*HEADER*/
div#header { background:#fff; height:122px; }
div#header div#logo { background:url(../images/logo1.png) no-repeat; width:159px; height:100px; float:left; margin:10px 0 0 20px; }
div#header div.navmenu { float:right; }
div#header div.navmenu a { display:inline-block; padding-top:84px; text-align:center; width:80px; margin:0 5px; vertical-align:top; text-decoration:none; color:#000; }
div#header div.navmenu a:hover { text-decoration:underline; border-top:solid 3px #FF9933; }
div#header div.navmenu a.contactus { background:url(../images/contactus.png) no-repeat center 15px; }
div#header div.navmenu a.commercial { background:url(../images/ico_offices.png) no-repeat center 15px; }
div#header div.navmenu a.residential { background:url(../images/ico_home.png) no-repeat center 15px; }
div#header div.navmenu a.location { background:url(../images/ico_map.png) no-repeat center 15px; }
div#header div.navmenu a.misc { background:url(../images/ico_misc.png) no-repeat center 5px; }
/* CONTENT */
div#content { clear:both; background:#FF9933; overflow:hidden; height:450px; }
div#content h1 { background:white; margin:2px 0; font:bold 16px/30px Arial, Helvetica, sans-serif; padding:0 5px; }
div.homemain { background:url(../images/homemain.png) no-repeat 60px center; padding-left:280px; font:bold 14px/20px Arial, Helvetica, sans-serif; color:#fff; }
div.contactmain { background:url(../images/contactmain.png) no-repeat 60px center; padding-left:280px; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#fff; overflow:hidden; }
div.contactLeft { width:300px; float:left; }
div.contactRight { width:300px; float:left; }
div.contactmain a { text-decoration:none; color:white; }
div.contactmain a:hover { text-decoration:underline; }
div.commercialmain { background:url(../images/commercialmain.png) no-repeat 60px 30px; padding-left:280px; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#fff; overflow:hidden; height:400px; position:relative; }
div.locationmain { background:url(../images/location.png) no-repeat 25px center; padding-left:280px; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#fff; overflow:hidden;  position:relative; }
div.locationmain div.leftcolumn{width:320px; float:left;}
div.residentialmain{ font:normal 14px/20px Arial, Helvetica, sans-serif; color:#fff; overflow:hidden;  position:relative; margin:0 10px; }
div.residentialsub{ font:normal 14px/20px Arial, Helvetica, sans-serif; color:#fff; overflow:hidden; }
div.residentialmain a, div.residentialsub a{text-decoration:none; color:white; vertical-align:middle; display:inline-block;}
div.residentialmain a img, div.residentialsub a img{vertical-align:middle; margin-right:20px;}
div.residentialmain a:hover, div.residentialsub a:hover{color:#666;}
div.residentialmain div.leftcolumn{float:left; width:400px; vertical-align:middle;}
div.residentialmain div.rightcolumn{float:left; width:400px; }
div.residentialsub div.leftcolumn{float:left; width:680px; text-align:justify;}
div.residentialsub div.rightcolumn{float:right; width:230px;}
div.residentialsub div.subcontentLeft{ margin:0 0 0 10px; float:left; width:680px; text-align:justify;}
div.residentialsub div.subcontentRight{margin:0 10px 0 0; float:right; width:240px;}
div.miscmain { background:url(../images/miscmain.png) no-repeat 60px center; padding-left:280px; font:bold 14px/20px Arial, Helvetica, sans-serif; color:#fff; overflow:hidden;}
div.miscmain div.leftcolumn {width:450px; float:left}
div.miscmain div.rightcolumn{width:210px; float:right; margin-right:10px;}

/* FOOTER */
div#footer { line-height:30px; margin:0 10px; overflow:hidden; }
div#footer div.copyright { float:left; }
div#footer div.navmenu { float:right; }
div#footer div.navmenu a { text-decoration:none; color:#bbb; margin:0 10px; }
div#footer div.navmenu a:hover { color:#666; text-decoration:underline; }
/* PHOTOGALLERY */
.gallerycontainer { /*position: relative;/*Add a height attribute and set to largest image's height to prevent overlaying*/ }
.gallerycontainer .thumbnail { text-decoration:none; color:white; padding:5px; line-height:30px; }
.gallerycontainer .thumbnail img { border: 1px solid white; margin: 0 5px 5px 0; }
.gallerycontainer .thumbnail:hover { background-color: transparent; background:#FC3;}
.gallerycontainer .thumbnail:hover img { border: 1px solid blue; }
.gallerycontainer .thumbnail span { /*CSS for enlarged image*/ position: absolute; background-color: #FF9933; padding: 5px; left: -1000px; visibility: hidden; color: black; text-decoration: none; width:200px; height:350px; line-height:16px; }
.gallerycontainer .thumbnail span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; }
.gallerycontainer .thumbnail:hover span { /*CSS for enlarged image*/ visibility: visible; top: 0; left: 30px; /*position where enlarged image should offset horizontally */ z-index: 50; }

div.miscmain .gallerycontainer { /*position: relative;/*Add a height attribute and set to largest image's height to prevent overlaying*/ }
div.miscmain .gallerycontainer .thumbnail { text-decoration:none; color:white; padding:5px; line-height:10px; }
div.miscmain .gallerycontainer .thumbnail img { border: 1px solid white; margin: 0 5px 5px 0; }
div.miscmain .gallerycontainer .thumbnail:hover { background-color: transparent; color:#666}
div.miscmain .gallerycontainer .thumbnail:hover img { border: 1px solid #000; }
div.miscmain .gallerycontainer .thumbnail span { /*CSS for enlarged image*/ position: absolute; background-color: transparent; padding: 5px; left: -1000px; visibility: hidden; color: black; text-decoration: none; line-height:16px; height:10px; width:10px; overflow:hidden; }
div.miscmain .gallerycontainer .thumbnail span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; }
div.miscmain .gallerycontainer .thumbnail:hover span { /*CSS for enlarged image*/ visibility: visible; top: 0; left: 200px; /*position where enlarged image should offset horizontally */ z-index: 50; overflow:visible; }
/*YELLOWBOX*/
.yellowbox { background:#FFB732; overflow:hidden;}
.yellowbox p{margin:10px; overflow:hidden;}
.yellowbox a.more{float:right; color:red;}