@import url(reset.css);
@import url(mapDevPosit.css);
@import url(http://fonts.googleapis.com/css?family=Orbitron);

body {
font-family: verdana, arial, sans-serif;
}

a {
text-decoration: none;
font-weight: normal;
}

hr{
  width: 90%;
  height: 1px;
  background: #DFDFDF;
  margin: 30px 0;
  display: block;
  border: none;
}


.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.inline {
vertical-align: middle;
}

.red {
color: #C00000;
}

.bluePale {
color: #729AC7;
}

.blueDark {
color: #0069AA;
}

/* colours for site maps list items - based on house type name */

.NA {
color: #666;
font-size: 150%;
}

.amber {
color: #8C601D;
font-size: 150%;
}

.amethyst {
color: #90BEE9;
font-size: 150%;
}

.amethystGloriaWay {
color: #6344A5;
font-size: 150%;
}

.amethystSaxonFields {
color: #6C50A2;
font-size: 150%;
}

.amethystSpringfieldMeadows {
color: #6C50A2;
font-size: 150%;
}

.amethystEast {
color: #6C50A2;
font-size: 150%;
}

.candara {
color: #35B63F;
font-size: 150%;
}

.citrine {
color: #FBD100;
font-size: 150%;
}

.emerald {
color: #977106;
font-size: 150%;
}

.jade {
color: #afafb1;
font-size: 150%;
}

.jadeSaxonFields {
color: #80807A;
font-size: 150%;
}

.jasper {
color: #F9241B;
font-size: 150%;
}

.kartika {
color: #4B73C1;
font-size: 150%;
}

.lazurite {
color: #AE5CA9;
font-size: 150%;
}

.opal {
color: #2A9F40;
font-size: 150%;
}

.quartz {
color: #F35F9E;
font-size: 150%;
}

.sapphire {
color: #525355;
font-size: 150%;
}

.sphere {
color: #218D40;
font-size: 150%;
}

.sphereEast {
color: #0e2312;
font-size: 150%;
}

.tandelle {
color: #8D601D;
font-size: 150%;
}

.tanzanite {
color: #45A7B4;
font-size: 150%;
}

.topaz {
color: #788CC8;
font-size: 150%;
}

.tourmaline {
color: #A8699D;
font-size: 150%;
}

.verdana {
color: #ED1C24;
font-size: 150%;
}

.violan {
color: #DF8D4A;
font-size: 150%;
}

.zircon {
color: #E2D920;
background-color: #0069AA;
font-size: 150%;
}

.textSmall {
font-size: 80%;
}

.textSmaller {
font-size: 60%;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

.pdf {
background-image: url(../img/pdf.png);
background-repeat: no-repeat;
padding-left: 18px;
font-weight: normal !important;
}

.newsTitle {
font-weight: bold;
font-size: 110%;
color: #0069AA;
padding-bottom: 0px;
padding-left: 30px;
background: #FFF url(../img/diamondBlue2.png) bottom left no-repeat;
}

#wrapper {
width: 100%;
}

#header {
width: 100%;
height: 240px;
background: #FFF url(../img/bg-headerDarkLG.png) left top no-repeat;
z-index: 0;
border-bottom: 1px dashed #D3DCEF;
}

#header #navTop {
position: relative;
float: right;
background-color: rgba(255,255,255,0.70);
min-height: 40px;
padding: 0 5px;
/* border-bottom: 1px dashed #D3DCEF; */
z-index: 200;
}

#header #navTop ul {
list-style-type: none;
margin: 10px 0 0 0;
}

#header #navTop li {
display: inline-block;
color: #808080;
margin: 0;
padding: 1px 12px 3px 6px;
border-right: 1px solid #CCC;
}

#header #navTop li.last {
border: 0;
}

#header #navTop a:link {
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
color: #666;
}

#header #navTop a:visited {
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
color: #999;
}

#header #navTop a:hover {
color: #0069AA;
}

#header #navTop a:active {
color: #666;
}

#header #navTop a.current {
font-weight: bold;
color: #666;
}

