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

body { background:url(images/bg.jpg) repeat-x #000; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#55007d; }
/* Structure */

#pagewrap { width:880px; margin:0 auto 0 auto; }
#header { width:880px; height:170px; float:left; }
#head-logo { width:500px; height:133px; float:left; }
#head-logo a:link { border:0; }
#head-logo a:visited { border:0; }
#head-phone { width:175px; height:61px; float:left; background:url(images/phone-bg.gif) no-repeat; padding:72px 0 0 205px; color:#FFF; font-size:2.4em; font-weight:bold; }
#nav { width:880px; height:37px; float:left; margin:0; padding:0; }
#main { width:880px; background:#f7f2f9; float:left; padding:0 0 20px 0; }
#flashcont { width:643px; height:auto; float:left; }
#flashcont2 { width:643px; height:220px; float:left; }
#flashcont3 { width:643px; height:auto; float:right; }
#flash { background:url(images/flash-bg.jpg) no-repeat; width:624px; height:391px; float:left; margin:15px 0 0 15px; display:inline; }
#flash-surveying { background:url(images/flash-bg-surveys.jpg) no-repeat; width:624px; height:200px; float:left; margin:15px 0 0 15px; display:inline; }
#flash-nhbc-builders { background-color:#FFFFFF; width:624px; height:200px; float:left; margin:15px 0 0 5px; display:inline; }
#right-col-cont { width:237px; height:412px; float:left; }
#right-col-contb { width:237px; height:220px; float:left; }
#right-col { width:216px; height:390px; float:left; margin:15px 0 0 0; background:#3d0059; }
#right-colb { width:216px; height:200px; float:left; margin:15px 0 0 0; background:#3d0059; }
#left-col-cont { width:237px; float:right; }
#left-col-contb { width:237px; height:220px; float:right; }
#left-col { width:216px; float:right; margin:15px 0 0 0; background:#3d0059; height:200px; overflow:hidden; }
#top-image { width:880px; float:left; padding:0; }
#main-content { width:613px; float:left; padding:15px; }
#main-content2 { width:613px; float:right; padding:15px 15px 0 15px; }
#main-content-fixed { width:613px; height:600px; float:left; padding:15px; }
#right-col2-cont { width:237px; float:left; }
#right-col2 { background:url(images/right-col2-bg.jpg) repeat-x #b293c1; width:216px; float:left; margin:0; }
#right-col3 { width:194px; padding:10px; float:left; margin:0; border:#55007d solid 1px; }
#right-col4 { width:216px; float:left; margin:0; }
#left-col2 { background:url(images/right-col2-bg.jpg) repeat-x #b293c1; width:216px; float:right; margin:7px 0 0 0; }
#left-col3 { background:url(images/right-col2-bg.jpg) repeat-x #b293c1; width:216px; float:right; margin:0; }
#footer { width:880px; float:left; color:#fff; text-align:center; padding:0px 0 0 0; }
/* Navigation */
#nav ul { list-style:none; display:inline; margin:0; padding:0; clear:both; text-align:center; float:right; height:37px;}
#nav li { background:url(images/nav-bg.jpg) repeat-x; width:123px; height:37px; margin:0 0 0 4px; list-style:none; font-size:1em; font-weight:bold; display:inline; float:left; color:#fff; line-height:1em; }
#nav a:link { color:#fff; width:123px; height:29px; padding:8px 0 0 0; text-decoration:none; display:block; }
#nav a:visited { color:#fff; width:123px; height:29px; padding:8px 0 0 0; text-decoration:none; display:block; }
#nav a:hover { background:url(images/nav-bg-hover.jpg) repeat-x; width:123px; height:29px; padding:8px 0 0 0; display:block; text-decoration:none; }
#commercial {font-size:0.8em !important; }
.slideshow {width:624px; height:200px; overflow:hidden; }
/* Survey Enquiry */
#survey-enquiry { padding:0 10px 10px 10px; }
.formstyle { margin:0 0 10px 0; width:180px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
.formstyle2 { display:block; margin:0 0 10px 0; width:580px; font-family:Arial, Helvetica, sans-serif; font-size:1em; }
.formstylesubmit { background-image:url(images/continue-button.jpg); width:195px; height:32px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; border:0; }
.formstylesubmit2 { background-image:url(images/continue-button2.jpg); width:195px; height:32px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; border:0; }
.p { padding:5px 0 5px 0; margin:0; }
.small { font-weight:bold; font-size:0.8em; }
/* Images */
.logo { margin:28px 0 0 15px; }
.bottom-small { padding:15px 8px 0 0; }
.map { padding:5px 0 0 10px; margin:0; font-size:1.2em; }
.map a:link { color:#fff; text-decoration:none; }
.map a:visited { color:#fff; text-decoration:none; }
.map a:hover { color:#fff; text-decoration:underline; }
.bottom-big { padding:18px 0 0 0; }
.nhbc-logo { float:right; margin:20px 25px 25px 25px; }
.nhbc-imgs {margin-left:21px; }
/* Core Typefaces */
p { font-size:1.3em; line-height:18px; }
h1 { font-size:1.9em; }
.he1 { font-size:2.1em; font-weight:bold; }
h2 { font-size:1.4em; padding:10px 0 0 0; margin:0; }
.h2 { font-size:1.4em; padding:10px 0 0 0; margin:0; font-weight:bold; }
ul { color:#fff; margin:5px 0 10px 10px; padding:0 0 0 40px; font-size:1.3em; }
li { list-style:url(images/list-tick.gif); }
.list-light { list-style:url(images/list-tick-light.jpg); color:#55007d; }
a:link { color:#55007d; text-decoration:none; border-bottom:#55007d dotted 1px; }
a:visited { color:#55007d; text-decoration:none; border-bottom:#55007d dotted 1px; }
a:hover { color:#55007d; text-decoration:none; border:0; }
.cap { text-transform:uppercase;}
/* Extra Styles */
.right-col-h { height:25px; background:url(images/heading-bg.jpg) no-repeat; color:#fff; font-size:1.7em; font-weight:bold; margin:0; padding:5px 0 0 10px; line-height:17px; }
.right-col-h2 { height:29px; background:url(images/heading-bg2.jpg) no-repeat; color:#fff; font-size:1.7em; font-weight:bold; margin:0; padding:10px 0 0 10px; }
.center { text-align:center; }
.subtitle { display:block; font-size:0.8em; font-weight:normal; font-style:italic; }
.subtitle2 { display:block; font-size:0.9em; font-weight:normal; font-style:italic; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.nopad { padding:0; margin:0; }
th { border:1px solid #55007d; background:#55007d; color:#fff; height:10px; text-align:center; }
td { border-left:1px solid #55007d; border-right:1px solid #55007d; border-bottom:1px solid #55007d; border-top:0; height:10px; text-align:center; }
.p-bg {background-color:#3d0059; color:#fff; padding:10px;}
#newbuild { background-color:#b293c1; border: 2px solid #3d0059; padding:10px; margin-bottom:10px; }
#plans { float:right; margin:0 0 10px 10px; border: 2px solid #3d0059; }
/* Footer */
#footer {margin-top:15px; }
#footer p { font-size:1em; }
#footer li { display:inline; border-right: 1px solid #fff; padding: 0 5px 0 5px; line-height:10px; }
#footer ul { padding:0; margin:0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:10px; color:#fff; }
#footer a:link { color:#fff; text-decoration:none; border-bottom:#fff dotted 1px; }
#footer a:visited { color:#fff; text-decoration:none; border-bottom:#fff dotted 1px; }
#footer a:hover { color:#fff; text-decoration:none; border-bottom:0; }