/* CSS Document */


body {
	background-color: #161c28;
	background-image: url(images/bluegrad.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}

.footerlink A:link {font-size: 9px; font-family:Verdana; text-decoration: none; color:white; font-weight: normal; line-height:16px;}
.footerlink A:visited {font-size: 9px; font-family:Verdana; text-decoration: none; color:white; font-weight: normal; line-height:16px;}
.footerlink A:active {font-size: 9px; font-family:Verdana; text-decoration: none; color:white; font-weight: normal; line-height:16px;}
.footerlink A:hover {font-size: 9px; font-family:Verdana; text-decoration: underline; color:white; font-weight: normal; line-height:16px;}

.pagelink A:link {font-size: 14px; font-family:Verdana; text-decoration: underline; color:#897E74; font-weight: normal; line-height:16px;}
.pagelink A:visited {font-size: 14px; font-family:Verdana; text-decoration: underline; color:#897E74; font-weight: normal; line-height:16px;}
.pagelink A:active {font-size: 14px; font-family:Verdana; text-decoration: underline; color:#897E74; font-weight: normal; line-height:16px;}
.pagelink A:hover {font-size: 14px; font-family:Verdana; text-decoration: underline; color:#897E74; font-weight: normal; line-height:16px;}

 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.clear {
overflow:hidden;
*overflow:visible;
width:100%;
}

#nav {
width: 950px;
margin:0;
margin-top:20px;
padding:0;
margin-bottom:10px;
}

#contaniner {
width: 950px;
height:645px;
background-color: white;
margin:0;
padding:0;
}

#projectscontaniner {
width: 950px;
height:auto;
background-color: white;
margin:0;
padding:0;
}

#containercontent{
width:950px;
height:533px;
margin:0;
padding:0;
}

#projectscontent{
width:942px;
height:auto;
margin:0;
padding:0;
border-left:solid 4px #617ea9;
border-right:solid 4px #617ea9;
}

#companycontent{
width:900px;
height:483px;
margin:0;
padding:0;
background:url("images/cumahouselg.jpg") bottom right no-repeat;
}

#conttop {
width:950px;
height:81px;
background-color:#665d56;
background-image:url(images/conttop.jpg);
background-position:top;
background-repeat:repeat-x;
top:0;
left:0;
margin:0;
padding:0;
border:0;
}

#pagepointer{
background-image:url(images/pagepointer.jpg);
background-position:top;
background-repeat:no-repeat;
height:15px;
width:20px;
margin:0;
padding:0;
}

#nopointer{
height:15px;
width:20px;
margin:0;
padding:0;
}


#contbottom {
width:950px;
height:31px;
background-color:#665d56;
background-image:url(images/contbottom.jpg);
background-position:bottom;
background-repeat:repeat-x;
bottom:0;
left:0;
line-height:31px;
margin:0;
padding:0;
border:0;
}

#conttl {
width:17px;
height:17px;
background-image:url(images/contcorntl.jpg);
background-position:top;
float: left;
margin-left:-4px;
}

#conttr {
width:17px;
height:17px;
background-image:url(images/contcorntr.jpg);
background-position:top;
float: right;
margin-right:-4px;
}

#contbl {
height:16px;
width:16px;
background-image:url(images/contcornbl.jpg);
float: left;
margin-left:-4px;

}

#contbr {
height:16px;
width:16px;
background-image:url(images/contcornbr.jpg);
float: right;
margin-right:-4px;

}

#contleft {
width:4px;
background-image:url(images/contleft.jpg);
float: left;
}

#contright {
width:4px;
background-image:url(images/contright.jpg);
float: right;
}

#tc {
width:950px;
height:49px;
padding:10px;
}

#gap {
margin:0;
padding:0;
border:0;
overflow:hidden;
}

#callbackcontainer{
position:absolute;
z-index:150;
width:942px;
margin:0;
padding:0;
border:0;
left:50%;
margin-left:-471px;

}

#callbackform {
width:942px;
height:350px;
background-color:#a19791;
margin:0;
padding:0;
border:0;
}

#formcontainer{
width:700px;
padding:0;
margin:0;
padding-top:20px;
font-size: 12px; font-family:Verdana; text-decoration: none; color:white; font-weight: normal; line-height:28px;
}

.callbackformfield {
font-size: 12px; font-family:Verdana; text-decoration: none; color:#665d56; font-weight: normal; line-height:24px;
display:table-cell;
vertical-align:middle;
border:solid 1px;
border-color:#665d56;
background-color:#FFFFFF;
height:28px;
padding:2px;
padding-left:6px;
padding-right:6px;

}

#callbackfield {
height:28px;
}


#callbackformtext {
width:300px;
height:28px;
display:table-cell;
vertical-align:middle;
font-size: 12px; font-family:Verdana; text-decoration: none; color:white; font-weight: normal; line-height:28px;
float:left;
padding-right:40px;
}



#callbackbar {

background-color:#a19791;
width:942px;
height:7px;
margin:0;
padding:0;
border:0;
}

#callbackol {

background-color:#665d56;
background-image:url(images/olbg.jpg);
background-repeat:repeat-x;
width:942px;
height:2px;
margin:0;
padding:0;
border:0;
}

