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

/*html styles*/

body {text-align:center; color:#003366;}

h1{font-family:"Times New Roman", Times, serif; font-size:24px; color:#003366; margin:0px 0px 15px 0px; font-weight:lighter;}

h2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#003366; margin:0px; font-size:14px; margin:0px 0px 0px 0px;}

h3{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; color:#003366; margin:0px; font-size:12px; margin:0px 0px 0px 0px;}

p {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; font-size:10px; line-height:20px; margin:0px;}

a {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; font-size:10px; margin:0px; text-decoration:none;}

a:hover{background-image:url(../img/nav/nav_back.jpg); background-repeat:repeat-x; color:#FFF;}

li {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; font-size:10px; line-height:12px; margin:8px;}


/*boxes*/

#cont{position:relative; margin:0 auto; width:760px; height:610px; background-color:#FFFFFF; margin-top:20px;}

#nhbc{position:absolute; top:118px; left:12px; width:45px; height:19px; background-image:url(../img/generic/m1_nhbclogo.jpg);}

#contact_generic{position:relative; margin:0 auto; width:760px;	height:50px; margin-top:10px;}

#quote{position:absolute; top:33px; left:12px; width:auto; height:auto;}

#mainimage{position:absolute; top:146px; left:174px; width:562px; height:313px;}

#scrolldown{position:absolute; top:590px; left:506px; width:220px; height:15px; z-index:11;}

#indextext{position:absolute; top:470px; left:174px; width:562px; height:80px; text-align:left;}

#developments{position:absolute; top:146px;	left:171px;	width:562px; height:434px; width:560px;}

#development{float:left; width:705px; height:101px; margin-bottom:10px;}

#photosleft{position:absolute; left:12px; top:146px; width:151px; height:auto;}

#photo{float:left; width:auto; height:auto; margin-bottom:10px;}

#dev_photo{float:left; width:auto; height:auto; margin-right:10px;}
#dev_text{ float:left; width:540px; height:101px; overflow:hidden;}

#logo{position:absolute; top:7px; right:9px; width:auto; height:auto;}

#text{position:absolute; top:464px; left:175px; width:561px; height:141px; text-align:left; overflow:auto;}
#column{float:left; width:200px; height:141px;}

#nav{position:absolute; top:122px; left:174px; width:585px; height:50px; text-align:left;}

#nav2{float:left; width:auto; height:auto; text-align:center; margin-right:15px;}

#nav3{width:auto; height:auto; text-align:center; margin-right:15px;}

#text_popup{float:right; width:230px;}

#dev_img2{float:left; width:300px;}

/*classes*/

.p1 {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:10px; line-height:15px; margin:0px;}

.p2 {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; font-size:10px; line-height:12px; margin:0px;}

.p3 {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; font-size:10px; line-height:20px; margin:0px;}

.p4 {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; font-size:10px; line-height:15px; margin:0px;}

.a1 {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; margin:0px; text-decoration:none;}

.a1:hover{text-decoration:underline; background-image:none;}

.a2 {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; font-size:10px; line-height:15px; margin:0px;}

.a2:hover {text-decoration:underline; background-image:none; color:#003366;}

.a3 {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; font-size:10px; line-height:12px; margin:0px;}

.a3:hover {text-decoration:underline; color:#003366; background-image:none;}