* {margin:0; padding:0;}

body { background-color:#000000; background-image:url(../images/headerbg.jpg);}

.headercontainer { margin:0 auto; background-color:#000000; background-image:url(../images/headerbg.jpg); }
.header {
	width:940px;
	height:140px;
	margin:auto;
}

.topnav { width:650px; margin-top:22px; margin-bottom:20px; float:right; }



.topnavlinks {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; float:right;  text-decoration:none }

.topnavlinks a{color:#606060; margin-left: 25px; text-decoration:none;}

.topnavlinks a:hover{ color: #ffffff; }


.logo { float:left;}
.logo a{ float:left; background:none;}

.container { width:940px; height:auto; margin:0 auto;}

.homecontainer { width:980px; height:470px; margin:0 auto; background-image:url(../images/home/house-living.png)}


.main {float:left; clear:both; margin:0; width:940px; margin-bottom:10px; background-color:#161616; }

.homemessage { float:left; width:342px; height:380px; display:block; background-image:url(../images/homebg.jpg);}

.homepics { float:left; width:572px; height:380px; display:block;}

.title1 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:23px; margin-top:15px; padding-bottom:5px; color:#ffffff;}
.title2 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:23px; margin-left:40px; padding-bottom:10px; color:#ffffff; }
.para {margin:25px; margin-left:30px; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:justify;}

.menu {width:190px;  background-image:url(../images/menu-bg.png); overflow: hidden; float:left; padding-top:100px; background-repeat:no-repeat;}

.headerbarmenu {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	font-weight:lighter;
	margin-bottom: 1px;
}

.headerbarmenu a{
	color: #7F7F7F;
	background-color: #161616; display:block; padding: 5px 0 5px 10px; text-decoration:none;
}

.headerbarmenu a:hover{
	color: #000000;
	background-color: #FFDE00;
}

.leftmenu{
width: 180px; background-color:#000000;
}

.leftmenu .headerbar{
font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:lighter; 
color: black;
background: #FFDE00;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 5px 0 5px 10px;
}

ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

ul li{padding-bottom: 1px; /*bottom spacing between menu items*/}

ul li a{
	font: normal 11px Arial; text-decoration: none; color: white;
	background: #1C1C1C;
	display: block;
	line-height: 12px;
	padding-left: 18px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
}

ul li a:visited{color: white;}

ul li a:hover{ /*hover state CSS*/ color: yellow;padding: 5px 0 5px 31px; /*31px is left indentation of header text*/background-color: #000000;background-image: url(../images/menu-arrow.png);background-repeat: no-repeat; background-position: 8px 2px;}


ul li.selected a{
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
	background-color: #1C1C1C;
	background-image: url(../images/menu-arrow.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}



.menuselected{
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
	background-color: #1C1C1C;
	background-image: url(../images/menu-arrow.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}



.contents-container {width:735px; margin-left:190px; background-color:#000000; padding-top:180px;
}

.contents {background-image:url(../images/contents-bg.png); padding-top:25px;  padding-left:25px; padding-right:25px; font: normal 12px Arial; line-height:16px; text-align:justify; height:225px; 
}


.contentsinfo {background-image:url(../images/contents-bg.png); width:400px; height:320px; margin-left:190px; font: normal 12px Arial; line-height:16px; text-align:justify;
 padding-top:160px;  padding-left:25px; padding-right:25px;  position: absolute; }

.column {width:480px; padding-right:20px; padding-left:10px; float:left; border-left:1px dotted #000000; border-right:1px dotted #000000; margin-bottom:20px; }
.column2 {width:175px; margin-left:20px; float:left; margin-bottom:20px; }

.contact {	background: #1C1C1C; color:#CCCCCC; float:left; width:100%; padding-top:10px; padding-left:5px; height:25px;
}
.contact a{ background-color:#000000; color:#CCCCCC; padding:5px; text-decoration:none;}
.contact a:hover{ background-color: #161616; color: #FFDE00; }


.title { width:880px; height: 40px; background-color:#FFDE00; position:absolute; margin:20px; padding-top:15px; padding-left:15px;}

.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-style:italic; color:#000000; font-weight:lighter; line-height:27px;}

h2 { font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#999999; font-weight:normal; line-height:27px; padding-bottom:5px;}

h3 {font-family: Arial, Helvetica, sans-serif;font-size:24px; color:#3B3927; font-weight:bold;}

.pathgallery { float:right;  margin-top:30px; }


a {text-decoration:none; color:#FFDE00;}
a:hover { text-decoration:none; color:#999999;}


.gallery {margin:0; font: bold 12px Verdana;}
.gallery a{ margin:0; background-color: #000000; color: #FFFFFF; border: 1px solid  #000000; padding-top: 3px; padding-right: 7px; padding-bottom:3px; padding-left: 7px; text-decoration:none; }

.gallery a:hover{ background-color: #1C1C1C; color: #FFDE00; border: 1px solid #000000; }


.footercontainer { margin:0 auto;}

.footer {
	width:940px; height:35px; background-color:#FFDE00; margin:auto; padding-top:15px; 
}


.footermenu{ padding: 3px 0; margin-right: 0;
}

.footertab {margin-right: 10px; font: normal 12px Verdana; float:right; }

.footertab a{ background-color: #000000; color: #FFFFFF; border: 1px solid  #000000; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 7px; text-decoration:none; }

.footertab a:hover{ background-color: #1C1C1C; color: #FFDE00; border: 1px solid #000000; }


.copyright { width:200px; margin:0; margin-left:20px; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: normal;}

.backdrop {background-color:#000000; border:1px solid #121212; margin:0 auto;}

.info {width:715px; padding-top:20px;padding-left:205px;padding-right:20px;line-height:18px;color:#fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px; font-weight: normal;text-align:justify; float:left;}

.info2 {width:690px; padding-top:105px;padding-left:25px;padding-right:20px;line-height:18px;color:#fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px; font-weight: normal;text-align:justify; float:left;}


.gallerybox {width:708px; height:307px;background-image:url(../images/gallery-bg.png); margin:15px; margin-top:100px; padding-top:15px;font: normal 11px Arial; float:left;}

.gallerybox2 {width:708px; height:470px;background-image:url(../images/gallery-bg.png); margin:15px; margin-top:100px; padding-top:15px;font: normal 11px Arial; float:left;}


.pic { float:left; margin-bottom:20px; margin-right:20px; }


.warning {background-color:#FFCCCC;padding:2px; border: solid #993300 1px;font-size: 11px;font-weight:bold;color:#993300;}

.formboxleft {width:310px; margin-right:10px; float:left; }

.formboxright {width:310px; float:right; }


.formlabel {margin-bottom:10px; width:290px; float:left;}

.homeintro { float:right; margin-right:50px; margin-top:240px; width:320px; display:block; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify;}

.homeservices { float:left; width:280px; margin:10px; margin-right:20px; display:block; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-bottom: dotted 1px #000000; height:120px; line-height:16px;}

.projectpic { width:200px; float:left; display:block; margin-left:20px; margin-bottom:25px;}