@charset "UTF-8";
/* CSS Document */

/* Page Setup */

html {
height:100%
}

body {
height:100%;
background-image:url(../images/sliced/background.jpg);
background-repeat:repeat;
font-family:Verdana, Geneva, sans-serif;
font-size:12px
}

#clr {
clear:both
}

/* IE6 Fix */

img, div { behavior: url(/js/iepngfix.htc) }

/* General Layout */

#container {
	width:100%;
	min-height:100%;
	position:relative;
	font-family: inherit;
}

#header {
	width:100%;
	height:198px;
	background-image:url(../images/sliced/header.jpg);
	background-repeat:repeat-x
}

#body {
	width:960px;
	margin:0 auto;
	padding-bottom:196px;   /* Height of the footer */
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:132px;   /* Height of the footer */
   background-image:url(../images/sliced/footer.jpg);
   background-repeat:repeat-x
}

/* Header Content */

#header_inner {
	width:960px;
	height:198px;
	position:relative;
	margin:0 auto
}

#hdr_logo {
	position:absolute;
	top:10px; right:0px;
	width:262px; height:176px;
	background-image:url(../images/sliced/logo.png);
	background-repeat:no-repeat
}

#hdr_phone {
	width:181px; height:13px;
	position:absolute;
	top:180px; right:55px;
	background-image:url(../images/sliced/phoneTxt.png);
	background-repeat:no-repeat
}

#navcolorbar {
	width:7px;
	height:69px;
	background-image:url(../images/sliced/navcolorbar.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:27px; left:0px
}

#navigation_container {
	width:200px;
	height:145px;
	position:absolute;
	top:27px; left:13px;
}

.homeTxt {
	width:66px; height:25px;
	background-image:url(../images/sliced/homeTxt.png);
	background-repeat:no-repeat;
	cursor:hand; 
	cursor:pointer
}

.availableTxt {
	width:191px; height:28px;
	background-image:url(../images/sliced/availableTxt.png);
	background-repeat:no-repeat;
	cursor:hand; 
	cursor:pointer
}

.ourcompanyTxt {
	width:163px; height:35px;
	background-image:url(../images/sliced/ourcompanyTxt.png);
	background-repeat:no-repeat;
	cursor:hand; 
	cursor:pointer
}

.portfolioTxt {
	width:106px; height:28px;
	background-image:url(../images/sliced/portfolioTxt.png);
	background-repeat:no-repeat;
	cursor:hand; 
	cursor:pointer
}

.contactTxt {
	width:95px; height:28px;
	background-image:url(../images/sliced/contactTxt.png);
	background-repeat:no-repeat;
	cursor:hand; 
	cursor:pointer
}

/* Body Content */

#main_container {
	width:960px;
	min-height:500px;
	position:relative;
	margin:0 auto
}

#leftpane {
	width:500px; height:auto;
	float:left;
	padding-top:60px
}

#hdrTxt {
	width:397px; 
	height:62px;
	background-image:url(../images/sliced/hdrTxt.png);
	background-repeat:no-repeat
}

#welcomeTxt {
	width:470px;
	height:auto;
	padding-bottom:100px
}

#howhelpTxt {
	width:190px;
	height:27px;
	background-image:url(../images/sliced/howhelpTxt.png);
	background-repeat:no-repeat;
	margin-left:6px
}

.boxTL {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r2_c2.png);
background-repeat:no-repeat;
width:10px; height:10px;
float:left;
}

.boxTM {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r2_c4.png);
background-repeat:repeat-x;
width:10px; height:10px;
float:left;
}

.boxTR {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r2_c6.png);
background-repeat:no-repeat;
width:10px; height:10px;
float:left;
}

.boxMID {
background-color:#E7E1E0;
border-left:3px solid #CCCCCC;
border-right:3px solid #CCCCCC;
height:auto;
float:left;
padding:10px
}