/* header h1 is a text for image swap displaying the logo
but allowing a keyworded h1 tag without causing visible clutter. Steve Ellis 23/05/2011*/
#header h1 {
position: relative;
top: 0;
left: 350px;
text-indent: -1500px;
width: 369px;
height: 228px;
background: transparent url(../img/bg-headerH1.png) no-repeat;
z-index: 1;
font-size: 10px;
}


#header #breadcrumbs {
position: absolute;
height: 30px;
background-color: #FFF;
top: 205px;
left: 20px;
font-size: 0.7em;
z-index: 50;
}

#header #breadcrumbs ul {
list-style-type: none;
color: #999;
padding: 7px 0;
}

#header #breadcrumbs li {
display: inline;
}

#header #breadcrumbs a:link {
color: #666;
}

#header #breadcrumbs a:visited {
color: #666;
}

#header #breadcrumbs a:hover {
color: #0069AA;
}

#header #breadcrumbs a:active {
color: #0069AA;
}

#header #breadcrumbs a.current {
font-weight: bold;
color: #666;
}



/* required to prevent contentMain dropping
below contentLeft when browser window is resized small */
#contentLeftMainWrapper {
min-width: 1300px;
}

/* ///////////////////////////////////////////////////////// */
/* CONTENT LEFT COLUMN BEGINS	                             */
/* ///////////////////////////////////////////////////////// */

#contentLeft {
float: left;
width: 250px;
margin: 35px 0 35px 35px;
border-right: 1px dashed #D3DCEF;
}

#contentLeft .firstbuyscheme {
width: 200px;
height: 90px;
margin: 0 0 30px 0;
border: 1px solid #EEE;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: 2px 2px 5px #CCC;
-moz-box-shadow: 2px 2px 5px #CCC;
-webkit-box-shadow: 2px 2px 5px #CCC;
-o-box-shadow: 2px 2px 5px #CCC;
background: #FFF url(../img/logo-firstbuy.gif) right no-repeat;
padding: 10px;
}

#contentLeft .firstbuyscheme p {
width: 140px;
}


#contentLeft .buttonLeftHolder {
height: 50px;
}

#contentLeft a:link.buttonNewHomes {
margin: 0px;
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 9px 15px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #FFF !important;
   font-size: 17px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}

#contentLeft a:visited.buttonNewHomes {
color: #FFF !important;
}

#contentLeft a:hover.buttonNewHomes {
   border-top: 1px solid #96d1f8;
   background: #3e779d; /*#65a9d7*/
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   color: white!important;
}


#contentLeft img {
margin: 20px 5px 10px 0;
background-color: #EEE;
padding: 10px;
border: 1px solid #CCC;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: 2px 2px 5px #CCC;
-moz-box-shadow: 2px 2px 5px #CCC;
-webkit-box-shadow: 2px 2px 5px #CCC;
-o-box-shadow: 2px 2px 5px #CCC;

transform: scale(1);
transition-timing-function: ease-in;
transition-duration: 300ms;
-webkit-transform: scale(1);
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 300ms;
-moz-transform: scale(1);
-moz-transition-timing-function: ease-in;
-moz-transition-duration: 300ms;
-o-transform: scale(1);
-o-transition-timing-function: ease-in;
-o-transition-duration: 300ms;

opacity: 0.6;
}

#contentLeft img:hover {
transform: scale(1.1);
transition-timing-function: ease-out;
transition-duration: 500ms;
-webkit-transform: scale(1.1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
-moz-transform: scale(1.1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;
-o-transform: scale(1.1);
-o-transition-timing-function: ease-out;
-o-transition-duration: 500ms;

opacity: 1;
}

#contentLeft h3 {
clear: left;
font-family: 'Orbitron';
font-size: 0.9em;
letter-spacing: 0.1em;
font-weight: bold;
color: #666;
}

#contentLeft h4 {
font-family: 'Orbitron';
font-size: 0.7em;
letter-spacing: 0.1em;
font-weight: bold;
color: #666;
margin: 0 30px 5px 0;
}

#contentLeft h5 {
font-size: 0.6em;
font-weight: bold;
color: #999;
margin: 0 30px 3px 0;
}

