/* - - Website designed and developed by Metastar - -*/
/* - - http://www.metastar.co.uk - -*/
/* - - v1: 27.02.08 - -*/
/* - - v2: 21.08.08 - -*/

/* - - GENERAL ELEMENTS - -*/
body{font:12px Arial,Helvetica,sans-serif;line-height:150%;background:#FFF;margin:15px 0px 30px 0px;padding:0px;text-align:center;color:#666;}
h1{font-size:13px; font-weight:bold;margin:0px 0px 15px 0px;color:#5566aa;}
h2{font-size:12px;font-weight:bold; margin-top:30px;}
h3{font-size:12px;font-weight:bold; margin:20px 0 0 0;}
h4{font-size:12px;font-weight:bold;line-height:120%; margin:15px 0 15px 0;color:#5566aa;width:350px;}
p{margin:0px 0px 10px 0px;}
img{margin:0px;padding:0px;border:none;}
ul{list-style-type:disc;margin:0px 0px 6px 13px;padding:0px;}
li{margin:0px;padding:4px 0px 4px 0px;}
dl{margin-top:20px;font-weight:bold;}
dt{margin-top:10px;}
dd{font-weight:normal;margin-left:0;}
a:link,a:visited,a:hover,a:active{text-decoration:none;font-weight:bold;color:#5566aa;}
.email a:link,.email a:visited,.email a:hover,.email a:active{font-weight:normal;}
/* - - CONTAINER - -*/
#container{width:942px;background:#FFF;margin:0px auto;text-align:left;background:#FFF url(General/borderDot.gif) 220px 250px repeat-y;}
.white {background-color:#FFFFFF; height:25px;}
/* - - TOP - -*/
#logo{padding:15px 0px 15px 2px; background:#FFF;} 
#masthead{clear:both; color:#FFF; background:#FFF url(General/mastheadN2.jpg) right top no-repeat;height:160px;}	
/* - - NAV BAR - -*/
#mainNav{float:left;width:180px;margin:0 0 30px 0; padding:2px 25px 2px 0;font-size:12px;}
#mainNav ul{list-style-type:none;margin:0px;padding:0px;}
#mainNav li{margin:0;border-top:#484FBD 1px dotted; padding:4px 0 4px 2px;}
#mainNav ul li ul { margin:3px 0 -4px 0;border-bottom:none;}
#mainNav ul li ul li {margin-left:-2px; padding:4px 0 4px 10px;border-top:none;}
#mainNav ul li ul li ul {margin:3px 0 -4px 0;border-bottom:none;}
#mainNav ul li ul li ul li {margin-left:-10px;padding:4px 0 4px 20px;}
#mainNav li#selected{display:block;color:#484FBD;background: #fff url(General/arrow.gif) 100% 9px no-repeat;}
#selected a:link,#selected a:visited,#selected a:hover,#selected a:active{color:#484FBD;}
#mainNav ul li ul li#selected{display:block;color:#484FBD;background: #fff url(General/arrow.gif) 100% 8px no-repeat;}
#mainNav li#selectBotBorder{display:block;color:#484FBD;background: #fff url(General/arrow.gif) 100% 9px no-repeat;border-bottom:#484FBD 1px dotted;}
#mainNav li#borderBottom {border-bottom:#484FBD 1px dotted;}
#mainNav h4{color:#484FBD; font-weight:bold; margin:0 0 5px 0;}
#mainNav a:link,#mainNav a:visited,#mainNav a:hover, #mainNav a:active{text-decoration:none;display:block;font-weight:normal;}
#mainNav a:link,#mainNav a:visited,#mainNav a:active{color:#7E8082;}
#mainNav a:hover {color:#484FBD; background: #fff url(General/arrow.gif) 100% 4px no-repeat; }
#contactBox{margin-top:40px;border-top:#484FBD 1px dotted;border-bottom:#484FBD 1px dotted;;padding:8px 4px;}
#contactBox ul{ list-style-type:none;}
#contactBox li{padding:2px 0px 2px 25px; border:none;}
#contactBox li#tel{background:#FFF url(General/telephone.gif) 0% 50% no-repeat;}
#contactBox li#email{background:#FFF url(General/email.gif) 0% 50% no-repeat;}
#contactBox a:link,#contactBox a:visited,#contactBox a:hover, #contactBox a:active {padding:0;}
#contactBox a:hover {background-image: none; }
/* - - MAIN CONTENT - -*/
#mainContent{margin:0 0 0 221px;padding:0 0 0 25px;text-align:justify;} 
#mainContent img{padding:0px 0px 15px 0px;margin:0px;}
.mainContentPicture{float:right;margin:0px 0px 30px 40px;text-align:center;}
.mainContentPicture img{padding:0;margin:0 0 15px 0;}
#mainContentPictureLeft{float:left;margin:0px 30px 60px 0;text-align:center;}
#mainContentTextLeft{float:left; width:450px; padding-bottom:30px;}
#caseStudiesPicture{float:right;margin:0px 0px 30px 40px;text-align:center;}
#caseStudiesPicture img{padding:0;margin:0 0 60px 0;}
#mainContentPicture h1{padding:0px 0px 0px 10px;}
#mainContentText{margin:0px 0px 0px 154px;padding:0px 0px 0px 27px;}
#fsa{background:#FFF url(General/borderDot2.gif) left top repeat-x;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;}
/* - - MAIN CONTENT HOME PAGE - -*/
#mainContentBottom{margin:20px 0px 0px 0px;padding:20px 0px 0px 0px;background:#FFF url(General/borderDot2.gif) left top repeat-x;}
.mainContentBottomBox{background-color:#E3E7EA;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;width:170px; height:330px;margin:0px 4px 0px 0px;padding:0;font-size:x-small;color:#333;text-align:left;}
.mainContentBottomBoxText{margin:0px;padding:0px 10px 0px 10px;}
.mainContentBottomBox h1{padding:10px 10px 0px 10px;font-size:12px;font-weight:bold;color:#484FBD;font-family:Arial, Helvetica, sans-serif;}
.mainContentBottomBox h1 a:link,.mainContentBottomBox a:visited,.mainContentBottomBox a:hover,.mainContentBottomBox a:active{font-size:12px;font-weight:bold;color:#484FBD;font-family:Arial, Helvetica, sans-serif;margin:0; padding:0 0 10px 0;}
.mainContentBottomBox img{padding:15px 0px 15px 0px;margin:0px;}
.smallLink a:link,.smallLink a:visited,.smallLink a:hover,.smallLink a:active{float:right;font-size: 10px;font-family:Arial,Helvetica,sans-serif;margin:10px 10px 0px 0px;color:#484FBD;font-weight:normal;padding-top:5px;}
/* - - PROPERTY PROFESSIONALS - -*/
.mainContentBottomBox2{background-color:#E3E7EA;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;width:170px; height:275px;margin:0px 3px 0px 0px;padding:0;font-size:x-small;color:#333;text-align:left;}
.mainContentBottomBox2 h1{padding:10px 10px 0px 10px;font-size:12px;font-weight:bold;color:#484FBD;font-family:Arial, Helvetica, sans-serif;}
.mainContentBottomBox2 h1 a:link,.mainContentBottomBox2 a:visited,.mainContentBottomBox2 a:hover,.mainContentBottomBox2 a:active{font-size:12px;font-weight:bold;color:#484FBD;font-family:Arial, Helvetica, sans-serif;margin:0; padding:0 0 10px 0;}
.mainContentBottomBox2 img{padding:15px 0px 15px 0px;margin:0px;}
.smallLink2 a:link,.smallLink2 a:visited,.smallLink2 a:hover,.smallLink2 a:active{float:right;font-size: 10px;font-family:Arial,Helvetica,sans-serif;margin:10px 10px 0px 0px;color:#484FBD;font-weight:normal;padding-top:5px;}
/* - - SUB LISTS - -*/
ul.subLi {list-style-type:none;margin:0px 0px 0px 5px;padding:0px;}
li.subLi {margin:0px;padding:5px 0px 5px 0px;}
/* - - SITEMAP - -*/
table#sitemap {border-collapse:collapse; width:696px;}
#sitemap a:link,#sitemap a:visited,#sitemap a:hover,#sitemap a:active{text-decoration: none;font-weight:bold;color:#5566aa;}
#sitemap td{ padding:5px 40px 5px 5px;background-color:#E3E7EA; border-right:#FFF 3px solid;border-bottom:#FFF 3px solid;}
#sitemap td.more{background:#E3E7EA url(General/arrowSitemap.gif) 90% 50% no-repeat;}
/* - - ABOVE FOOTER - -*/
#aboveFooter {clear:both; background:#FFF url(General/borderDot2.gif) bottom repeat-x; height:40px;}
/* - - FOOTER - -*/
#footer{ background-color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;} 
#footer strong {font-weight:normal;}
#footer a:link,#footer a:visited,#footer a:active{color:#666;font-size:9px;font-weight:normal;text-decoration:none; letter-spacing:0.09px;}
#footer a:hover{text-decoration:underline;}
#footer ul{list-style-type:none;margin:0;padding:4px 0 4px 246px;}
#footer li{display:inline;margin:0px 30px 0px 0px;padding:0;}
/* - - MORE - -*/
p.case{width:350px; margin-bottom:0;}
.lineCS {text-align:right; width:100%; background:#FFF url(General/borderDot2.gif) bottom repeat-x;height:20px; margin-bottom:20px; margin-top:0;}
.caseBack{margin-top:30px;background:#FFF url(General/borderDot2.gif) left top repeat-x;padding-top:12px;}
.aboutBack{margin-top:30px;background:#FFF url(General/borderDot2.gif) left top repeat-x;padding-top:12px; width:506px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
.clearBoth	{clear:both; line-height:1px;}
.spacer{clear:right;}