.boxBL {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r8_c2.png);
background-repeat:no-repeat;
width:10px; height:10px;
float:left;
}

.boxBM {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r8_c4.png);
background-repeat:repeat-x;
width:10px; height:10px;
float:left;
}

.boxBR {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r8_c6.png);
background-repeat:no-repeat;
width:10px; height:10px;
float:left;
}

#house_img {
	float:left;
	width:114px;
	height:55px;
	background-image:url(../images/sliced/house_img.png);
	background-repeat:no-repeat
}

#howhelp_txt {
	width:350px;
	height:90px;
	float:left;
	margin-left:10px
}

#contact_btn {
	float:right;
	width:207px;
	height:38px;
	clear:both;
}

#home_imgLG {
	width:331px;
	height:282px;
	position:absolute;
	background-image:url(../images/sliced/home_imgLG.png);
	background-repeat:no-repeat;
	top:30px; right:90px;
	z-index:1
}

#home_imgSM {
	width:269px;
	height:225px;
	position:absolute;
	background-image:url(../images/sliced/home_imgSM.png);
	background-repeat:no-repeat;
	top:140px; right:0px;
	z-index:2
}

#home_imgInner {
	width:233px;
	height:157px;
	position:absolute;
	top:164px; right:22px;
	z-index:3
}

#nowhomeTxt {
	position:absolute;
	top:190px; right:70px;
	width:153px; height:17px;
	background-image:url(../images/sliced/nowhomeTxt.png);
	background-repeat:no-repeat
}

#msgBox {
	width:600px;
	height:auto;
	margin:0 auto;
	padding:75px 0px 200px 0px;
	line-height:25px
}

#contact_leftpane {
	float:left;
	padding-top:30px;
	width:460px;
	min-height:400px;
	height:auto !important;
	height:400px
}

#contact_rightpane {
	padding-top:30px;
	float:left;
	width:500px;
	min-height:400px;
	height:auto !important;
	height:400px
}

#contactusTxt {
	width:229px;
	height:44px;
	background-image:url(../images/sliced/contactusTxt.png);
	background-repeat:no-repeat;
	padding-bottom:5px
}

#contactdescTxt {
	width:400px; 
	height:auto;
	padding-bottom:10px
}

#contactform_container {
	width:410px;
	height:auto;
	float:right;
	padding-top:45px;
}

.sendmessageTxt {
	width:155px;
	height:39px;
	background-image:url(../images/sliced/sendmessageTxt.png);
	background-repeat:no-repeat
}

#alittlehdr {
	width:144px;
	height:30px;
	background-image:url(../images/sliced/alittleaboutTxt.gif);
	background-repeat:no-repeat
}

#company_leftpane {
	float:left;
	padding-top:30px;
	width:360px;
	min-height:400px;
	height:auto !important;
	height:400px
}

#company_rightpane {
	padding-top:80px;
	float:left;
	width:600px;
	min-height:400px;
	height:auto !important;
	height:400px
}

#company_container {
	width:550px;
	float:right
}

#ourcompanyhdrTxt {
	width:299px;
	height:50px;
	background-image:url(../images/sliced/ourcompanyhdrTxt.png);
	background-repeat:no-repeat
}

#companydescTxt {
	width:360px; 
	height:auto;
	padding-bottom:30px
}

.companypts {
	width:360px;
	height:25px;
}

#portfolio_leftpane {
	float:left;
	padding-top:30px;
	width:350px;
	min-height:400px;
	height:auto !important;
	height:400px
}

#portfolio_rightpane {
	padding-top:92px;
	float:left;
	width:610px;
	min-height:400px;
	height:auto !important;
	height:400px
}

.portfolio_rpHDRBAR {
	width:610px;
	height:45px;
}

.returnBtn {
	width:169px;
	height:34px;
	float:right;
	background-image:url(../images/sliced/returnBtn.png);
	background-repeat:no-repeat;
}