#contentLeft p {
font-size: 0.7em;
line-height: 1.4em;
font-weight: normal;
color: #999;
margin: 3px 30px 5px 0;
}

#contentLeft a:link {
text-decoration: none;
font-weight: bold;
color: #0069AA;
}

#contentLeft a:visited {
color: #729AC7;
}

#contentLeft a:hover {
color: #333;
}

#contentLeft a.readmore {
display: inline-block;
width: 60px;
height: 10px;
vertical-align: middle;
text-indent: -1500px;
background: transparent url(../img/readmoreSmall.png) no-repeat;
}

/* ///////////////////////////////////////////////////////// */
/* CONTENT LEFT COLUMN ENDS	                             */
/* ///////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////////// */
/* CONTENT MAIN COLUMN BEGINS	                             */
/* ///////////////////////////////////////////////////////// */


#contentMain {
width: 902px;
float: left;
margin: 25px 0 25px 50px;
}

#contentMain h2 {
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #999;
-moz-text-shadow: 1px 1px 3px #999;
-webkit-text-shadow: 1px 1px 3px #999;
-o-text-shadow: 1px 1px 3px #999;
}

#contentMain h2.montageNewHomes {
height: 185px;
width: 925px;
background: #FFF url(../img/property-montage1.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-dickinsons-orchard {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-dickinsons-orchard.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-pelham-heights {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-pelham-heights.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-springfield-meadows {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-springfield-meadows.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-the-paludose {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-paludose.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-bakersfield {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-bakersfield.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-hunters-chase {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-hunters-chase.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-gloria-way {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-gloria-way.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-saxon-fields {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-saxon-fields.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-manor-cottages {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-manor-cottages.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h2.montage-finningley-east {
height: 185px;
width: 925px;
background: #FFF url(../img/montage-finningley-east.jpg) no-repeat;
padding: 10px 20px;
font: bold 1.4em/2em 'Orbitron';
color: #0069AA;
letter-spacing: 0.05em;
text-shadow: 1px 1px 3px #666;
-moz-text-shadow: 1px 1px 3px #666;
-webkit-text-shadow: 1px 1px 3px #666;
-o-text-shadow: 1px 1px 3px #666;
}

#contentMain h3 {
font: normal 1.2em/1.8em 'Orbitron';
color: #729AC7;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #999;
-moz-text-shadow: 1px 1px 3px #999;
-webkit-text-shadow: 1px 1px 3px #999;
-o-text-shadow: 1px 1px 3px #999;
}

#contentMain h4 {
font: normal 1.0em/1.4em 'Orbitron';
color: #666;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #999;
-moz-text-shadow: 1px 1px 3px #999;
-webkit-text-shadow: 1px 1px 3px #999;
-o-text-shadow: 1px 1px 3px #999;
}

#contentMain h5 {
font: normal 0.8em/1em verdana, arial, sans-serif;
color: #666;
}

#contentMain p {
font: normal 0.8em/1.5em verdana, arial, sans-serif;
color: #666;
margin: 3px 60px 10px 0;
}

#contentMain a:link {
text-decoration: none;
font-weight: bold;
color: #0069AA;
}

#contentMain a:visited {
color: #729AC7;
}

#contentMain a:hover {
color: #333;
}

#contentMain label {
font: bold 0.8em/1.3em verdana, arial, sans-serif;
color: #666;
}

#contentMain input.registerBlock1 {
height: 25px;
border: 1px solid #666;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: 3px 3px 5px #CCC;
-moz-box-shadow: 3px 3px 5px #CCC;
-webkit-box-shadow: 3px 3px 5px #CCC;
-o-box-shadow: 3px 3px 5px #CCC;
}

#contentMain input.registerBlock1:hover {
border: 1px solid #729AC7;
}

#contentMain input.registerBlock1:focus {
border: 1px solid #0069AA;
background-color: #D1EAF1;
box-shadow: 1px 1px 3px #CCC;
-moz-box-shadow: 3px 3px 5px #CCC;
-webkit-box-shadow: 3px 3px 5px #CCC;
-o-box-shadow: 3px 3px 5px #CCC;
}

