body
{
color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px 0px 0px 0px;
/*background-color:#2f2c28;*/
background:#282623 url(../img/eng-back.jpg) repeat-x top left;
/*background-image:url(../img/eng-back2.gif);
*/
position:relative;
line-height:20px;
}


/* ----------------------------- ERROR STYLE SHEETS ------------------------------- */
#systemErrDiv
{
	text-align:center;
	width:100%;
}

#errorTable, #errorTableFront
{
border:solid #990000 2px;
margin:15px auto;
text-align: left;
background-color: #FFFFFF;
width:400px;
}
#errorTable #head, #errorTableFront #head
{
font-size:12px;
margin:5px auto;
text-align:center;
font-weight:bold;
color:#FF0000;
}
#errStr
{
margin:15px 0px 15px 0px;
text-align:center;
font-weight:bold;
color: #FFCC33;
font-size:12px;
}
#errPnt, #errPnt a
{
font-size:11px;
color:#FF0000;
margin:5px 5px 5px 5px;
}

/* ----------------------------- PAGGING STYLE SHEETS ------------------------------- */

.pageStr
{
padding:10px 0px 5px 0px;
text-align:right;
}

.noOfRecords
{
font-size:11px;
font-weight:100;
color:#163e4f;
text-align:right;
float:none;
clear:both;
}

.paggingTbl
{
/* width:250px; */
}

.paggingTbl th
{
font-size:14px;
font-weight:100;
color: #FFFFFF;
}
.paggingTbl th span
{
/* padding-right:15px; */
}

.paggingTbl td
{
font-size:11px;
color: #000000;
height:20px;
width:14px;
vertical-align:middle;
}

.paggingTbl .act
{
border:2px solid #CCCCCC;
background-color: #FFFFFF;
color:#000000;
}

.paggingTbl .inact
{
border:2px solid #000066;
background-color: #000000;
color:#FFFFFF;
}


/* ----------------------------- GENERAL STYLE SHEETS ------------------------------- */
p
{
margin:0px 0px 0px 0px;
padding:8px 8px 8px 0px;
line-height:20px;
color:#FFFFFF;
font-size:13px;
}

.outerbox
{
/* margin:0px 0px 0px 0px;
behavior: url(../iepngfix.htc);
border:1px solid #000000;
background:url(../img/bottom-curve.png) repeat-x center bottom;
height:301px;
width:1272px;
top:100px;
left:0px;
position:absolute;
max-height:1500px;

*/
margin:0px auto 0px auto;
background:url(../img/bottom-curve2.gif) repeat-x center bottom;
/*border:1px solid #ffffff;*/
min-height:870px;
}

li
{
font-size:12px;
padding:2px 0px 2px 0px;
color:#FFFFFF;
}

* html .outerbox
{
height:870px;
/*top:expression( (document.documentElement.offsetHeight) > 600 ? (document.documentElement.offsetHeight - 390) + "px" : "600px");
*/
}

.secondOffsetBox
{
/* index-main-image.png
border:1px solid #CCCCCC; */
margin:0px auto 0px auto;
width:1000px;
position:relative;
min-height:750px;
clear:both;
}

* html .secondOffsetBox
{
height:750px;
}

.indexMainImage
{
behavior: url(../iepngfix.htc);
background:url(../img/index-main-image.png) no-repeat center;
position:absolute;
z-index:0;
top:160px;
width:513px;
height:646px;
right:40px;
}

* html .indexMainImage {
	top: 190px;
} 

.header
{
margin-top:15px;
position:relative;
/*background-color:#00FF33;*/

}

