/* Nirvana CSS 
/* Matt Williams MA - http://www.kraaft.com
/* Storm Design http://www.thinkstorm.co.uk
/* August 18th 2008
*/

/* Silver #8f98a0
*/



html{

}

body {
     font-size:100%;
	 font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 font-weight: normal;
height:100%;
}


/* ------------------ Register Form ------------------*/

form {
width:420px;
	margin:20px auto;
	color:#FFF;
}

form p {
	clear: both;
	/*border-bottom: 1px solid #FFF;*/
}

.intro {
	margin-bottom: 2em;
}

label {
margin-top:4px;
	clear: both;
	display: block;
	float: left;
}

input {
	float: right;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	width: 270px;
	margin-bottom: 10px;
	border: 1px solid #AAA;
	padding: 3px;
	color:#666666;
}
input#postcode{
margin-right:170px;
width: 100px;
}
select#contactMethods{
min-width: 100px;
}

textarea {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 270px;
	margin-bottom: 3px;
	font-size: 0.95em;
	border: 1px solid #AAA;
	padding: 3px;
}
input:focus,
textarea:focus {
	background:#eef9f6;
}

.button {
font-size:0.875em;
	margin-top: 30px;
	margin-right:178px;
}

input.button {
padding:0;
	width: 100px;
	cursor:pointer;
}

select{
width:100px;
float:right;
padding: 3px;
margin-right:178px;
marging-top:10px;
}
#postcode{

}
p.contact{
margin:0;
padding:0;
}

p.contactLine{
margin:0;
padding:0;
margin-bottom:10px;
border-bottom:1px solid #a6926f;
}

.thankyou{
height:100px;
line-height: 20px;
text-align:center;
color:#a6926f;
width:600px;
margin:0 auto;
}
/*-----------------------------------------------------*/



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


/* browser default text size = 16px */

p {
     	font-size: 0.875em; /* 14px (16 x 0.875 = 14) */
	margin: 1.286em 0; /* 18px (14 x 1.286 = 18) */
	}

p.size13px {
     	font-size: 0.8125em; /* 13px (16 x 0.8125 = 13) */
	margin: 1.3846em 0; /* 18px (13 x 1.3846 = 18) */ }

p.size12px {
     	font-size: 0.75em; /* 12px (16 x 0.75 = 12) */
	margin: 1.5em 0; /* 18px (12 x 1.5 = 18) */ }
	p.size12pxForm {
     	font-size: 0.75em; /* 12px (16 x 0.75 = 12) */
	margin: 50px 0 10px 0; /* 18px (12 x 1.5 = 18) */ }

p.size10px {
     	font-size: 0.625em; /* 10px (16 x 0.625 = 10) */
	margin: 1.8em 0; /* 18px (10 x 1.8 = 18) */ }
	
	
	p.size11px {
     	font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
	margin: 1.6363em 0; /* 18px (11 x 1.6363 = 18) */ }
	p.mukesh {
     font-size: 0.625em; /* 10px (16 x 0.625 = 10) */
	margin: 1.8em 0; /* 18px (10 x 1.8 = 18) */ }


p.coming {
     	font-size: 0.875em; /* 12px (16 x 0.75 = 12) */
	color:#fff; 
	margin-left:180px;
	padding-right:50px;
	padding-top:100px;}


a.link, a:visited{
cursor:pointer;
}
a.hover, a:active{
cursor:pointer;
}

/* ------------ MAIN NAVIGATION  ------------------*/




/* ---------------- GENERAL LAYOUT -----------------------*/
body{

}

.newlogo{
background: url(../images/newlogo.jpg) no-repeat left top;
float:left;
height: 150px;
width: 30px; !important;
}
body.home{
background:url(../images/wave.jpg) no-repeat center 370px ;
}
.fullcontent{
width:960px;
margin:0 auto;

}
.home .fullcontent, .floorplans .fullcontent{

width:980px;
margin:0 auto;


}

body.specifications #leftHalf{
width:450px;
height:450px;
background:#999999;
float:left;
} 

body.specifications #rightHalf{
position: relative;
width:450px;
height:450px;
background:#a36a36;
float:left;
overflow: hidden;
}


body.viewing #leftHalf{
background:#96a6ab;
width:450px;
height:450px;
float:left;
} 