#contentMain #FirstBuy ol {
list-style-type: decimal;
list-style-position: inside;
margin: 0 0 10px 0;
font: normal 0.8em/1.5em verdana, arial, sans-serif;
color: #666;
}

#contentMain #FirstBuy ul {
list-style-type: disc;
list-style-position: inside;
margin: 0 0 10px 0;
font: normal 0.8em/1.5em verdana, arial, sans-serif;
color: #666;
}


/* ////////////////////////////////////////////////////////////////////////////////////// */
/* BEGIN INTERACTIVE MAP GOODNESS AND JOY - Steve Ellis 25th May 2011                     */
/* NOTE Individual development positioning classes are imported from css/mapDevPosit.css  */
/* ////////////////////////////////////////////////////////////////////////////////////// */

#mapWrapper {
margin: 30px 0 30px 0;
background: #FFF url(../img/developmentMap/map2.jpg) no-repeat;
width: 900px;
height: 982px;
}

/* trigger button */
.development {
position: relative;
background:transparent url(../img/developmentMap/marker-house.png) no-repeat scroll 0 0;
display:block;
height:30px;
overflow:hidden;
text-indent:-999em;
width:30px;
cursor:pointer;
z-index: 1;
}

/* mouseover state */
.development:hover {
background-position:0 -30px ;		
} 

/* clicked state */
.development:focus {
background-position:0 -30px;
}

/* tooltip styling */

.tooltip {
display:none;
width: 280px;
background-color: rgba(51,51,51,0.6);
padding: 15px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: 5px 5px 7px #999;
-moz-box-shadow: 5px 5px 7px #999;
-webkit-box-shadow: 5px 5px 7px #999;
-o-box-shadow: 5px 5px 7px #999;
position: relative;
z-index: 100;
}

#contentMain .tooltipContents {
background-color: rgba(255,255,255,0.8);
padding: 15px 5px 15px 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}

#contentMain .tooltipContents img {
float:left;
margin: 0 10px 5px 0;
border: 1px solid #0069AA;
}

#contentMain .tooltipContents h4 {
font: bold 10px/15px 'Orbitron';
color: #333;
margin: 0 10px 3px 0;
}

#contentMain .tooltipContents h5 {
color: #666;
font-size: 10px;
margin: 3px 10px 5px 0;
}

#contentMain .tooltipContents p {
color: #333;
font-size: 10px;
text-align: left;
margin: 5px 20px 5px 0;
}


#contentMain .tooltipContents a:link {
text-decoration: none;
font-weight: bold;
color: #0069AA;
}

#contentMain .tooltipContents a:visited {
color: #729AC7;
}

#contentMain .tooltipContents a:hover {
color: #333;
}


/* /////////////////////////////////////*/
/* END INTERACTIVE MAP GOODNESS AND JOY */
/* /////////////////////////////////////*/


/* /////////////////////////////////////*/
/* BEGIN AWESOME TABBED SLIDER GOODNESS AND JOY */
/* /////////////////////////////////////*/

#slider {
margin: 30px 0 30px 0;
}

/* root element for tabs  */
ul.tabs { 
list-style:none; 
margin:0 !important; 
padding:0;
width: 920px;	
height: 30px;
}

/* single tab */
ul.tabs li { 
float:left;	 
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important; 
}

/* no image version. S.Ellis 20/07/11 */
ul.tabs a { 
background-color: #C3D9FF;
font-size:11px;
display:block;
height: 30px;  
line-height:30px;
text-align:center;	
text-decoration:none;
color:#333;
padding:0 15px 0 15px;
margin:0 2px 0 0;	
position:relative;
top:1px;
border: 1px solid #C3D9FF;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

ul.tabs a:active {
outline:none;		
}


ul.tabs a:hover {
background-color: #729AC7;	
border: 1px solid #729AC7;
}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background-color: #0069AA;		
cursor:default !important; 
color:#FFF !important;
border: 1px solid #0069AA;
}

/* initially all panes are hidden */ 
.panes .pane {
display:none;		
}

/* tab pane styling */
.panes div.pane {
display:none;	
float: left;	
padding:15px 10px;
border:1px solid #C3D9FF;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
width: 900px;
min-height: 556px;
background-color:#fff;
box-shadow: 3px 3px 7px #CCC;
}

