@charset "utf-8";
/* Profine Stylesheet */

body, html{height:100%;margin:0;padding:0;background:#00254F;font-family:Tahoma, Arial;font-size:100%;}

p{font-size:73%;}
li{font-size:73%;}
a:link{text-decoration:none;}

/* Layout */

#wrap{padding:0;height:576px;width:880px;text-align:center;position:absolute;left:50%;top:50%;margin:-288px 0 0 -440px; /* half of height * half of width */
}

#bg-wrap{padding:0;margin:0;height:542px;}
#content{padding:0;margin:0;height:542px;width:868px;background:#fff;float:left;}
#shadow-r{background:url(../images/shadow_r.jpg) repeat-y;height:542px;width:12px;float:left;}
#shadow-btm{background:url(../images/shadow_btm.jpg) repeat-x;height:14px;clear:left;padding:0;margin:0;}
#shadow-btm img{float:right;}
#shadow-cnr{height:12px;width:14px;background:url(../images/shadow_cnr.jpg) no-repeat;float:right;padding:0;margin:0;}

#left{width:294px;height:515px;float:left;margin:0;padding:0;background:url(../images/left_about.jpg) no-repeat #fff;border-left:5px solid #fff;border-top:5px solid #fff;}
#right{width:569px;height:515px;float:left;background:#fff;margin:0;padding:0;border-top:5px solid white;text-align:left;}

#footer{margin-top:15px;color:#6B6B6B;font-size:60%;}
#footer a{color:#0066FF;text-decoration:none;border:none;}
#footer a:hover{color:#2492FF;}

/* Flash for the left */

#flash-left{width:294px;height:515px;float:left;margin:0;padding:0;border-left:5px solid #fff;border-top:5px solid #fff;}

/* Logo */

#logo-wrap{position:relative;float:left;z-index:5;}
#logo{position:absolute;top:-25px;left:-315px;background:url(../images/profine_logo_inner.gif);width:204px;height:148px;}
#logo h1{text-indent:-1999em;}

/* Front */

#front_noflash{width:881px;height:555px;background:url(../images/bg_home.jpg);}
#front_noflash h1, #front_noflash p{text-indent:-1999em;}
#nav-front{height:25px;clear:both;position:relative;top:-30px;}

/* Nav */

#nav{height:22px;background:#00254F;clear:both;border-left:5px solid #fff;border-top:1px solid #fff;}
#nav ul, #nav-front ul{padding:0;margin:0 auto;font-size:70%;position:relative;top:4px;}
#nav li, #nav-front li{display:inline;margin:0 18px;padding:0;}
#nav li a, #nav-front li a{color:#fff;font-weight:bold;font-size:136%;text-decoration:none;border:none;}
#nav li a:hover, #nav-front li a:hover{border-bottom:1px solid #E30000;}

/* Titles */