body.viewing #rightHalf{
border-top:1px solid #d2d6d9;
border-right:1px solid #d2d6d9;
border-bottom:1px solid #d2d6d9;
background:url(../images/viewinglogo.gif) no-repeat 120px 154px;
width:449px;
height:448px;
float:left;
}
body.viewing #rightHalf #calltoaction{
padding-left:120px;
padding-top:200px;
padding-right:20px;

}
body.viewing #rightHalf #contact{
background:url(../images/eclogo.jpg) no-repeat 100px 0;
padding-left:230px;
height:40px;
margin-top:60px;

}
body.viewing #rightHalf #calltoaction .viewingcopy{
margin-top:0;
font-size: 0.675em;
line-height: 1.3em;
color:#666666;
}
body.viewing #rightHalf #calltoaction .telephone{
margin-top:15px;
font-size: 1.2em;
}

body.viewing #rightHalf p{
padding:0;
margin:0;
margin-bottom:8px;
color:#999999;
letter-spacing:0.15em;

}

body.viewing #rightHalf #contact p{
padding:0;
margin:0;
padding-top:3px;
font-size:0.6875em;
line-height:1.4em;
color:#999999;
letter-spacing:0.15em;

}



body.livingspaces #mainContent{

width:960px;
height:450px;
float:left;

}

body.livingspaces #mainContent #mywrap{
background: url(../images/newKitchen.jpg) no-repeat;

width:900px;
height:450px;
float:left;

}
body.livingspaces #mainContent .text{

padding-right:210px;
padding-top:362px;
text-align:right;
}
body.livingspaces #mainContent .text h4{
margin:0;
padding:0;
font-size:1.5em;
font-weight:normal;
color:#FFFFFF;
}
body.livingspaces #mainContent .text p{
color: #FFF;
padding-top:10px;
font-size:0.475em;
}

body.location #mainContent{
height:450px;
position:relative;
}
body.location #mainContent #mywrap{
background:url(../images/newChairs.jpg) no-repeat;

width:900px;
height:450px;
float:left;

}
body.location #mainContent .text{
padding-right:40px;
padding-top:60px;
text-align:right;
}
body.location #mainContent h4{
left:120px;
top:400px;
margin:0;
padding:0;
font-size:1.5em;
font-weight:normal;
color:#FFFFFF;
position:absolute;
}
body.location #mainContent .text p{
color:#fff;
padding-top:20px;
font-size:0.625em;
}
body.floorplans #mainContent{
background:url(../images/basicBuilding.jpg) no-repeat;
width:978px;
border:1px solid #d2d6d9;
height:488px;
position:relative;
}

body.floorplans #mainContent p{
margin-left:42px;
margin-top:63px;
font-size:0.675em;
color:#999999;

}

body.floorplans #mainContent ul{
	position:absolute;
	height:330px;
	width:178px;
	left: 0px;
	top: 125px;

/*
margin-top:50px;
	height:330px;
	width:178px;
*/
}
body.floorplans #mainContent li{
padding:0;
margin:0;
height:30px;
float:left;
clear:left;
width:178px;
}
body.floorplans #mainContent li a:link, body.floorplans #mainContent li a:visited{
display:block;
padding:0;
margin:0;
height:30px;
}