.paneContentFull {
float: left;
width: 860px;
margin: 20px 0 20px 20px;
}

.paneContent {
float: left;
width: 490px;
margin: 20px 0 20px 20px;
}

.paneContent h3 {
font-weight: bold !important;
}

.paneContent p {
font-size: 12px !important;
line-height: 18px !important;
margin: 0 0 10px 0 !important;
}

.paneContent ul {
list-style-type: disc;
list-style-position: inside;
margin: 0 0 10px 0;
font-size: 11px;
color: #666;
}

.paneContent li {
margin: 3px 0;
}

.contactDetailsBlock {
float: right;
background-color: rgba(195,217,255,0.80);
width: 310px;
height: auto;
margin: 20px;
/* border: 1px solid #C3D9FF;*/
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: 5px 5px 8px #CCC;
-moz-box-shadow: 5px 5px 8px #CCC;
-webkit-box-shadow: 5px 5px 8px #CCC;
-o-box-shadow: 5px 5px 8px #CCC;
padding: 18px;
}

.contactDetails {
background-color: #FFF;
width: 272px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
padding: 18px;
}


.contactDetails h4 {
/*same as contentMain h4 but with extra margin*/
margin: 0 !important;
}

.contactDetails p {
margin: 0 0px 10px 0px !important;
font-size: 10px !important;
}

.contactDetails a:link {
color: #0069AA;
}

.contactDetails a:visited {
color: #0069AA;
}

.contactDetails a:hover {
color: #0069AA;
text-decoration: underline;
}

.contactDetails a:active {
color: #0069AA;
}

/* /////////////////////////////////////*/
/* END  AWESOME TABBED SLIDER GOODNESS AND JOY */
/* /////////////////////////////////////*/


/* Development Photo Gallery */

img.gallery {
margin: 15px;
background-color: #EEE;
padding: 18px;
border: 1px solid #CCC;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: 2px 2px 5px #CCC;
-moz-box-shadow: 2px 2px 5px #CCC;
-webkit-box-shadow: 2px 2px 5px #CCC;
-o-box-shadow: 2px 2px 5px #CCC;

transform: scale(1);
transition-timing-function: ease-in;
transition-duration: 300ms;
-webkit-transform: scale(1);
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 300ms;
-moz-transform: scale(1);
-moz-transition-timing-function: ease-in;
-moz-transition-duration: 300ms;
-o-transform: scale(1);
-o-transition-timing-function: ease-in;
-o-transition-duration: 300ms;

opacity: 0.6;
}

img.gallery:hover  {
transform: scale(1.1);
transition-timing-function: ease-out;
transition-duration: 500ms;
-webkit-transform: scale(1.1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
-moz-transform: scale(1.1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;
-o-transform: scale(1.1);
-o-transition-timing-function: ease-out;
-o-transition-duration: 500ms;

opacity: 1;
}

/* Development House Types & Floorplans Blocks */

.houseTypesBlock {
width: 820px;
height: 250px;
margin: 20px 0 40px 0;
background-color: #C3D9FF;
padding: 18px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: 2px 2px 5px #CCC;
-moz-box-shadow: 2px 2px 5px #CCC;
-webkit-box-shadow: 2px 2px 5px #CCC;
-o-box-shadow: 2px 2px 5px #CCC;
}

.houseTypesBlockContent {
width: 784px;
height: 214px;
background-color: #FFF;
padding: 18px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
}

.houseTypesBlockContent .floorplanThumb {
float: left;
margin: 0 20px 0 0;
}

.houseTypesBlockContent .listWrapper {
float: left;
margin: 10px 20px 0 0;
}

.houseTypesBlockContent ul {
list-style-type: disc;
list-style-position: inside;
}

.houseTypesBlockContent li {
font-size: 0.8em;
color: #666;
margin-bottom: 5px;
}


/*Buying house page stuff*/

#blockBuyingWrapper {
width: 900px;
font-size: 90%;
}

.blockBuyingL {
clear: both;
background: #FFF url(../img/bg-blockBuying.png) bottom repeat-x;
float: left;
width: 370px;
min-height: 175px;
margin: 20px 30px 40px 0;
padding: 20px;
border: 1px solid #CCC;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: 5px 5px 8px #CCC;
-moz-box-shadow: 5px 5px 8px #CCC;
-webkit-box-shadow: 5px 5px 8px #CCC;
-o-box-shadow: 5px 5px 8px #CCC;
}

.blockBuyingR {
background: #FFF url(../img/bg-blockBuying.png) bottom repeat-x;
float: right;
width: 370px;
min-height: 175px;
margin: 20px 30px 40px 0;
padding: 20px;
border: 1px solid #CCC;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: 5px 5px 8px #CCC;
-moz-box-shadow: 5px 5px 8px #CCC;
-webkit-box-shadow: 5px 5px 8px #CCC;
-o-box-shadow: 5px 5px 8px #CCC;
}

.blockBuyingL h4 {
font-size: 90% !important;
}

.blockBuyingL p {
margin-right: 0 !important;
}

.blockBuyingR h4 {
font-size: 90% !important;
}

.blockBuyingR p {
margin-right: 0 !important;
}


/* ///////////////////////////////////////////////////////// */
/* CONTENT MAIN COLUMN ENDS	                             */
/* ///////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////////// */
/* FOOTER BEGINS	                                     */
/* ///////////////////////////////////////////////////////// */


#footer {
clear: both;
height: 200px;
border-top: 1px dashed #D3DCEF;
padding: 0 0 0 50px;
font-size: 0.7em;
color: #999;
}