h2{color:#E60505;padding:0;margin:0;font-size:88%;font-family:Verdana, Arial, Helvetica, sans-serif;}
h3{color:#E60505;padding:0;margin:20px 0 20px 3px;font-size:88%;font-family:Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #E60505;}
#header{height:62px;width:569px;background:url(../images/bg_header.gif);}
#header h1{height:62px;width:569px;text-indent:-1999em;margin:0;padding:0;}
.news{background:url(../images/h_news.gif) no-repeat;width:184px;}
.about{background:url(../images/h_about.jpg) no-repeat;width:184px;}
.houseland{background:url(../images/h_houseland.gif) no-repeat;width:361px;}
.childcare{background:url(../images/h_childcare.gif) no-repeat;width:161px;}
.projects{background:url(../images/h_projects.gif) no-repeat;width:310px;}
.contact{background:url(../images/h_contact.gif) no-repeat;width:186px;}
.displays{background:url(../images/h_displays.gif) no-repeat;width:131px;}
.homes{background:url(../images/h_homes.gif) no-repeat;width:115px;}

/* Scroller */

#scroller{height:453px;overflow:auto;margin-left:12px;}
#scroller p{line-height:17px;margin:20px 0;}

/* News */

#left-news{width:294px;height:515px;float:left;margin:0;padding:0;background:url(../images/left_news.jpg) no-repeat #fff;border-left:5px solid #fff;border-top:5px solid #fff;}
.newsItems{display:block;background:url(../images/bg_newsitems.gif) right bottom no-repeat;height:auto;margin:20px 15px 40px 15px;}
.dates{text-transform:capitalize;font-size:60%;color:#999;display:block;margin-bottom:15px;}
.more{width:37px;height:13px;background:none;font-weight:bold;display:block;float:right;font-size:10px;padding:8px 0 0 3px;margin-top:-20px;}
.more a{color:#E30000;text-decoration:none;}
.more a:hover{color:#FF0000;}

/* About */

#left-about{width:294px;height:515px;float:left;margin:0;padding:0;background:url(../images/left_about.jpg) no-repeat #fff;border-left:5px solid #fff;border-top:5px solid #fff;}
#vision li{margin:24px 0;list-style:none;list-style-image:url(../images/blt-square.gif);}

.testimonial{background:url(../images/bg_testim_top.gif) top no-repeat #A8D1FF;width:480px;padding:7px 20px;font-family:"Courier New", Courier, monospace;}
.testimonial p{width:480px;margin:0 auto;color:#003D83;}
.testimonial-btm{background:url(../images/bg_testim_btm.gif);height:41px;width:520px;margin:0 0 20px 0;}
.testim-date{margin:20px 20px 0;float:right;font-size:70%;color:#003D83;}

/* House & Land */

#left-houseland{width:294px;height:515px;float:left;margin:0;padding:0;background:url(../images/bg_houseland.jpg) no-repeat #fff;border-left:5px solid #fff;border-top:5px solid #fff;}

.houselandItem{height:auto;margin:0 0 0 2px;clear:both;}
.houselandItem h2{background:url(../images/bg_houseland_h.jpg) repeat-y;margin:0 0 7px;padding:0;color:#fff;height:2.5em;line-height:33px;text-indent:8px;}
.houselandTxt{float:right;width:350px;padding:0 5px;}
.houselandTh{padding:1px;border:5px solid #E60808;}

.hl-bed, .hl-bath, .hl-car{width:50px;height:2.5em;border:1px solid #0054B1;text-indent:37px;margin:0 5px;color:#0054B1;float:right;}

.hl-bed{background:url(../images/icon_bed_sml.gif) 3px no-repeat #fff;}
.hl-bath{background:url(../images/icon_bath_sml.gif) 3px no-repeat #fff;}
.hl-car{background:url(../images/icon_car_sml.gif) 3px no-repeat #fff;}

hr{height:1px;border:none;color:#ccc;background:#ccc;width:99%;margin-bottom:20px;}

.hl-more{background:url(../images/bg_more.gif) no-repeat;height:32px;width:60px;border:none;text-decoration:none;font-size:70%;color:#fff;line-height:45px;font-weight:bold;text-indent:16px;float:right;}

* html .hl-more{background:none;border:none;text-decoration:none;font-size:70%;color:#E60808;font-weight:bold;text-indent:16px;float:right;position:static;}

*+html .hl-more{bottom:20px;}



/* Displays * -----------------------------------

To add another Display home see the comments in this section below...

In the html page, make sure all references to (for example) "woodland" are changed to "whatever". Here are all the references you will need to change:

<div id="left-woodland"> will become <div id="left-whatever">
<h1 class="h-woodland">Metro</h1> will become <h1 class="h-whatever">Whatever</h1>
<div id="nav-woodland"> will become <div id="nav-whatever">

and

*/

/* The main Display page layout (displays.html) - You won't need to touch this */

#left-displays{width:294px;height:515px;float:left;margin:0;padding:0;background:url(../images/left_displays.jpg) #fff;border-left:5px solid #fff;border-top:5px solid #fff;}

/* Add (after a comma, #display4 a, #display5 a etc... */

#display1 a, #display2 a, #display3 a{text-indent:-1999em;height:169px;width:535px;display:block;border:none;}
#display1, #display2, #display3{width:535px;height:169px;margin:1px 0 14px 2px;}

/* Copy and paste one of the below lines and add 4, 5, 6 etc then change the name of the background image.
E.g. #display4{background:url(../images/display_front_whatever.jpg);} */

#display1{background:url(../images/display_front_oxford.jpg);}
#display2{background:url(../images/display_front_woodland.jpg);}
#display3{background:url(../images/display_front_metro.jpg);}

/* Copy and paste one of the below lines and change the names to whatever is appropriate... 
e.g. #left-oxford{background:url(../images/bg_displays_oxford.jpg) no-repeat #fff;} will become #left-whatever{background:url(../images/bg_displays_whatever.jpg) no-repeat #fff;} 

#nav-oxford{height:22px;background:#00254F url(../images/bg_nav_oxford.jpg) left no-repeat;clear:both;} will become
#nav-whatever{height:22px;background:#00254F url(../images/bg_nav_whatever.jpg) left no-repeat;clear:both;}

etc...
*/

#left-oxford, #left-woodland, #left-metro{width:294px;height:515px;float:left;margin:0;padding:0;border-left:5px solid #fff;border-top:5px solid #fff;}
#left-oxford{background:url(../images/bg_displays_oxford.jpg) no-repeat #fff;}
#left-woodland{background:url(../images/bg_displays_woodland.jpg) no-repeat #fff;}
#left-metro{background:url(../images/bg_displays_metro.jpg) no-repeat #fff;}

.h-oxford{width:451px;height:302px;text-indent:-1999em;padding:0;margin:1px 0 7px 2px;background:url(../images/h_oxford.jpg);}
.h-woodland{width:451px;height:302px;text-indent:-1999em;padding:0;margin:1px 0 7px 2px;background:url(../images/h_woodland.jpg);}
.h-metro{width:451px;height:302px;text-indent:-1999em;padding:0;margin:1px 0 7px 2px;background:url(../images/h_metro.jpg);}

#bed, #bath, #car, #btn, #btnback{float:right;width:95px;height:80px;border-bottom:10px solid #003D83;position:absolute;left:771px;color:#89898B;font-size:150%;text-align:center;border-right:1px solid #89898B;border-left:1px solid #89898B;border-top:1px solid #89898B;background:#fff;}
#bed p, #bath p, #car p{position:relative;top:40px;}
#bed{background:url(../images/icon_bed.gif) center center no-repeat;top:68px;}
#bath{background:url(../images/icon_bath.gif) center center no-repeat;top:173px;}
#car{background:url(../images/icon_car.gif) center center no-repeat;top:280px;}
#btn{background:url(../images/btn-floorplan.jpg) center top no-repeat;top:377px;height:125px;border:none;}
#btnback{background:url(../images/btn-back.jpg) center top no-repeat;top:377px;height:125px;border:none;}

#floorArea{margin:0 2px;}
#floorArea h2{color:#fff;background:#89898B;width:451px;padding:0;margin:0;text-indent:12px;}
#floorArea p{margin:2px 0;padding:0;color:#5B5B5E;border-bottom:1px dashed #D8D8DA;width:451px;height:18px;text-indent:12px;}
.floorDim{float:right;position:relative;top:-18px;right:14px;}

#formWrap{position:relative;float:right;}
#displayForm{position:absolute;top:25px;right:104px;padding:0;margin:0;}
option{font: bold normal 90% tahoma,sans-serif;color:#E30000;}
option.red {background:#E30000;color:white;padding:4px 0;}
option.grey{background:#EFEFEF;padding-left:30px;padding:4px 0;}

.pdf{background:url(../images/pdf.jpg) right no-repeat;height:29px;width:100px;position:absolute;left:658px;top:335px;color:red;font-size:70%;line-height:44px;}

* html .pdf{background:url(../images/pdf.jpg) right no-repeat;height:29px;width:100px;position:absolute;left:658px;top:326px;font-size:70%;line-height:44px;}
* html .pdf:hover{border:none;background:#fff;}

/* IE6 fix */
* html #floorArea h2{color:#fff;background:#89898B;width:451px;padding:0;margin:0 0 6px 0;text-indent:12px;}
* html #floorArea p{margin:-10px 0 0 0;padding:0;color:#5B5B5E;border-bottom:none;width:451px;text-indent:12px;}
/*---*/

/* Floorplans */

#floorplan{width:451px;height:302px;padding:0;margin:1px 0 3px 1px;}
#floorplan p{width:200px;margin:0 auto;color:#666;text-align:center;line-height:25px;}
/* Homes */

#left-homes{width:294px;height:515px;float:left;margin:0;padding:0;background:url(../images/left_homes.jpg) no-repeat #fff;border-left:5px solid #fff;border-top:5px solid #fff;}

/* Childcare */

#left-childcare{width:294px;height:515px;float:left;margin:0;padding:0;background:url(../images/left_childcare.jpg) no-repeat #fff;border-left:5px solid #fff;border-top:5px solid #fff;}

/* Projects */

#left-projects{width:294px;height:515px;float:left;margin:0;padding:0;background:url(../images/left_projects.jpg) no-repeat #fff;border-left:5px solid #fff;border-top:5px solid #fff;}

#project1, #project2{margin:0 auto;}

/* Contact */

#left-contact{width:294px;height:515px;float:left;margin:0;padding:0;background:url(../images/left_contact.jpg) no-repeat #fff;border-left:5px solid #fff;border-top:5px solid #fff;}
#bg-contact{background:url(../images/bg_contact.jpg) no-repeat;width:359px;height:254px;float:right;margin:20px 0 0 10px;display:none;}
#contacto p{margin-bottom:-10px;}
#contacto{margin-left:20px;}
#contacto strong{color:#004492;width:140px;display:block;margin-left:10px;}
.contact-shift{position:relative;right:-100px;top:-18px;}
.sml{font-size:70%;margin-top:30px;}

/* Childcare */

#plan1{width:509px;height:330px;margin:20px 10px;}