@import url(http://www.gascoines.com/styles/search.css);
@import url(http://www.gascoines.com/styles/nav.css);
@import url(http://www.gascoines.com/styles/featprop.css);
@import url(http://www.gascoines.com/styles/contact.css);

/*********************************
STRUCTURE
*********************************/

html, body{
	margin: 0;
	padding: 0;
	background: url(http://www.gascoines.com/images/body_bkg.gif) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
}

#outer_container{
	background: url(http://www.gascoines.com/images/footer_bkg.gif) repeat-x bottom left;
}

#inner_container{
	position: relative;
	width: 758px;
	margin: 0 auto;
	text-align:left;	
}

#side_column{
	position: absolute;
	top: 0; 
	left: 0;
	width: 120px;
}

#logo img{
	border:none;
}

#header{
	position: relative;
	z-index:1;
	width: 638px;
	margin: 0 0 0 120px;
}
#heading1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*********************************
FEATURE PROPERTY (EXTERNAL FILE)
*********************************/
/*********************************
QUICK SEARCH (EXTERNAL FILE)
*********************************/
/*********************************
NAVIGATION (EXTERNAL FILE)
*********************************/

/*********************************
CONTENT
*********************************/

#content {
	clear: both;
	float:left;
	width: auto;
	height: 280px!important;
	margin: 0;
	padding: 20px 20px 10px 140px;
	background: url(http://www.gascoines.com/images/content_bkg.gif) no-repeat bottom right;
}
div#inner_container > div#content  {
	min-height: 280px;
	/* Hide from IE-Mac (resolving the min-height problem) \*/
	height: auto!important;
	/* End hide */
}

#content h2 {	
	margin: 20px 0 10px 0;
	padding: 0;
	color: #02543D;
	background: transparent;
}

#content p, #content ul li{
	margin: 0 0 12px 0;
	line-height: 150%;
	font-size: 0.7em;
	color: #02543D;
	background: none;
}

#content p span, #content h3 span{
	color: #F58B23;
	background: none;
	font-weight:bold;
}

#content h3{
	margin: 20px 0 10px 0;
	padding: 0;
	font:bold 0.9em "Gill Sans MT", Arial, Helvetica, sans-serif;
	color: #02543D;
}

#content img{
border: 1px solid #ccc;
padding: 2px;
}

#content .noborder{
border:none;
}

#content .floatleft{
float:left;
margin:0 10px 10px 0;
}

#content .floatright{
float:right;
margin:0 0 10px 10px;
}

#content #conv{
float:right;
font-size:10px;
text-align:center;
}

#content #conv img{
border:none;
display:block;
}

#content .slogan{
font-size:1.2em;
text-align: center;
}

#content .warning{
font-size:0.6em;
font-weight:bold;
text-transform:uppercase;
text-align: center;
padding:5px 0;
}

#content .smallprint{
font-size:0.55em;
text-align: center;
}

#content .footnote{
	clear:both;
	text-align: center;
	font-style:italic;
	padding:10px 0 0 0;
}

a:link{color:#01271D;}
a:visited{color:#649E8F;}
a:hover{text-decoration:none; color:#B76009;}
a:active{color:#E7790C;}

/*********************************
CONTACT US; VCARDS (EXTERNAL FILE)
*********************************/
/*********************************
PAGE TITLES
*********************************/

#content h2#home_title, #content h2#about_title, #content h2#sales_title, #content h2#lettings_title, #content h2#conv_title, #content h2#mort_title, #content h2#contact_title,#content h2#propsale{
	height: 33px;
	margin: 0 0 10px 0;
	padding: 25px 0 0 0;
	background: no-repeat bottom left;
}

#content h2#home_title {width: 324px; background-image: url(http://www.gascoines.com/images/titles/www_greeting.gif);}
#content h2#about_title {width: 92px; background-image: url(http://www.gascoines.com/images/titles/about.gif);}
#content h2#sales_title {width: 142px; background-image: url(http://www.gascoines.com/images/titles/sales.gif);}
#content h2#lettings_title {width: 172px; background-image: url(http://www.gascoines.com/images/titles/lettings.gif);}
#content h2#conv_title {width: 131px; background-image: url(http://www.gascoines.com/images/titles/conveyancing.gif);}
#content h2#mort_title {width: 98px; background-image: url(http://www.gascoines.com/images/titles/mortgages.gif);}
#content h2#contact_title {width: 107px; background-image: url(http://www.gascoines.com/images/titles/contact.gif);}
#content h2#propsale {width: 145px; background-image: url(http://www.gascoines.com/images/titles/propsales.gif);}


#content h2 span{
	display: none;
}

#alert {
float: right;
display: block;
width: 150px;
margin: 0 0 5px 20px;
padding: 5px 10px;
background-color: #F58C23;
color: #fff;
}

#alert p{
margin:0;
}

#alert a:link {color: #fff; text-decoration: none;}
#alert a:visited {color: #fff; text-decoration: none;}
#alert a:hover {color: #fff; text-decoration: underline;}
#alert a:active {color: #fff; text-decoration: none;}

/*********************************
FOOTER
*********************************/

#footer {
	clear:both;
	position: relative;
	width: 100%;
	height: 50px;
	background: url(http://www.gascoines.com/images/footer_bkg.gif) repeat-x top left;
	text-align: right;
}

#footer p {
	float: right;
	width: 300px;
	height: 25px;
	margin: 0;
	padding: 25px 0 0 0;
	color: #02543D;
	background:inherit;
	line-height: 25px;
	font-size: 0.5em;
	text-transform: uppercase;
}

#footer a{
	display: block;
	float: left;
	margin: 25px 0 0 0;
	height: 25px;
	background: no-repeat;
}

a#rics_link{width:62px; background: url(http://www.gascoines.com/images/portals/rics_logo.gif);}
a#rics_link:hover{background-position:-62px 0;}
a#vebra_link{width:89px; background: url(http://www.gascoines.com/images/portals/vebra_logo.gif);}
a#vebra_link:hover{background-position:-89px 0;}
a#fish4_link{width:93px; background: url(http://www.gascoines.com/images/portals/fish4homes_logo.gif);}
a#fish4_link:hover{background-position:-93px 0;}
a#rightmove_link{width:103px; background: url(http://www.gascoines.com/images/portals/rightmove_logo.gif);}
a#rightmove_link:hover{background-position:-103px 0;}

#footer a span{display:none;}

/******** rs Property Sales Page *********/

#content div.butflt{
	float:left; width:266px; height:224px; margin:0; padding:0;
}

#content div.butflt a{
	color:#01271D;
}

#content div.butflt a:hover{
	color:#B76009;	
}

#content div.butflt h4{
	margin:5px 0 0 0; padding:0; font-size:12px; font-weight:bold;
}

#content div.butflt p span{
	display:block; margin:10px 0 0 0; font-weight:normal;
}

#content div.butflt img{
	margin:0; padding:0; border:0;
}