@charset "UTF-8";
/* CSS Document */

a:link{
	color:#006666;
	text-decoration: underline;
}
a:visited{
	color:#003333;
}
a:link:hover{
	color:#003333;
}
a:active{
	color:#003333;
}

* {
	margin: 0;
}

html, body {
	height: 100%;
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-image: url("../commonimages/page_bg.gif");
	background-position: top;
	background-repeat: repeat-x;
	background-color: #e8f3f6;
	font-family: Arial, Helvetica;
	font-size: 10pt;
}

/*container round corner divs*/
.rounded_box {
	border: 0px solid #ffffff;
	margin: 26px 15px;
	padding: 15px 15px;
	text-align: left;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: #666 0px 0px 8px;
	-moz-box-shadow: #666 0px 0px 8px;
	box-shadow: #666 0px 0px 8px;
	background: #ffffff;
	behavior: url(http://www.grumittwade.com/TEST/scripts/PIE.php);
}
.rounded_box p{
padding:0.5em 0px 0.5em 0px;
}


.casestudy_page_picture {
border: 0px;
margin: 10px 15px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
-webkit-box-shadow: #666 0px 0px 8px;
-moz-box-shadow: #666 0px 0px 8px;
box-shadow: #666 0px 0px 8px;
behavior: url(http://www.grumittwade.com/TEST/scripts/PIE.php);
}

/*container div heights*/
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:940px;
	height:600px;
}

div#container_index {
	position:relative;
	margin:0 auto;
	width:940px;
	height:68em;
	z-index:0;
	z-index: 1;
}

div#container_services {
	position:relative;
	margin:0 auto;
	width:940px;
	height:400em;
	z-index: 1;
}
div#container_services_residential {
	position:relative;
	margin:0 auto;
	width:940px;
	height:183em;
	z-index: 1;
}
div#container_services_commercial {
	position:relative;
	margin:0 auto;
	width:940px;
	height:127em;
	z-index: 1;
}
div#container_services_legal {
	position:relative;
	margin:0 auto;
	width:940px;
	height:147em;
	z-index: 1;
}
div#container_services_architectural {
	position:relative;
	margin:0 auto;
	width:940px;
	height:110em;
	z-index: 1;
}

div#container_casestudies {
	position:relative;
	margin:0 auto;
	width:940px;
	height:90em;
	z-index: 1;
}

div#container_cs1 {
	position:relative;
	margin:0 auto;
	width:940px;
	height:79em;
	z-index: 1;
}

div#container_cs2 {
	position:relative;
	margin:0 auto;
	width:940px;
	height:74em;
	z-index: 1;
}

div#container_cs3{
	position:relative;
	margin:0 auto;
	width:940px;
	height:80em;
	z-index: 1;
}

div#container_cs4{
	position:relative;
	margin:0 auto;
	width:940px;
	height:90em;
	z-index: 1;
}

div#container_links {
	position:relative;
	margin:0 auto;
	width:940px;
	height:90em;
	z-index: 1;
}

div#container_contact {
	position:relative;
	margin:0 auto;
	width:940px;
	height:30em;
	z-index: 1;
}

div#container_sitemap {
	position:relative;
	margin:0 auto;
	width:940px;
	height:68em;
	z-index: 1;
}

div#container_mark {
	position:relative;
	margin:0 auto;
	width:940px;
	height:54em;
	z-index: 1;
}

div#container_william {
	position:relative;
	margin:0 auto;
	width:940px;
	height:53em;
	z-index: 1;
}

div#container_john {
	position:relative;
	margin:0 auto;
	width:940px;
	height:72em;
	z-index: 1;
}

div#container_about {
	position:relative;
	margin:0 auto;
	width:940px;
	height:50em;
	z-index: 1;
}

#container > #footer { position: fixed; bottom: 0px; right: 0px; } 

div#main {
	/*padding:1em 1em 5em;  bottom padding for footer */
	height: 100%;
	z-index: 1;
	margin-top: 20px;
}

#maincontainer{
	width: 940px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	z-index: 1;
}

#topsection{
	height: 240px; /*Height of top section*/
	background-color: #006077;
	padding-top: 0px;
	margin_left: -15px;
}
#nav{
	height: 120px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	z-index: 2;
	margin_left: -15px;
	margin_top: -100px;
	
}
#banner{
	position:relative;
	margin:0 auto;
	width:940px;
	align:center;
	top: -10px;
	left: -17px;
	z-index: 400;
	height: 250px;
	overflow: visible;
	z-index:400;
}

#titles {
	width: 940px;
	position: absolute;
	top: 12px;
	left: 10px;
	height: 65px;
	padding-top: 10px;
	z-index: 400;
}

#column_1 {
	width: 584px;
	position: absolute;
	top: 81px;
	left: -12px;
}

#col1_1st{
	z-index: 0;
}

#col1_2nd{
	z-index: 2;
}


#column_2 {
	width: 387px;
	position: absolute;
	top: 81px;
	left: 566px;
	height: 607px;
}

#column_1_casestudies {
	width: 588px;
	position: absolute;
	top: 76px;
	left: -12px;
} 

#column_2_casestudies {
	width: 377px;
	position: absolute;
	top: 90px;
	left: 567px;
}

