/* @override 
	http://www.springbud.co.uk/proofs/hightop/css/style.css
	http://hightop.rubious.co.uk/css/style.css
	http://www.hightop.co.uk/css/style.css
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}

body {line-height: 1;}

table {border-collapse: collapse; border-spacing: 0;}

section, article, aside, header, footer, nav, dialog, figure {display: block;}


body {background:url(../images/background.jpg) center -150px repeat #bdd2e7; background-attachment:fixed;}

body div.wrapper {width:950px; margin:0 auto; position: relative;}

/* @group Header - - - - - - - - - - - - - - - - - - */

header#logo {background: url(../images/head-banner.png); height: 140px;}

header#logo a {display:block; height:120px;width: 200px;}

header#logo h1 {background: url(../images/logo.png) no-repeat left; width: 325px;height:100px; text-indent: -9999px; display: block; position: relative; left: 19px;top: 14px; }

div#tel {position: absolute; top: 0px; right: 25px; height: 62px; width:230px; background: url(../images/tel.png) top left no-repeat;}

div#tel p {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 26px; position: absolute; bottom: 5px; right: 6px; color: #fff;}

/* @end */

/* @group Nav - - - - - - - - - - - - - - - - - - - - */

nav#main {position: absolute; top: 95px; right: 18px; font-size: 13px; font-family: Tahoma, Arial, sans-serif; font-weight: bold; text-transform: uppercase;}

nav#main li a {display: block; float: left;
    padding-left: 10px; /* sliding doors padding */
    margin-right:7px;
}

nav#main li a span {display: block; padding: 4px 10px 5px 0px;}


nav#main li.selected a {background: transparent url('../images/nav/but-nav_01.png') no-repeat scroll left top;
}

nav#main li.selected a span {background: transparent url('../images/nav/but-nav_02.png') no-repeat right top;}


nav#main li:hover a {background: transparent url('../images/nav/but-nav_01.png') no-repeat scroll left bottom;
}

nav#main li:hover a span {background: transparent url('../images/nav/but-nav_02.png') no-repeat right bottom;}

nav#main ul li {float: left; margin-left: 0px;list-style: none; color: #fff; }

nav#main ul li a {color: #fff; text-decoration: none;}




nav#secondary {float: left;width: 194px; padding: 25px;margin-top: 23px; -webkit-border-top-left-radius:10px;-moz-border-radius-topleft: 10px;}

.ie6 nav#secondary {width: 144px;}




nav#secondary img.corner {position: absolute; top: 0px;left: 0px;}

nav#secondary ul {margin-top: 8px; margin-left: -13px; width: 335px;}
.ie6 nav#secondary ul {margin-top: 8px; margin-left: -13px; width: 204px;}
nav#secondary li {list-style: none;display: block; clear: both;}

nav#secondary li a{font-family: Tahoma, Arial, sans-serif; text-transform:uppercase; font-size:12px; color: #747474; text-decoration: none; display: block; /*padding: 4px 0 5px 0;*/}

nav#secondary li.title {color: #999;margin-top: 40px;}
nav#secondary li.title-first {color: #999;margin-top: 8px;}
nav#secondary li.title a{color: #000;}
nav#secondary li.title-first a{color: #000;}


nav#secondary li a {display: block; float: left;    padding-left: 8px; /* sliding doors padding */    margin-right:7px;}

nav#secondary li a span {display: block; padding: 5px 30px 5px 0px;}


nav#secondary li.selected a {background: transparent url('../images/nav/but-nav-sub_01.png') no-repeat scroll left bottom; color: #fff;
}

nav#secondary li.selected a span {background: transparent url('../images/nav/but-nav-sub_02.png') no-repeat right bottom;}


nav#secondary li:hover a {background: none; color: #fff;}

nav#secondary li a:hover span {background: transparent url('../images/nav/but-nav-sub_02.png') no-repeat right 3px;}

nav#secondary li.selected a:hover {background: transparent url('../images/nav/but-nav-sub_01.png') no-repeat scroll left bottom; color: #fff;
}

nav#secondary li.selected a:hover span {background: transparent url('../images/nav/but-nav-sub_02.png') no-repeat right bottom;}


/* @group Nav Highlighter */

body.page-id-3 nav#main li.page-id-3 a,
body.page-id-5 nav#main li.page-id-5 a,
body.page-id-18 nav#main li.page-id-18 a,
body.page-id-20 nav#main li.page-id-20 a

{background: transparent url('../images/nav/but-nav_01.png') no-repeat scroll left top;}

body.page-id-3 nav#main li.page-id-3 a span ,
body.page-id-5 nav#main li.page-id-5 a span,
body.page-id-18 nav#main li.page-id-18 a span,
body.page-id-20 nav#main li.page-id-20 a span 