.footerBlock {
float: left;
width: 20%;
margin: 20px 40px 0 0;
border-right: 1px dashed #D3DCEF;
}

.last {
border: 0;
}

#footer ul {
list-style-type: none;
margin: 0 0 20px 0;
}

#footer li {
display: block;
padding: 4px 0 0 0;
}

#footer a:link {
color: #999;
}

#footer a:visited {
color: #999;
}

#footer a:hover {
color: #0069AA;
}

#footer .facebook {
display:inline-block;
zoom: 1;
*display: inline;
height: 32px;
width: 32px;
margin:0;
padding:0;
background-image:url("../img/iconFB.png");
}

#footer .twitter {
display:inline-block;
zoom: 1;
*display: inline;
height: 32px;
width: 32px;
margin:0;
padding:0;
background-image:url("../img/iconTW.png");
}

#footer .linkedin {
display:inline-block;
zoom: 1;
*display: inline;
height: 32px;
width: 32px;
margin:0;
padding:0;
background-image:url("../img/iconLI.png");
}

#footer .facebook a, #footer .facebook a:link, #footer .facebook a:visited, #footer .twitter a, #footer .twitter a:link, #footer .twitter a:visited, #footer .linkedin a, #footer .linkedin a:link, #footer .linkedin a:visited {
display:inline-block;
zoom: 1;
*display: inline;
}

#footer .facebook img, #footer .twitter img, #footer .linkedin img {
width:100%;
height:100%;
border:0;
}

#footer .facebook a:hover img, #footer .twitter a:hover img, #footer .linkedin a:hover img {
visibility:hidden;
}

#credits {
clear: both;
width: 90%;
margin: 20px auto;
font-size: 0.8em;
color: #999;
}

#credits a:link {
color: #777;
}

#credits a:visited {
color: #777;
}

#credits a:hover {
color: #0069AA;
}


.blogfeed {
margin: 20px 0;
color: #999;
font-size: 14px;
}

.blogfeed img {
float:left;
margin: 20px 20px 5px 0;
box-shadow: 3px 3px 5px #CCC;
-mox-box-shadow: 3px 3px 5px #CCC;
-webkit-box-shadow: 3px 3px 5px #CCC;
-o-box-shadow: 3px 3px 5px #CCC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}

.blogfeed p {
margin: 5px!important;
}




#blockDataWrapper table {
font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 800px;
}

#blockDataWrapper th {
padding: 0 0.5em;
text-align: left;
background-color: #EEE;
}

#blockDataWrapper td {
border-bottom: 1px solid #CCC;
padding: 0 0.5em;
margin: 0 0.5em;
}