#btn_9{
text-indent:-5000em;
background:url(../images/floor9.gif) no-repeat;
cursor:pointer;
}
#btn_8{
text-indent:-5000em;
background:url(../images/floor8.gif) no-repeat;
cursor:pointer;
}
#btn_7{
cursor:pointer;
text-indent:-5000em;
background:url(../images/floor7.gif) no-repeat;
}
#btn_6{
cursor:pointer;
text-indent:-5000em;
background:url(../images/floor6.gif) no-repeat;
}
#btn_5{
cursor:pointer;
text-indent:-5000em;
background:url(../images/floor5.gif) no-repeat;
}
#btn_4{
cursor:pointer;
text-indent:-5000em;
background:url(../images/floor4.gif) no-repeat;
}
#btn_3{
cursor:pointer;
text-indent:-5000em;
background:url(../images/floor3.gif) no-repeat;
}
#btn_2{
cursor:pointer;
text-indent:-5000em;
background:url(../images/floor2.gif) no-repeat;
}
#btn_1{
cursor:pointer;
text-indent:-5000em;
background:url(../images/floor1.gif) no-repeat;
}
#btn_GF{
cursor:pointer;
text-indent:-5000em;
background:url(../images/floorGF.gif) no-repeat;
}
#btn_LG{
cursor:pointer;
text-indent:-5000em;
background:url(../images/floorLG.gif) no-repeat;
}
#highlight9{display:none;
background:url(../images/overfloor9.jpg) no-repeat;
top:126px;
left:325px;
position:absolute;
width:616px;
height:30px;
}
#highlight8{display:none;
background:url(../images/overfloor8.jpg) no-repeat;
top:156px;
left:325px;
position:absolute;
width:616px;
height:30px;
}
#highlight7{display:none;
background:url(../images/overfloor7.jpg) no-repeat;
top:186px;
left:325px;
position:absolute;
width:616px;
height:30px;
}
#highlight6{display:none;
background:url(../images/overfloor6.jpg) no-repeat;
top:216px;
left:325px;
position:absolute;
width:616px;
height:30px;
}
#highlight5{display:none;
background:url(../images/overfloor5.jpg) no-repeat;
top:246px;
left:325px;
position:absolute;
width:616px;
height:30px;
}
#highlight4{display:none;
background:url(../images/overfloor4.jpg) no-repeat;
top:276px;
left:325px;
position:absolute;
width:616px;
height:30px;
}
#highlight3{display:none;
background:url(../images/overfloor3.jpg) no-repeat;
top:306px;
left:325px;
position:absolute;
width:616px;
height:30px;
}
#highlight2{display:none;
background:url(../images/overfloor2.jpg) no-repeat;
top:336px;
left:325px;
position:absolute;
width:616px;
height:30px;
}
#highlight1{display:none;
background:url(../images/overfloor1.jpg) no-repeat;
top:366px;
left:325px;
position:absolute;
width:616px;
height:30px;
display:none;
}
#highlightGF{
display:none;
background:url(../images/overfloorGF.jpg) no-repeat;
top:396px;
left:325px;
position:absolute;
width:616px;
height:30px;
}
#highlightLG{
display:none;
background:url(../images/overfloorLG.jpg) no-repeat;
top:426px;
left:325px;
position:absolute;
width:616px;
height:30px;
}

/* Opening Quote ------------------ */

.introcopy { 
  position:absolute; 
  width:100%; 
height:100% !important;
  color:#FFF; 
  background:#a36a36 url(../images/landinglogo.jpg) no-repeat center top;
  top:0; 
  left:0; 
  display:inherit; 
  line-height:1.4em;
 
  }
  
  .cover { 
 background: #a36a36;
 background: #f00;
  width:450px; 
height:450px !important;
  color:#FFF; 
  top:0; 
  left:0; 
  display:inherit; 
  line-height:1.4em;
 
  }
  #quoteHolder{
 
  width:565px; 
margin:230px auto;
  }
  p.openingQuote { 
  font-size:1em; 
}
  
  span { 
  display:none;
  }
  .introcopy a:link, .introcopy a:visited{
  font-size:0.675em;
  color:#FFFFFF;
  text-decoration:none;
  
  border-bottom:1px solid #CCCCCC;
  }
/* END Opening quote ------------------ */
/* ~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~*/

.header{
text-align:center;
}

#mainNavigation{ 
margin:0;
padding:0;
font-size: 0.6275em;
padding-bottom:8px;
} 

#mainNavigation li{ 

padding:0;
padding-right:10px;
padding-left:6px;
display:inline;
list-style:none;
border-right:1px solid #dde2e6;

} 
#mainNavigation li#last{ 

border-right:none;
} 

#mainNavigation a:link, #mainNavigation a:visited{ 
color:#60727c;
text-decoration:none;
} 

#mainNavigation a:hover{ 
color:#c59964;
text-decoration:none;
} 


#logo{width:348px;
margin:0 auto;
border:medium none;
display:block;
height:100%;
overflow:hidden;
text-indent:-999em;
width:100%;
}
.home #logo {
background:transparent url(../images/mainlogo.gif) no-repeat center top;
height:95px;
width:348px;
margin:0 auto;
}
.home #logo a {
border:medium none;
display:block;
height:100%;
overflow:hidden;
text-indent:-999em;
width:100%;
}
.schragerquote{
color:#98a5ac;
padding-left:540px;
padding-top:80px;
}
.schragerquote p.plusquarter{
font-size:1.15em;

}


.schragerquote a:link, .schragerquote a:visited{
color:#666666;
text-decoration:none;
border-bottom:#ab9667 solid 1px;
}

.schragerquote a:hover{
color:#333333;
}