{background: transparent url('../images/nav/but-nav_02.png') no-repeat right top;}


body.page-id-7 nav#secondary li.page-id-7 a,
body.page-id-9 nav#secondary li.page-id-9 a,
body.page-id-41 nav#secondary li.page-id-41 a,
body.page-id-44 nav#secondary li.page-id-44 a,
body.page-id-11 nav#secondary li.page-id-11 a,
body.page-id-14 nav#secondary li.page-id-14 a,
body.page-id-47 nav#secondary li.page-id-47 a,
body.page-id-50 nav#secondary li.page-id-50 a,
body.page-id-16 nav#secondary li.page-id-16 a,
body.page-id-52 nav#secondary li.page-id-52 a,
body.page-id-54 nav#secondary li.page-id-54 a,
body.page-id-56 nav#secondary li.page-id-56 a,
body.page-id-58 nav#secondary li.page-id-58 a

{background: transparent url('../images/nav/but-nav-sub_01.png') no-repeat scroll left bottom; color: #fff;
}

body.page-id-7 nav#secondary li.page-id-7 a span,
body.page-id-9 nav#secondary li.page-id-9 a span,
body.page-id-41 nav#secondary li.page-id-41 a span,
body.page-id-44 nav#secondary li.page-id-44 a span,
body.page-id-11 nav#secondary li.page-id-11 a span,
body.page-id-14 nav#secondary li.page-id-14 a span,
body.page-id-47 nav#secondary li.page-id-47 a span,
body.page-id-50 nav#secondary li.page-id-50 a span,
body.page-id-16 nav#secondary li.page-id-16 a span,
body.page-id-52 nav#secondary li.page-id-52 a span,
body.page-id-54 nav#secondary li.page-id-54 a span,
body.page-id-56 nav#secondary li.page-id-56 a span,
body.page-id-58 nav#secondary li.page-id-58 a span

{background: transparent url('../images/nav/but-nav-sub_02.png') no-repeat right bottom;}



/* @end */




/* @end */



/* @group Content - - - - - - - - - - - - - - - - -  */

section#content {float: left;width: 950px;margin: 12px auto 0 auto; position: relative; background-color: rgba(189, 210, 231, 0.7); 
clear: both;
}
.no-rgba section#content {background: url(../images/sidebar-bg.png) repeat;}

section#content img.corner {position: absolute; top: 0px;left: 0px;}


section#content div.wrapper { float:left; width: 656px; padding: 40px 25px 25px 25px; background-color: #fff;}

/*
.ie6 section#content div.wrapper {float:left; width: 606px; padding: 40px 25px 25px 25px; background-color: #fff; }
*/

section#content article{ float:left; width: 470px; }

section#content article header img {margin-top: -14px ; margin-bottom: 27px; }

section#content article header div#homepageSlideshow {position: relative; top: -20px; height: 274px; overflow: hidden; margin: 0 0 20px 0;}
section#content article header div#homepageSlideshow img {margin:0; }
section#content article header div.slideshow{position: relative;}
section#content article header div.slideshow-pager  {z-index: 1000; position: absolute; bottom: 2px; right: 14px; height: 10px;width: 50px;}
section#content article header div.slideshow-pager a  {display: block; float: left; width: 10px;height: 10px; text-indent: -9999px; background: url(../images/dot.gif) -3px -12px no-repeat;  margin: 0 0 0 6px;}

section#content article header div.slideshow-pager a.activeSlide  { background-position: -27px -12px}


section#content article p, dl {font-family: Arial, sans-serif; font-weight: normal; margin-bottom: 15px;line-height: 1.4;font-size: 13px; width: 435px;}

dl.table-display {width: 400px; margin: 10px 0; padding: 0;}

.table-display dt{ width: 100px; float: left; margin: 0 0 0 0; padding: 10px 0 10px 0; font-weight: bold;}

.table-display dd { float: left; width: 250px; margin: 0 0 0 0; padding: 10px;}


section#content article p strong {color: #c10000; font-size: 1.3em;}


section#content article ul {font-family: Arial, sans-serif; font-weight: normal; margin-bottom: 15px;line-height: 1.4;font-size: 13px; width: 435px;}

section#content article li {margin: 2px 0 0 30px; list-style-image: url(../images/bullet.gif); list-style-position: outside; list-style-type: square;}



section#content article h1 {color: #c10000; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; margin-bottom: 3px; position: relative; top: -5px;}

section#content article header + p {font-size: 18px;font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #bdbdbd; line-height: 1.3;}

section#content article header + p strong {color: #c10000;}

section#content article h2 {color: #c10000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin-bottom: 4px; margin-top: 40px;}

section#content article hr + h2 {margin-top: 0px;}