#portfoliohdrTxt {
	width:191px;
	height:62px;
	background-image:url(../images/sliced/portfoliohdrTxt.png);
	background-repeat:no-repeat
}

#portfoliodescTxt {
	width:350px; 
	height:auto;
	padding-bottom:30px
}

#portfolioIdxTHFR {
	width:203px;
	height:147px;
	margin-left:70px;
	background-image:url(../images/sliced/smallTHBkg.png);
	background-repeat:no-repeat
}

#portfolioidxTH {
	width:177px;
	height:119px;
	padding: 13px 10px 13px 10px;
}

#portfoliosubTHFR {
	width:203px;
	height:147px;
	float:left;
	padding-right:10px;
	background-image:url(../images/sliced/smallTHBkg.png);
	background-repeat:no-repeat
}

#portfoliosubTH {
	width:177px;
	height:119px;
	padding: 13px 10px 13px 10px;
}

.portfoliosubSMTHFR {
	width:125px;
	height:92px;
	float:left;
	padding-right:0px;
	background-image:url(../images/sliced/xsmallTHBkg.png);
	background-repeat:no-repeat
}

.portfoliosubSMTH {
	width:104px;
	height:70px;
	padding: 8px 8px 8px 8px;
}

.prevnext_port {
	float:right	
}

#clicktoviewTxt {
	width:74px;
	height:13px;
	background-image:url(../images/sliced/clicktoviewTxt.png);
	background-repeat:no-repeat;
	margin-left:185px;
	padding-bottom:10px
}

#clicktoviewsubTxt {
	width:74px;
	height:13px;
	background-image:url(../images/sliced/clicktoviewTxt.png);
	background-repeat:no-repeat;
	margin-left:115px
}


.previousBtn {
	background-image:url(../images/sliced/previousBtn.png);
	background-repeat:no-repeat;
	width:114px;
	height:33px;
	cursor:pointer
}

.nextBtn {
	width:79px;
	height:33px;
	background-image:url(../images/sliced/nextBtn.png);
	background-repeat:no-repeat;
	cursor:pointer
}

#abouthomeTxt {
	width:147px;
	height:26px;
	background-image:url(../images/sliced/abouthomeTxt.png);
	background-repeat:no-repeat
}

#selecthomeTxt {
	width:224px;
	height:31px;
	background-image:url(../images/sliced/selecthomeTxt.png);
	background-repeat:no-repeat
}

#selecthomeDesc {
	width:300px;
	height:auto;
	padding-bottom:100px
}

#abouthomeDesc {
	width:300px;
	height:auto;
	padding-bottom:100px
}

#portcontact_container {
	width:300px;
	height:auto
}

#portcontact_hdrtxt {
	width:148px;
	height:24px;
	background-image:url(../images/sliced/portcanwehelpTxt.gif);
	background-repeat:no-repeat
}

#portcontact_contactbtn {
	width:133px;
	height:33px;
	margin-top:5px;
	float:right
}

#avail_leftpane {
	float:left;
	padding-top:30px;
	width:360px;
	min-height:400px;
	height:auto !important;
	height:400px
}

#avail_rightpane {
	padding-top:80px;
	float:left;
	width:600px;
	min-height:400px;
	height:auto !important;
	height:400px
}

.avail_rpHDRBAR {
	width:600px;
	height:45px;
}

#availhdrTxt {
	width:355px;
	height:50px;
	background-image:url(../images/sliced/availhomeshdrTxt.png);
	background-repeat:no-repeat
}

#availdescTxt {
	width:350px; 
	height:auto;
	padding-bottom:30px
}

#availcontact_container {
	width:300px;
	height:auto
}

#availcontact_hdrtxt {
	width:148px;
	height:24px;
	background-image:url(../images/sliced/portcanwehelpTxt.gif);
	background-repeat:no-repeat
}