.schragerquote2{
color:#666666;
padding-left:540px;
padding-top:80px;
}
.schragerquote2 p.plusquarter{
font-size:1.15em;
color:#98a5ac;
}


.schragerquote2 a:link, .schragerquote2 a:visited{
color:#666666;
text-decoration:none;
border-bottom:#ab9667 solid 1px;
}

.schragerquote2 a:hover{
color:#333333;
}


pre { display:none; }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { height: 450px; width: 450px; padding:0; margin:0; overflow: hidden }
.pics img { height: 450px; width: 450px; top:0; left:0; }


/* SPECIFICATIONS LISTS

/* Main Menu Navigation ---------------------------------------- */



ul#theMenu {

position: absolute;
padding:0;
margin:0;
margin-top:30px;
margin-left:120px;
font-size:0.625em;
width:300px;
top: 0;

}

#specCopy{
line-height: 1.3em;
font-size:0.675em;
color:#FFFFFF;
padding-left:50px;
padding-right: 70px;
padding-top: 200px;
}


.head{
}

h3.head{height:15px;
color:#333333;
padding-top:2px;
margin-bottom:1px;
}
h3.head a:link, h3.head a:visited{
height:15px;
font-weight:bold;
text-decoration:none;
color:#f0f0f0;

}

h3.head a:hover{

}


table#pricing_table{
width: 900px;
font-size: 0.725em;
}
col#plotno{

width: 120px;
}
col#type{
width: 180px;
}
col#floor{
width: 150px;
}
col#sqft{
width: 100px;
}
thead th{
background:#dae1e3;
padding-top: 24px;
padding-bottom: 4px;
}

tr{

height:18px;
}
td{
padding-top:4px;
}
.col1{
text-align: right;
padding-right: 30px;
}
td.firstcol{
padding-right:30px;
text-align: right;
}
	
.alt{
background:#f2f4f5;
}




#footer{
color:#999999;
text-align:center;
margin-top:35px;
height:100px;
}
#footer p{
display:inline;
height:27px;
line-height:27px;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#666666;

}
#footer a:hover{
color:#333333;
}


#PDF{
font-size:0.675em;
width:900px;
margin:20px auto;
text-align:center;
padding-bottom:20px;
border-bottom:1px solid #CCCCCC;
}

#PDF a:link, #PDF a:visited{
border-bottom:1px solid #999999;
text-decoration:none;
color:#666666;
margin:0 10px;
padding-bottom:0;
margin-bottom:0;
display:-moz-inline-stack;
display:inline-block;
position:relative;
line-height:18px; /* check your icon height */
padding-left:15px;
background: transparent url(../images/doc.jpg) center left no-repeat;
}

#PDF a:hover{
color:#000;
}

a#tony{
text-decoration:none;
color:#666666;
border-bottom:1px solid #999999;
}

a#ec{
display:-moz-inline-stack;
display:inline-block;
position:relative;
line-height:27px; /* check your icon height */
padding-left:31px;
background: transparent url(../images/footerEC.jpg) center left no-repeat;
}
a#acl{
display:-moz-inline-stack;
display:inline-block;
position:relative;
line-height:27px; /* check your icon height */
padding-left:35px;
background: transparent url(../images/footerACL.jpg) center left no-repeat;
}
a#std{
display:-moz-inline-stack;
display:inline-block;
position:relative;
line-height:27px; /* check your icon height */
padding-left:23px;
background: transparent url(../images/thorne.jpg) center left no-repeat;
}
a#storm{
margin-left:40px;
display:-moz-inline-stack;
display:inline-block;
position:relative;
line-height:27px; /* check your icon height */
padding-right:19px;
background: transparent url(../images/stormlogo.gif) center right no-repeat;
}
.linkborder{
display:-moz-inline-stack;
position:relative;
display:inline-block;
background:url(../images/greypixel.gif) repeat-x 0 20px;
}

.clear{
clear:both;
}

a#pusher{
margin-left:60px;
padding:4px;
/*background:url(../images/greypixel.gif) repeat-x 0 14px;*/
border:1px solid #CCCCCC;
}
a#pusher2{
padding:4px;
/*background:url(../images/greypixel.gif) repeat-x 0 14px;*/
border:1px solid #CCCCCC;
}

#message{
width: 900px;
margin:auto;
margin-top:20px;
text-align:center;
}
#fullmessage{
margin-top: 800px;
font-size:0.725em;
text-transform:uppercase;