section#content article hr{border: 0; border-top: 2px dotted #bdbdbd;margin: 22px 0px; width: 427px; text-align: left;}

section#content article blockquote {width: 430px; padding: 10px 0 10px 0;}

section#content article blockquote p{font-size: 17px; font-weight: bold; color: #bdbdbd; line-height: 1.3;}

section#content article blockquote p.cite {display: block; font-weight: normal; color: #000; font-size: 13px;}
section#content article blockquote p.cite strong {display: block; color: #000; font-size: 13px;}


/* @end */

/* @group Footer - - - - - - - - - - - - - - - - - -  */

footer {position: relative; float: left; width: 910px; height:13px; padding: 20px 20px 17px 20px;background: url(../images/footer-grad.gif) top left repeat-x;}

footer ul {list-style: none; position: absolute; top: 20px; left: 0px; font-size: 11px; font-family: Tahoma, Arial, sans-serif; font-weight: bold; text-transform: uppercase;}

footer ul li {float: left; margin-left: 0px; color: #fff; }

footer ul li a {padding: 5px 2px 5px 14px; color: #fff; text-decoration: none; text-shadow: 0px 1px 1px #747474;}


footer .aside img {float: left; margin-left: -15px; padding-right: 5px;}

footer .aside {position: absolute; bottom: 0px; right: 0px; font-size: 10px; width: 220px; padding-left: 22px; border-left: 1px solid #d4d4d4; font-family: Arial, Helvetica, sans-serif;color:#747474}


footer .aside p {padding-top: 13px;}

p.label {float: left;margin-bottom: 10px; }
p.label a{padding: 15px 14px 25px 14px; color: #747474; text-decoration: none;font-family: Tahoma, Arial, sans-serif;  font-size: 10px;display: block;letter-spacing: 1px;}



/* @end */



/* @group Info Panel - - - - - - - - - - - - - - - - -  */

section#content article .info-panel {background: url(../images/info-panel.png) top left no-repeat; margin: 30px 0 0 0; width: 438px; height: 170px; position: relative;}


section#content article .info-panel img {position: absolute; top: 10px; left: 10px;}

section#content article .info-panel h1 {color: #fff; position: absolute; top: 10px; left: 180px; font-size: 28px; line-height: 1.0;width: 250px;}

section#content article .info-panel h1 strong{display: block; font-size: 20px; color: #747474; font-weight: normal;}

section#content article .info-panel h2 {font-size: 35px; position: absolute; top: 118px;left: 180px; font-family: Palatino, Georgia, serif; font-weight: normal;color: #000; margin: 0;}

section#content article .info-panel h2 strong {font-size:45px; font-weight: normal;}

section#content article .info-panel p {position: absolute; bottom: 0px; right: 0px; width: 125px;}

section#content article .info-panel p a {display: block; float: left;    padding-left: 10px; /* sliding doors padding */    margin-right:7px; font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 13px; text-decoration: none; color: #747474;}

section#content article .info-panel p a span {display: block; padding: 2px 30px 2px 2px;}

section#content article .info-panel p a {background: transparent url('../images/buts/but-grey_01.png') no-repeat scroll left top;}
section#content article .info-panel p a span {background: transparent url('../images/buts/but-grey_02.png') no-repeat right top;}


section#content article .info-panel p a:hover {background: transparent url('../images/buts/but-grey_01.png') no-repeat scroll left bottom; color: #fff;}
section#content article .info-panel p a:hover span {background: transparent url('../images/buts/but-grey_02.png') no-repeat right bottom;}


/* @end */

/* @group Aside  - - - - - - - - - - - - - - - - - - - */

section aside {float: left;width: 146px;padding-left: 23px; border-left: 2px dotted #bdbdbd;margin-left: 10px;}

.ie6 section aside {width: 123px; margin-left: 0;}

section aside h2 {font-family: Arial, Helvetica, sans-serif; color: #000; border-bottom: 2px solid #c10000;padding: 8px 0 8px 32px; background: url(../images/icon-house.png) top left no-repeat;}

section aside h2.not-sidebar{display: none;}
section aside p.not-sidebar{display: none;}

section aside p {margin-top: 10px;font-size: 11px;color: #747474; font-family: Arial, Helvetica, sans-serif; margin-bottom: 12px;line-height:1.2}


section aside form {margin-bottom:25px}
section aside form label.hidden {display: none;}
section aside form div.form-1 p {margin: 0;}
section aside form input {margin-bottom: 2px; width: 140px; }
section aside form select {width: 140px;margin-top: 5px;}
section aside form label.num_windows {display: inline;}
section aside form input.num_windows {display: inline; width: 60px;}
section aside form .form-2 p.num_windows input {width: 60px}
section aside form textarea {width: 144px;margin-top: 5px; height: 92px;}

section aside form p.submit {text-align: right; border-bottom: 1px solid #bdbdbd;padding: 20px 0 7px 0; position: relative;}

section aside form p.submit input {margin: 0; position: absolute; right: 0; bottom: 2px;
background: none; border: none; text-indent: -999px; height: 30px;
background: url(../images/buts/but-send1.png) top right no-repeat;
cursor: hand; cursor:pointer;
font-size: 0px; display:block;line-height: 0px;
}

section aside form p.submit input:hover {background: url(../images/buts/but-send2.png) top right no-repeat;}




div#the_content {display: block ; clear: both; }
div#the_content form {margin: 140px 0 0 0;}
.ie7 div#the_content form {margin: 20px 0 0 0;}
div#the_content form  label.hidden{display: none;}
div#the_content form  p {margin: 0;}
div#the_content form h2 + p {margin: 0 0 10px 0 ;}
div#the_content form input {margin-bottom: 2px; width: 140px; border: 1px solid #ccc; padding: 2px 0 2px 5px ; }
div#the_content form select {width: 140px;margin-top: 5px;}
div#the_content form textarea {width: 450px;margin-top: 5px; height: 92px;}

div#the_content .form-1 input {width: 210px;}
div#the_content .form-2 p.num_windows {margin: 10px 0 0 0;}
div#the_content .form-2 p.num_windows input {width: 40px;}


div#the_content .form-1 { float: left; width: 290px;}
div#the_content .form-2 { float: left; width: 180px;}
div#the_content .form-3 { clear: both; margin: 130px 0 0 0;}
.ie7 div#the_content .form-3 { clear: both; margin: 20px 0 0 0;}

div#the_content p.submit {text-align: right; width: 450px; border-bottom: 1px solid #bdbdbd;padding: 20px 0 10px 0; position: relative;}

div#the_content p.submit input {margin: 0; position: absolute; right: 0;
background: none; border: none; text-indent: -999px; height: 30px;
background: url(../images/buts/but-send1.png) top right no-repeat;
cursor: hand; cursor:pointer;
font-size: 0px; display:block;line-height: 0px;
}

div#the_content p.submit input:hover {background: url(../images/buts/but-send2.png) top right no-repeat;}


.wpcf7-response-output {font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 10px !important;}

section aside p.submit {border-bottom: 2px solid #bdbdbd;}
section aside p.submit input {width: 54px; height:20px; position: relative; left: 88px;margin-bottom: 6px;}


section aside div.traditional {position: relative;}
section aside div.traditional p {position: absolute;bottom: 0px; right:  10px;}
section aside div.traditional p a { display: block; width: 150px;height: 208px;}




section aside div.traditional p a span {background: url(../images/buts/but-find.png) top right no-repeat; display: block; width: 110px;height: 20px; position: absolute; bottom: 0px; right: 0px;}
section aside div.traditional p a:hover span {background-position: bottom right}

section aside div.traditional p a span{text-indent: -9999px;display: block;}

/* @end */

/* @group Testimonials - - - - - - - - - - - - - - - */

div.testimonials {background: url(../images/right-panel-blank.jpg) top left no-repeat;margin-top: 10px; width: 130px; height: 188px; padding: 10px; position: relative;}

div.testimonials h3 { text-transform: uppercase; text-align: justify; color: #00376f; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; width: 130px; text-align:center; line-height: 1.1;}

div.testimonials blockquote {width: 125px; margin-left: 5px; margin-top: 7px;}
div.testimonials blockquote p.cite{font-weight: bold;}


section aside div.testimonials p.more_link {position: absolute; right: 10px; bottom: -5px;}
section aside div.testimonials p a {background: url(../images/buts/but-more.png) top right no-repeat; display: block; width: 54px;height: 20px;}
section aside div.testimonials p a:hover {background-position: bottom right}

section aside div.testimonials p a span{display: none;}
section aside div.testimonials p {margin-top: 0px; font-size: 11px;}

div#testimonialsImages {overflow: hidden; height: 130px; overflow:hidden; position: relative;}

.testimonials-pager {position: absolute; bottom: 10px;}
.testimonials-pager a {text-indent: -9999px; width: 5px; height: 5px;  
display: block; float: left; width: 10px;height: 10px; text-indent: -9999px; background: url(../images/dot.gif) -3px -12px no-repeat;  margin: 0 0 0 3px;}

div.testimonials-pager a.activeSlide  { background-position: -27px -12px}


/* @end */









#firefoxtwo {display: none;}

#firefoxtwo[id=FIREFOXTWO] {display: block !important; position: relative; top: 0px; left: 0px; color: #000; background-color: #e8e8e8; z-index: 100; font-family: Arial, Helvetica, sans-serif; padding: 20px; text-align: center; border-bottom: 2px solid #000;}

