/* ===================  CSS for Shaun Michael Estates */
/* ==================== Created by Tiger Two Creative Designs */
/*====================== info@tigertwo.co.uk */

/*=================================================preamble */

* {
margin: 0;
padding: 0;
}

body {
background-color: #FCF0C8;
font-family:Arial, Helvetica, sans-serif;
font-size: smaller;
}

/*====================================================layout */

#container {
border: 1px solid #006233;
width: 800px;
position: relative;
margin: 0px auto 30px auto;
background-color:#FFFFFF;
padding-bottom: 10px;
}

#header {
position: relative;
width: 800px;
height: 120px;
background-color: #006233;
color: #F1CD44;
font-size: 85%;
}

body[id=sme] #header {
height: auto;
min-height: 130px;
}

#nav{
position: relative;
width: 800px;
height: 25px;
background:url(images/fallibletabs.jpg) no-repeat;
}

#special {
background: #FCF0C8 url(images/boxtop.gif) no-repeat top center;
width: 497px;
position:relative;
margin: 20px 0px 20px 260px;
text-align:center;
font-size: 110%;
}

#main {
width: 497px;
position:relative;
margin: 20px 0px 20px 260px;
}

#pow {
border-left: 1px solid #006233;
border-right: 1px solid #006233;
border-bottom: 1px solid #006233;
width: 497px;
position:relative;
margin-left: 260px;
}

#box, #box2, #box3 {
border-top: 1px solid #006233;
width: 200px;
height: 60px;
display:block;
float:left;
color: #006233;
font-weight: bold;
font-size:120%;
clear:left;
}

#box img, #box2 img, #box3 img {
float:left;
}

#box p, #box2 p, #box3 p {
text-align:right;
margin-top: 20px;
}
#box2 p {margin-top: 10px !important;}
#box { margin-top: 25px; }
#box3 { border-bottom: 1px solid #006233; }

#clientbox {
width: 200px;
float: left;
clear:left;
height: 283px;
background: url(images/clientsforlife.jpg) no-repeat;
}

.clients {
background:url(images/clientsback.gif) no-repeat;
}
/*======================================================navigation */

ul {
text-align:left;
}

li {
display: inline;
font-weight: bold;
width: 110px;
}

li.home {margin: 7px 30px 3px 40px;}
li.about {margin: 7px 19px 3px 34px;}
li.sale {margin: 7px 19px 3px 37px;}
li.let {margin: 7px 19px 3px 42px;}
li.mortgage {margin: 7px 19px 3px 39px;}
li.community {margin: 7px 15px 3px 8px;}
li.contact {margin: 7px 0px 3px 10px;}

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

/*======================================================styled tags */

#header img {
float:left;
margin: 20px 0px 10px 50px;
}

#header p {
float: right;
margin: 15px 30px 0px 0px;
text-align:right;
}

body[id=sme] #header p {
margin-right: 50px;
}

#pow p.blah {
	position: absolute;
	width: 245px;
	line-height: 15pt;
	left: 250px;
	top: 0px;
}

body[id=sme] #pow p {
left: 0px;
top: 150px;
margin-left: 250px;
margin-top: -160px;
}

span {color: #006233;}

#special h1 {color: #006233; font-size:125%; margin-top: 5px; margin-bottom: 5px;}
#special h2 {
	font-size:110%;
	padding-top: 3px;
	margin-top: 5px; 
	margin-left: 5px; 
	margin-right: 5px;
	}
#special h2.bottom {
	background:url(images/boxbottom.gif) no-repeat bottom center; 
	padding-bottom: 9px; 
	margin-left: 0; 
	margin-right: 0;
	}

h3 { 
	font-size:120%;
	color: #006233; 
	background-color:#FFFFFF;
	text-indent: 5px;
	margin-left: 260px;
	margin-top: 50px;
	}

#main h2 {
color: #006233;
font-size: 135%;
margin-bottom: 20px;
}

#main p {
margin-bottom: 10px;
}

p.images {
text-align:center;
padding-top: 10px;
clear:left;
}

p.images img {
padding-left: 10px;
padding-right: 10px;
border: 0;
}

#clientbox p {
color: #006233;
margin: 80px 10px 40px 10px;
text-align:center;
}

table, td {
border: 1px solid #F1Cd44;
}

table {width: 100%;}
td {padding-left: 3px;}
td.number {width: 100px;}

table.reg, td.reg {
border: 0;
}

h4 { color: #006233; font-weight:bold;}

form {
border: 1px solid #006233;
padding: 10px 10px 10px 10px;
width: 330px;
}

input, select, textarea {float:right;}
body[id=sme] input, select, textarea {float:none; margin-top: 2px;}
input.btn {
	border: 1px solid #006233;
	margin-top: 10px;
	width: 150px;
	float:none;
	}

textarea {
	height: 50px;
	}

/*=========================================================links */

a.top:link {color: #F1CD44; text-decoration:none;}
a.top:visited {color: #F1CD44; text-decoration:none;}
a.top:hover {color: #F1CD44; text-decoration:underline;}
a.top:active {color: #F1CD44; text-decoration:none;}

body[id=sme] a.top:hover {text-decoration: none; border-bottom: 1px dotted #F1CD44;}

a:link {color: #006233; text-decoration:none; font-weight:bold;}
a:visited {color: #006233; text-decoration:none; font-weight:bold;}
a:hover {color: #006233; text-decoration:underline; font-weight:bold;}
a:active {color: #006233; text-decoration:none; font-weight:bold;}

body[id=sme] a:hover {text-decoration: none; border-bottom: 1px dotted #006233;}