text-align:left;
margin-bottom:200px;
}
#fullmessage p{
line-height:1.6em;
}

a#totop {
font-size:0.675em;
padding-bottom:20px;
background:url(../images/greypixel.gif) repeat-x 0 15px;

}

#galleryContainer{

margin-top: 15px;
padding-left: 30px;
width: 930px;
position: relative;
}
#box1{
background:url(../images/frame.jpg) no-repeat top left;
float: left;
width: 168px;
height: 128px;
margin: 0 10px;
position: relative;


}

#box1 img{
width: 85px;
height: 64px;
position: absolute;
top: 32px;
left:41px;
}
#box2{
background:url(../images/frame.jpg) no-repeat top left;
float: left;
width: 168px;
height: 128px;
margin-right: 10px;
position: relative;
}
#box2 img{
width: 99px;
height: 50px;
position: absolute;
top: 38px;
left:34px;
}
#box3{
background:url(../images/frame.jpg) no-repeat top left;
width: 168px;
float: left;
height: 128px;
margin-right: 10px;
position:relative;
}
#box3 img{
width: 99px;
height: 50px;
position: absolute;
top: 38px;
left:34px;
}
#box4{
background:url(../images/frame.jpg) no-repeat top left;
width: 168px;
float: left;
height: 128px;
margin-right: 10px;
position:relative;
}
#box4 img{
width: 55px;
height: 60px;
position: absolute;
top: 33px;
left:56px;
}
#box5{
background:url(../images/frame.jpg) no-repeat top left;
width: 168px;
float: left;
height: 128px;
position:relative;
}

#box5 img{
width: 79px;
height: 65px;
position: absolute;
top: 31px;
left:44px;
}

/* -------------------------------- */

.livingspaces #box1{
background: none;
float: left;
width: 168px;
height: 128px;
margin: 0 10px;
position: relative;


}

.livingspaces #box1 img{
width: 85px;
height: 64px;
position: absolute;
top: 32px;
left:41px;
}
.livingspaces #box2{
background:url(../images/frame.jpg) no-repeat top left;
float: left;
width: 168px;
height: 128px;
margin-right: 10px;
position: relative;
}
.livingspaces #box2 img{
width: 59px;
height: 63px;
position: absolute;
top: 32px;
left:53px;
}
.livingspaces #box3{
background:url(../images/frame.jpg) no-repeat top left;
width: 168px;
float: left;
height: 128px;
margin-right: 10px;
position:relative;
}
.livingspaces #box3 img{
width: 101px;
height: 54px;
position: absolute;
top: 36px;
left:33px;
}
.livingspaces #box4{
background:url(../images/frame.jpg) no-repeat top left;
width: 168px;
float: left;
height: 128px;
margin-right: 10px;
position:relative;
}
.livingspaces #box4 img{
width: 87px;
height: 58px;
position: absolute;
top: 34px;
left:39px;
}
.livingspaces #box5{
background: none;
width: 168px;
float: left;
height: 128px;
position:relative;
}

.livingspaces #box5 img{
width: 79px;
height: 65px;
position: absolute;
top: 31px;
left:44px;
}


#specCopy a, #specCopy a:visited{
color:#FFFFFF;
text-decoration: none;
margin-bottom: 3px;
border-bottom:#CCCCCC 1px solid;
}
#specCopy a:hover{
color:#000000;

}

/* SPEC SLIDER */



#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    padding: 0;
}

#slider {

    width: 450px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 400px;
    width: 450px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    
}

.scrollContainer div.panel {
	
    padding: 10px 20px;
  height: 400px;
    width: 410px;
}



ul.navigation {

    list-style: none;
    margin: 0;
    padding: 0;
		padding-top: 15px;
}

ul.navigation li {
padding:0;
margin:0;
margin-left:60px;
line-height: 0.75em;

}

ul.navigation a{
margin:0;
 outline: none;
padding:0;
font-size: 0.625em;
    color: #FFF;
    text-decoration: none;
}

ul.navigation a:hover {
color:#000000;
}

ul.navigation a.selected {
color:#FFCC00;
}

ul.navigation a:focus {
    outline: none;
}
/*
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}*/

.hide {
    display: none;
}
 ul{
list-style:none;
}
.innermenu{
font-size: 0.675em;
padding-left: 40px;
padding-right: 40px;
}
.innermenu li{
line-height: 1em;
padding: 0;
margin:0;
color:#000000;
padding-bottom:4px;

}