/********************************************************************************************/
/* TYPOGRAPHY - define all font faces and size rules here*/  
/********************************************************************************************/

body {font-family: Arial, sans-serif;margin-top:0px;}
#header, h1 {font-family:Arial, sans-serif;}
#header .navigation {line-height: 40px;}
#header ul.navigation li {font-size:15px; line-height:40px; text-transform:lower;}
ul.navigation{margin-bottom:0px;}

#footer {font-size:10px;border-top:1px solid #DDDDDD; text-align:center;padding:20px 0 0;}

.navigation a {text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight:normal; border-right:1px solid #BDCDD1;
}

.last{border-right:none;}

.tabs {line-height: 40px;}
.tabs li a {height:40px;line-height:40px;margin-right:1px; #margin-right:5px;}

a{color:#3d6b91; letter-spacing:0.1em}

h1 {font-size:26px; font-weight:normal; line-height: 32px; color:#88B1BF; border-bottom:1px solid #ddd; margin-bottom: 15px;}
h2 {font-size:14px; font-weight:bold; line-height: 16px; margin-bottom:10px;}
h3 {font-size:12px; font-weight:bold; line-height: 14px;}

p, ul, li {font-size:12px;line-height:15px; letter-spacing:0.02em; margin-bottom:5px;}
p{margin-bottom:10px;}

ul{margin-left:15px;}

.quote{font-style:italic; font-size: 16px; color:#437089; line-height:20px; margin-bottom:15px;}

#header ul.navigation {line-height:50px;position:absolute;z-index:200;}
ul.tabs li {font-size:16px; line-height: 20px;}

.flashembedder{margin:0px;position:absolute; z-index:2;}
.flashoverlay{width:940px; position:relative;z-index:2000; display:block; height:700px; background: transparent;}


/********************************************************************************************/
/* FORMS */
/********************************************************************************************/

form.basic-search, form.refine-search {padding: 7px 0px 0px 0px}
label {font-weight: normal;line-height:20px;}
input[type="text"], input[type="password"], select {padding:4px;width:270px;line-height:11px;font-size:11px;}
textarea {padding:4px;width:270px;line-height:11px;font-size:11px;}
.submit {float:right; display:block; width:160px; height:55px; background: url('../images/submit.gif') no-repeat top left;}


/********************************************************************************************/
/* BOX COLOURS, BORDERS ETC */
/********************************************************************************************/

body{background: #fff url(../images/background.jpg) no-repeat; background-position: 50% 0%;}
#main{background:#fff;}
#header .navigation, .box .content {background-color:transparent;}
#header {background: #fff url(../images/logo.gif) no-repeat 0px 10px;}
#header .navigation {background: url(../images/nav.gif) top left no-repeat;}
#footer{background: transparent;}


.buttonbuilders, .buttonproperty, .buttondesign, .buttonfinance{
display:block; 
width:338px;
height:113px;
float:left;
}

.buttonproperty{
background: transparent url(../images/button_property.png) no-repeat top left;
behavior: url(../procorpgroup/stylesheets/iepngfix.htc);
margin:0px 0px 0px 120px;
_margin:0px 0px 0px 60px;
}

.buttonbuilders{
behavior: url(../procorpgroup/stylesheets/iepngfix.htc);
background: transparent url(../images/button_builders.png) no-repeat top left;
margin:0px 0px 0px 0px;
}

.buttondesign{
behavior: url(../procorpgroup/stylesheets/iepngfix.htc);
background: transparent url(../images/button_designs.png) no-repeat top left;
margin:0px 0px 0px 120px;
_margin:0px 0px 0px 60px;
}

.buttonfinance{
behavior: url(../procorpgroup/stylesheets/iepngfix.htc);
background: transparent url(../images/button_finance.png) no-repeat top left;
}

.breakout{
	width:264px;
	height:164px;
	background: url(../images/breakout_bg.gif) no-repeat top left;
	padding:20px;
	}


/********************************************************************************************/
/* FONT COLOURS, ICONS ETC */
/********************************************************************************************/

.navigation a {text-decoration: none;color:#437089;}
.navigation a:hover {text-decoration: none; color: #40abfa;}
#footer .navigation a {font-size:10px; text-decoration: none;color:#437089; text-align:center;}
#footer .navigation a:hover {text-decoration: none; color: #40abfa;}


/********************************************************************************************/
/* NAVIGATION */
/********************************************************************************************/

/********************************************************************************************/
/* FORMS */
/********************************************************************************************/

hr{border-left:0 solid #FFFFFF;
border-top:1px solid #DDDDDD;
color:#DDDDDD;
height:1px;
line-height:1px;
margin-top:20px;}

.contact-form{}
.contact-details span{line-height: 15px; padding:0px;}
p.contact-details{padding:0px; margin:0px;}

textarea, input, select {border:1px solid #88b1bf; background:#e8eeef;}
.example {color:#3d6b91;font-style:italic;}