#column_1_casestudies_detail {
	width: 588px;
	position: absolute;
	top: 74px;
	left: -12px;
}

.thumb_left {
float: left;
padding: 0px 10px 0px 0px;
border: 0;
}

.inset_for_thumb {
	float: left;
	padding: 0px 0px 0px 90px;
	border: 0;
}

.float_right {
float: right;
border: 0;
}
.float_left {
float: left;
border: 0;
}

hr{
	margin-top:-15px;
	height: 1px;
	color: #666666;
	padding:0px;
	border-bottom:1px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	display:block;

}
h1{
	margin-bottom:0.35em;
	font-size: 22pt;
	color: #000000;
	font-weight: normal;
}
h2{
	font-size: 18pt;
	color: #006666;
	font-weight: normal;
}

h3{
	margin-top:0px;
	margin-bottom:0px;
	border-bottom: 1px solid #666666;
	font-weight: bold;
	font-size: 12pt;
	color: #333333;
}

h4{
	margin-top:0px;
	margin-bottom:0px;
	font-weight: bold;
	font-size: 12pt;
	color: #006666;
}

h5{
	margin-top:0px;
	margin-bottom:0px;
	border-bottom: 1px solid #009999;
	font-weight: bold;
	font-size: 10pt;
	color: #009999;
	text-decoration: none;
}


#column_1_contact {
	width: 483px;
	position: absolute;
	top: 80px;
	left: -12px;
}
#column_2_contact {
	width: 482px;
	position: absolute;
	top: 80px;
	left: 482px;
}

#footer{
	width: 100%;
	height: 35px;
	background: 000000;
	color: #ffffff;
	text-align: center;
	background-image: url(../commonimages/gw_footer_bg.jpg);
	background-repeat: repeat-x;
	z-index: 1000;
}
#footer_text{
	color: #ffffff;
	text-align: center;
	padding: 8px 0 0 0;
	font-family: Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
}
#footer_width_restrictor{
	width: 720px;
	text-align: center;
	padding: 0 0 0 0;
	align: center;
	margin: 0 auto;
}

#RICS{
	padding: 0 0 0 0;
	float: left;
}

#amber_pics {
	float: right;
	width:146px;
	height:248px;
	top:-100px;
	z-index:5000;
}

#amber_logo {
	float: left;
}

#amber_button {
	position: relative;
	padding-bottom:8px;
}

.bulldog {
	position: relative;
	top: -30px;
	margin-left:-100px;
	float:left;
	width: 112px;
	z-index:2000;
	background-image:url("../commonimages/bulldog_clip_slant.png");
	background-repeat: no-repeat;
	height: 116px;
}

.bulldog_casestudymain {
	position: relative;
	top: 20px;
	margin-left:-80px;
	float:left;
	width: 100px;
	z-index:2000;
	background-image:url("../commonimages/bulldog_clip.jpg");
	background-repeat: none;
	height: 100px;
}

.cs_mainimage{
	position: absolute;
	top: 105px;
	left: 9px;
	width: 539px;
	z-index:600;
	height: 344px;
}

casestudies_mainimage {
	position: absolute;
	top: -20px;
	right: 0px;
	z-index:100;
}
	
.case_study_photo {
	position: absolute;
	top: -20px;
	right: 319px;
	z-index:100;
}

/* services_page_teaser_panels*/

.services_teaser {
	border: 0px;
margin: 10px 15px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
-webkit-box-shadow: #666 0px 0px 8px;
-moz-box-shadow: #666 0px 0px 8px;
box-shadow: #666 0px 0px 8px;
behavior: url(http://www.grumittwade.com/TEST/scripts/PIE.php);
background-image:url("commonimages/grumitt_wade_services/grumitt_wade_services_residential_building_survey_homebuyers_report.jpg");
	}
	
.services_teaser_box {
	position:relative;
	height:151px;
	margin-top:10px;
	margin-bottom:10px;
}
	
	
.service_title {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 528px;
	z-index:200;
	font-weight: bold;
	font-size: 14pt;
	color: #ffffff;
	height: 28px;
	}
	
.service_teaser_text {
	position: absolute;
	top: 60px;
	left: 30px;
	width: 309px;
	z-index:200;
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	height: 66px;
}

.service_title_green {
	position: absolute;
	top: 24px;
	left: 30px;
	width: 529px;
	z-index:200;
	font-weight: bold;
	font-size: 14pt;
	color: #006666;
	height: 28px;
	}
	
.service_teaser_text_green {
	position: absolute;
	top: 60px;
	left: 30px;
	width: 283px;
	z-index:200;
	font-weight: bold;
	font-size: 12pt;
	color: #006666;
	height: 69px;
}

 

/* news ticker stuff */
#services { 
width:310px; 
height:200px; 
border:0px; 
overflow:hidden; 
top: 0px;
left: 0px;
}

#ticker { 
width:310px; 
height:200px; 
border:0px; 
overflow:auto; 
top: 0px;
left: 0px;
}

#ticker dt { 
font:normal 9pt; 
padding:0 0px 0px 0px;  
border-bottom:none; 
border-right:none; 
position:relative; 
}

#ticker dd { 
margin:0 0 5px 0;
font:normal 9pt; 
padding:0 0px 0px 0px; 
position:relative; 
}

#ticker div { 
margin-top:0; 
}