#availcontact_contactbtn {
	width:133px;
	height:33px;
	margin-top:5px;
	float:right
}

#availIdxTHFR {
	width:203px;
	height:147px;
	margin-left:70px;
	background-image:url(../images/sliced/smallTHBkg.png);
	background-repeat:no-repeat
}

#availidxTH {
	width:177px;
	height:119px;
	padding: 13px 10px 13px 10px;
}

.availidxName {
	width:195px;
	height:13px;
	padding-left:4px
}

.availidxBB {
	width:195px;
	height:13px;
	padding-left:4px  
}

#availhomeDesc {
	width:350;
	height:auto;
	padding-bottom:100px 
}

#availRLPane {
	width:280px;
	height:auto;
	float:left
}

#availRRPane {
	width:300px;
	height:auto;
	float:left;
	margin-left:20px;
	padding-top:10px
}

#availsubTHFR {
	width:203px;
	height:147px;
	margin-left:10px;
	background-image:url(../images/sliced/smallTHBkg.png);
	background-repeat:no-repeat
}

#availsubTH {
	width:177px;
	height:119px;
	padding: 13px 10px 13px 10px;
}

.availsubSMTHFR {
	width:125px;
	height:92px;
	float:left;
	padding-right:0px;
	background-image:url(../images/sliced/xsmallTHBkg.png);
	background-repeat:no-repeat
}

.availsubSMTH {
	width:104px;
	height:70px;
	padding: 8px 8px 8px 8px;
}

#availSmTHContainer {
	margin-left:10px
}

#avail_homename {
	width:300px;
	height:17px;
}

#avail_locationhdr {
	width:74px;
	height:19px;
	background-image:url(../images/sliced/locationTxt.png);
	margin-top:10px
}

#avail_availablehdr {
	width:102px;
	height:19px;
	background-image:url(../images/sliced/availabilityTxt.png);
	margin-top:10px
}

#avail_deschdr {
	width:158px;
	height:19px;
	background-image:url(../images/sliced/descriptionTxt.png);
	margin-top:10px
}

#avail_contactBtn {
	width:119px;
	height:26px;
	float:right;
	background-image:url(../images/sliced/availcontactTxtSM.png);
	background-repeat:no-repeat
}

#avail_contactTxt {
	margin-top:30px
}

#avail_prevnext {
	width:260px;
	height:auto;
	margin-top:0px;
	margin-right:20px
}

.previousBtnSm {
	background-image:url(../images/sliced/previousBtnSM.png);
	background-repeat:no-repeat;
	width:101px;
	height:29px;
	cursor:pointer
}

.nextBtnSm {
	width:65px;
	height:29px;
	background-image:url(../images/sliced/nextBtnSM.png);
	background-repeat:no-repeat;
	cursor:pointer
}


/* Footer Content */

#footer_inner {
	position:relative;
	width:960px; 
	height:132px;
	margin:0 auto
}


#footer_nav {
	position:absolute;
	left:0px; top:60px;
	width:500px; height:15px;
	line-height:normal
}

#nahb_bbb {
	width:93px; height:56px;
	position:absolute;
	top:43px; right:0px;
	background-image:url(../images/sliced/bbb_nahb.png);
	background-repeat:no-repeat;
}

#footer_copyright {
	position:absolute;
	left:0px; top:80px;
	width:500px; height:15px;
	line-height:normal
}

#valid_xhtml {
	position:absolute;
	left:0px; top:110px;
	width:80px; height:15px;
	background-image:url(../images/sliced/valid_xhtml.gif);
	background-repeat:no-repeat;
}

/* Site Structure */

.txtField {
	width:400px; 
	height:30px;
	border:2px solid #000;
	background-color: #EFEFEF;
	padding:9px 5px 1px 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px; color:#666
}

.txtArea {
	width:400px; 
	height:100px;
	border:2px solid #000;
	background-color: #EFEFEF;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px; color:#666
}
