/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*fonts*/
body{font:13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;*font-size:small;*font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99%  "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {}
/* IMAGES ---------------------- */
img, a img {border: none;}
/* TABLES ---------------------- */
table {margin-bottom: 1.2em;font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index : 2;}

/* LAYOUT BLOCKS ----------------------- */

body { text-align:center; padding:0 0; background:#E8ECEA; }

#wrapper { text-align:left; margin:20px auto 12px auto; padding:0 0; width:980px; background:#fff; border:#999999 1px solid;}

#header { width:100%; height:169px; padding:0 0 0 0; background:#fff url(../i/logo.gif) no-repeat 25px 25px; position:relative;  }
#bizlink { width:310px; position:absolute; top:80px; right:14px; z-index:3;}
#bizlink p { font-size:13px; color:#46514B;}

/* NAV  */
#nav {width:320px; position:absolute; top:25px; right:25px; z-index:99;}
#nav ul {  float:right; display:inline; margin:0 0 0 0;  height:33px; }
#nav li {  margin:0 0 0 0; float:left; display:inline; }
#nav a { display:block; margin:0; height:33px; }

#nav-home { background: url(../i/menu-home.gif) no-repeat 0 0; width:87px; }
#nav-services { background:url(../i/menu-services.gif) no-repeat 0 0; width:119px; }
#nav-contact { background:url(../i/menu-contact.gif) no-repeat 0 0; width:109px; }

#nav-home:hover, #nav-how:hover, #nav-services:hover, #nav-contact:hover { background-position:0 -33px;}
#page-home #nav-home, #page-how #nav-how, #page-services #nav-services, #page-contact #nav-contact { background-position:0 -33px; }

/*p.contact-details { width:330px; height:22px; margin:0 0 0 0; display:block; background: url(../i/home/contact-details.gif) no-repeat 0 0; float:right;}*/


/* section 1 */
#page-home #row1 { width:100%;  padding:0 0; background:#46514B; height:313px; }

/* section 2 */
#teaser { width:100%;  padding:0 0; background:#669933;}
.teaserpic { width:244px;  background:#C00020; float:left; border-right:#E38C9A 1px solid; height:445px}
.teaserpic.last { border:none;}

/* section 3 */
.subcontent-wrapper { width:100%;  background:#EAF5FA; padding:0 0;}
.subcontent { margin:0 auto; width:980px; background:#996699}


#peter {position:absolute; top:0; right:245px; z-index:3; height:482px; width:335px; background:url(../i/profile-petersutcliffe.jpg) no-repeat 0 0;}





/* HOME */

.homeinfo1 { width:400px;  float:left;}
.homeinfo2 { width:244px; float:right;}


/* SERVICES */

#page-services #row1 { width:100%;  padding:0 0; background:#46514B; float:left; }
#page-services #row2 { width:100%;  padding:0 0; background:#C00020; float:left; }

#page-services .colspace { width:300px;  float:left; margin-left:20px; padding:30px 0; display:inline; }
#page-services .colspace p { font-size:14px; line-height:140%;}

#page-services .colspace ul.quote { font-size:18px; font-style:italic; color:#fff; padding-left:24px; background:url(../i/quote-top.gif) no-repeat 0 0;}
#page-services .colspace ul.quote li {  background:url(../i/quote-bottom.gif) no-repeat 100% 100%; line-height:140%;}

.servicesinfo1 { width:300px; float:left;}
.servicesinfo2 { width:605px; float:right;margin:70px 30px 0 0;}

.servicesinfo1 p { padding:30px; font-size:16px;}

/* CONTACT */

#page-contact #row1 { width:100%;  padding:0 0; background:#46514B; float:left; }
#page-contact #row2 { width:100%;  padding:0 0; background:#C00020; float:left; }

#page-contact .colspace { width:300px;  float:left; margin-left:20px; padding:30px 0; color:#fff; }




/* FORM */

.row { margin: 0 0 0 40px; padding:5px 0 2px 0; width:310px; float:left; display:inline; }
label {   display:block; margin:0 0 6px 0; color:#002250; font-size:14px; font-weight:bold; color:#FFF; width:270px}
.form-field {  margin: 0 0 8px 0; }
input {  font-size:13px; color:#333;  width:270px; background:#fff; border:#B1B1B1 1px solid; padding:8px 0;}
input.housenumber, label.housenumber  {width:70px; float:left}
input.short { width:120px;}
div.row { margin:6px 0 0 0; }
.smltxt { font-size:9px; color:#444}
textarea#address { height:90px; width:270px; font-size:13px; color:#333;}

img.helpbtn { }
.btncalculate { margin:5px 0 0 6px;}
.btnsubmit { margin:18px 0 12px 0;}
span.req { margin-left:4px; color:#fff;}

.submitbutton { width:130px; background:#CC0000; color:#fff;}


/* FOOTER */
#footer {   margin:0 auto; width:980px; padding:0 0; margin-top:0;height:40px; }
#footer p { font-size:12px; color:#444; float:left; }
#footer ul { float:right; margin:0 0 0 0 ;}
#footer ul li { float:left;font-size:12px;color:#fff; margin: 0 0 0 12px; padding:0 0 0 12px; border-left:#444 1px solid; }
#footer ul li.last { border:none; }
#footer ul a { color:#444; text-decoration:none; }





/* TYPOGRAPHY ------------------------- */

h1 {font-size:30px; color:#fff; font-weight:bold; font-style:italic; }
h2 {font-size:20px; color:#fff; font-weight:bold; margin:10px 0 20px 0;}

h3 {font-size:19px; color:#fff; font-weight:bold; margin:0 0 20px 0;}
h4 {font-size:14px;color:#fff; font-weight:bold; margin:10px 0;}
p { color:#fff; font-size:12px; line-height:150%; margin:0 0 20px 0; }
a { color:#fff;text-decoration:underline;  }

p.homesub {font-size:22px; color:#fff; font-weight:normal; font-style:italic; margin:0 0 0 0; padding:30px;line-height:120%;}

#teaser h2 { font-style:italic; font-size:22px; color:#fff; font-weight:bold; padding:6px 12px 0 12px; }
#teaser p { padding:0 12px 0 12px; }



em { font-style:italic;}
a:hover { text-decoration:underline;}
strong { font-weight:bold;}
.selected { font-weight:bold;}
.cruise-txt {font-size:14px;}



.noborder {border:none!important;}
.nopadding {padding:0!important;}

/* ----- float fix ----- */
.inner:after, .box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.inner, .box {display:block;}
/*  \*/
.inner, .box {min-height:1%;}
* html .inner, * html .box {height:1%;}
 /*  */
/* ----- end float fix ----- */