#callbackbutton {
height:22px;
width:200px;
background-image:url(images/callback.gif);
background-position:right;
background-repeat:no-repeat;
margin:0;
margin-top:-8px;
float:right;
padding:0;
border:0;
}

#contactform {
width:320px;
height:350px;
background-color:white;
margin:0;
padding:0;
border:0;
}

#contactformcontainer{
width:320px;
padding:0;
margin:0;
padding-top:00px;
font-size: 12px; font-family:Verdana; text-decoration: none; color:white; font-weight: normal; line-height:28px;
}

.contactformfield {
font-size: 12px; font-family:Verdana; text-decoration: none; color:#443e39;  font-weight: normal; line-height:16px;
display:table-cell;
vertical-align:middle;
border:solid 1px;
border-color:#665d56;
background-color:#FFFFFF;
height:16px;
padding:2px;

}

.contactsubmit {

display:table-cell;
vertical-align:middle;
margin-top:10px;

}



.contactselect {
font-size: 12px; font-family:Verdana; text-decoration: none; color:#443e39;  font-weight: normal; line-height:16px;
display:table-cell;
vertical-align:middle;
border:solid 1px;
border-color:#665d56;
background-color:#FFFFFF;
height:24px;
padding:2px;
}

.contacttextarea {
font-size: 12px; font-family:Verdana; text-decoration: none; color:#443e39;  font-weight: normal; line-height:16px;
display:table-cell;
vertical-align:middle;
border:solid 1px;
border-color:#665d56;
background-color:#FFFFFF;
height:60px;
padding:2px;

}

#contactfield {
height:16px;
width:130px;
float:left;
}






#contactformtext {
width:170px;
height:28px;
display:table-cell;
vertical-align:middle;
font-size: 12px; font-family:Verdana; text-decoration: none; color:#443e39;  font-weight: normal; line-height:28px;
float:left;
padding-right:20px;
}

#contactformtextselect {
width:170px;
height:32px;
display:table-cell;
vertical-align:middle;
font-size: 12px; font-family:Verdana; text-decoration: none; color:#443e39;  font-weight: normal; line-height:28px;
float:left;
padding-right:20px;
}

#contactformtexttextarea {
width:170px;
height:68px;
display:table-cell;
vertical-align:middle;
font-size: 12px; font-family:Verdana; text-decoration: none; color:#443e39;  font-weight: normal; line-height:28px;
float:left;
padding-right:20px;
}

.gallerytitle {
font-size: 14px; font-family:Verdana; text-decoration: none; color:#443e39;  font-weight: normal; line-height:20px;
width:100%;
float:left;
height:196px;
margin-bottom:20px;

}


#pagearea {
height:300px;
padding-top:28px;
width:92%;
}

#projects {
height:500px;
padding-top:28px;
width:92%;
}

#pagearealeft {
width:49%;
float:left;
}

#pagearealeft {
width:49%;
float:left;
}

#pagearearight {
width:49%;
float:right;
}

#pagearearightcontact {
width:49%;
float:left;
}

#thumbnails {
height:136px;
margin-top:20px;
margin-bottom:20px;
width:92%;
background-color:#CCCCCC;
padding-top:24px;
padding-left:24px;
}

.thumbnails {
height:136px;
margin-top:20px;
margin-bottom:20px;
width:98%;
background-color:#CCCCCC;
padding-top:24px;
padding-left:24px;
}

#tbgap {
position:relative;
float:left;
width:20px;
}

.photoframe{
padding:8px;
border:solid 3px;

border-color:#CCCCCC;
display: block;
margin-left: auto;
margin-right: auto;
}










#homeleft {
width:542px;
height:415px;
float:left;
background-image:url(images/modelhouseonplans.jpg);
background-repeat:no-repeat;
background-position:top;
}

#homeright {
width:395px;
height:455px;
float:right;
background-image:url(images/cumahouse.png);
background-position:bottom right;
background-repeat:no-repeat;
margin-right:5px;
margin-top:-40px;
}

#footerlinks {
width:630px;
height:31px;
font-size: 9px; font-family:Verdana; text-decoration: none; color:white; font-weight: normal; line-height:24px;
float:left;
}

#footercopyright{
width:272px;
height:31px;
font-size: 9px; font-family:Verdana; text-decoration: none; color:white; font-weight: normal; line-height:24px;
float:right;
}

#hometext{
padding-top:28px;
width:92%;
height:70px;
font-size: 14px; font-family:Verdana; text-decoration: none; color:#443e39; font-weight: normal; line-height:16px;
}

.text{

font-size: 14px; font-family:Verdana; text-decoration: none; color:#443e39; font-weight: normal; line-height:16px;
}

.header{

font-size: 16px; font-family:Verdana; text-decoration: none; color:#443e39; font-weight: normal; line-height:22px;
}

#homedivider{
height:6px;
background-image:url(/images/homedivider.jpg);
background-repeat:no-repeat;
background-position:center;
padding-bottom:10px;
}

#gap20{
height:20px;
border:0;
margin:0;
padding:0;
}

#servicebutton {
height:74px;
padding-bottom:5px;
margin:0;
}