.separator { height:5px; width:800px; border-bottom:#FFFFFF 1px solid; margin:0px auto; }



.logo
{
margin-top:20px;
height:165px;
width:400px;
behavior: url(../iepngfix.htc);
background:url(../img/logo.png) no-repeat center;
}

.linkBar
{
/*font-size:20px;*/
top:0px;
right:100px;
text-align:right;
width:130px;
position:absolute;
}

.linkBar a
{
/*font-size:20px;*/
/*margin:5px 0px 5px 0px;*/

height:20px;
display:block;
}

.linkBar a:hover
{
/*font-size:20px;*/
/*margin:5px 0px 5px 0px;
height:20px;*/
display:block;
}

.linkBar li {
	list-style:none;
	width:130px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

.linkBar ul {
	padding:0px;
}

.linkBar span {
	display:none;
}

.home {background: url(../img/home-link.gif) no-repeat top right; height:20px;}
.home:hover { background: url(../img/home-link.gif) bottom right no-repeat; height: 20px; }

.why {background: url(../img/why-link.gif) no-repeat top right; height:20px;}
.why:hover { background: url(../img/why-link.gif) bottom right no-repeat; height: 20px; }

.services {background: url(../img/services-link.gif) no-repeat top right; height:20px;}
.services:hover { background: url(../img/services-link.gif) bottom right no-repeat; height: 20px; }

.gallery {background: url(../img/gallery-link.gif) no-repeat top right; height:20px;}
.gallery:hover { background: url(../img/gallery-link.gif) bottom right no-repeat; height: 20px; }

.test {background: url(../img/test-link.gif) no-repeat top right; height:20px;}
.test:hover { background: url(../img/test-link.gif) bottom right no-repeat; height: 20px; }

.cont {background: url(../img/contact-link.gif) no-repeat top right; height:20px;}
.cont:hover { background: url(../img/contact-link.gif) bottom right no-repeat; height: 20px; }

/*bcb5a3
403e38*/

.pageBox
{
margin:0px auto 0px auto;
width:800px;
color:#FFFFFF;
margin-bottom:180px;
/* width:815px */
}

.indexBlock
{
/*font-weight:bold;*/
width:370px;
/*padding-right:350px;*/
margin-top:30px;
}

.indexBlock a {color:#A3A3A3; text-decoration:underline;}
.indexBlock a:hover {color:#A3A3A3; text-decoration:none;  }

.fullBlock
{
width:800px;
padding:8px 8px 8px 0px;
}

.fullBlock ul {
padding:0px 0px 0px 50px;
margin:0px;
}

.fullBlock ul li {
font-weight:bold;
padding:0px;
margin:0px;
}

.bottomBox
{
margin:0px auto 0px auto;
width:800px;
height:135px;
}


.bottomBox .fldiv
{
float:left;
color:#a2233c;
padding:0px 5px 0px 5px;
}

#newhomes, #newhomes:hover
{
background: url(../img/newhomes.gif);
height:14px;
width:95px;
display: block;
}

#homerenovations, #homerenovations:hover
{
background: url(../img/renovations.gif);
height:14px;
width:100px;
display: block;
}

#homelink, #homelink:hover
{
background: url(../img/home_new.gif);
height:14px;
width:45px;
display: block;
}

.clear
{
clear:both;
}

.bottomContent
{
margin:0px auto 0px 5px;
text-align:left;
line-height:21px;
color:#673756;
clear:both;
}

.bottomRight {
float:right;
width:350px;
height:135px;

}

.bottomLeft {
clear:none;
width:400px;
overflow:hidden;

}

.green {
/*background:url(../img/badges.gif) no-repeat top left;*/
height:113px;
width:377px;
}

.bottomContent a
{
color:#673756;
text-decoration:underline;
}
.bottomContent a:hover
{
color:#FFFFFF;
text-decoration:underline;
}

h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:20px;
font-weight: bold;
padding:9px 8px 9px 0px;
margin:0px 0px 0px 0px;
}
h2
{
color:#bcb5a3;
font-size:18px;
font-weight:bold;
margin:15px 0px 0px 0px;
padding:9px 0px 9px 0px;
}
.galtitle
{
font-size:24px;
font-weight:100;
}

h3
{
font-size:16px;
color:#FFFFFF;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}

h4
{
color:#000000;
font-size:13px;
font-weight: bold;
padding:4px 0px 4px 0px;
margin:0px 0px 0px 0px;
}

a
{
color: #EAEAEA;
text-decoration: underline;
}
a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

form
{
margin-bottom:0px;
margin-top:0px;
}

#sucMsg
{
font-size:16px;
margin:24px auto 24px auto;
padding:10px 10px 10px 10px;
color: #fff;
font-weight:bold;
text-align:center;
clear:both;
}

.moreLink
{
text-align:right;
}


/* ------------------------------------------------------------------------ 
--------------------- FORM STYLE SHEETS AND IDs STARTS HERE---------------
---------------------------------------------------------------------------  */

.frmRow
{
clear:both;
padding:2px 0px 0px 0px;
}

.comp
{
clear:both;
text-align:center;
padding:9px 0px 9px 0px;
}

.label
{
	color: #FFFFFF;
	float:left;
	padding:4px 1px 4px 1px;
	font-size:12px;
	vertical-align:top;
	text-align:right;
}

.ele
{
	color:#FFFFFF;
	float:right;
	padding:2px 1px 2px 1px;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
}

input, textarea
{
	border: 1px solid #CCCCCC;;
}


.divContactFrm
{
	clear:both;
	width:100%;
}
.divContactFrm .label { width:25%;}
.divContactFrm .ele { width:73%; font-weight:100;}



/* ------------------------------------------------------------------------ 
--------------------- FORM STYLE SHEETS AND IDs ENDS HERE---------------
---------------------------------------------------------------------------  */


/* ----------------------------- STYLE SHEETS OF INDIVIDUAL PAGE ------------------------------- */

.gal
{
padding:8px 8px 8px 0px;
margin:20px 0px 10px 0px;
}

.gal .galimg
{
float:left;
width:240px;
padding:0px 0px 0px 0px;
border:1px solid #FFFFFF;
background-color: #1D1D1D;
text-align:center;
}

.gal .galtext
{
float:left;
width:525px;
padding:0px 0px 0px 25px;
}
.gal .galtext .galtit
{
float:left;
width:405px;
}
.gal .galtext .galmorelink
{
float:right;
width:90px;
}

.gal .galtext .galdesc
{
font-size:12px;
color:#FFFFFF;
line-height:20px;
}

.gal .galdetimg
{
float:left;
width:450px;
padding:0px 0px 0px 0px;
border:1px solid #FFFFFF;
background-color: #1D1D1D;
text-align:center;
}

.gal .galdettext
{
float:left;
width:305px;
padding:0px 0px 0px 25px;
}
.gal .galdettext .galtit
{
float:left;
width:305px;
}
.gal .galdettext .galmorelink
{
float:left;
width:60px;
}

.gal .galdettext .galdesc
{
font-size:12px;
color:#FFFFFF;
line-height:20px;
}

.h3title
{
width:95%;
float:left;
}

.backimage
{
width:4%;
float:right;
padding:12px 5px 0px 0px;
}

.TILink {
background-color:#009900;
display:block;
background: url(../img/totalinternet.gif) no-repeat;
width:100px;
height:33px;
margin-top:3px;
}
a.noLine {
	text-decoration: none;
}