/* IMPORT core menu script */
@import url("menu.css");

/* GLOBAL RESET by Eric Meyer
==================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; }
caption, th, td { text-align: left; font-weight: normal; }
th p { text-align: right; margin-left: 2em;}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* GENERAL
==================================================*/

body { background: url("images/body_bg.jpg") no-repeat 50% 0% #F5F5F5; font-family: Verdana, Helvetica, "Sans-Serif"; font-size: 64.5%; line-height: 200%; color: #555;/*  text-shadow: 0 0 0 transparent; */ }

/* HEADERS */
h1 { margin: 0 0 1em 0; font-family: "Lucida Sans" Geneva, Arial, Helvetica, sans-serif; font-size: 2.2em; font-weight: normal; letter-spacing: -1px; color: #1776CF; }
h2 { margin: 0 0 1em 0; font-family: "Lucida Sans" Geneva, Arial, Helvetica, sans-serif; font-size: 1.8em; font-style: italic; font-weight: normal; text-transform: none; letter-spacing: -1px; color: #7FC8FF; }
h3 { margin: 0 0 1em 0; font-family: "Lucida Sans" Geneva, Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: normal; text-transform: none; letter-spacing: -0.8px; color: #1776CF; }
h4 { margin: 0 0 1em 0; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 1.8em; font-weight: normal; letter-spacing: -0.5px; color: #1776CF; }

img { border: 0; padding: 0; margin: 0; }
p { margin: 0 0 1.2em 0; display: block; font-size: 1.2em; }
p.form { margin: 0 0 0.4em 0; text-align:right }
strong { font-weight: bold; }
em { font-style: italic; }

ul, ol { font-size: 1.2em; }
ul li { margin: 0 0 1em 0.5em; padding: 0 0 0 1.7em; list-style: none; background: url("images/tick.gif") no-repeat 0 0.5em; }
/* Ordered list (for listing without ticks) */
ol li { margin: 0 0 1em 0; padding: 0 0 0 0.5em; list-style: none; list-style-type: decimal; }

div.notokay li { background: url("images/cross.gif") no-repeat 0 0.5em; }

a:link { text-decoration : none; color: #1F89BF; border-bottom: 1px dotted #1F89BF;}
a:active { text-decoration : underline; color : #369BCD; border: 0;}
a:visited { text-decoration : none; color: #1F89BF; border-bottom: 1px dotted #1F89BF;}
a:hover { text-decoration : underline; color:#FF720B; border: 0;}

blockquote { font-family: Georgia, 'Times New Roman', 'Serif'; font-style: italic; padding: 0 0 0 30px; background: url("images/quote.gif") no-repeat 0 0; }
blockquote a:link, blockquote a:visited { color: #555; border: none; }
blockquote a:hover, blockquote a:active { color: #000; font-style: italic; }

.okay {
	width: 80%;
	border: 1px solid #F9B96F;
	background-color: #FFDCB5;
	color: #000000;
	padding: 10px 40px 10px 40px;
	margin: auto;
}

div.notokay {
	width: 80%;
	border: 1px solid #b00;
	background-color: #ffc8b2;
	color: #bb0000;
	padding: 10px 40px 5px 40px;
	margin: auto;
}

/* DIV TEMPLATE
=============================================================*/

#container { width: 800px; margin: 0 auto; background: url("") repeat-x; padding: 0; overflow: hidden; }
#bodybg { float: left; background: #FFF; width: 800px; padding-bottom: 15px; margin: 0; }

#headercontainer { width: 100%; height: 100px; margin: 0 auto 20px auto; background: url("images/line_bgdark.gif") 0 90px repeat-x; }
#header { width: 300px; margin: 0 auto; float: left; }
#header h1 { margin: 20px 0 0 15px; font-family: Arial, Helvetica, "Sans-Serif";  font-size: 1ex; font-weight: normal; font-style: italic; text-transform: none; letter-spacing: -1px; color: #84D3E1; display: inline; }
	h1.logo { padding: 0; margin: 0; width: 270px; height: 75px; float: left; text-indent: -9999px; border: none; }
	h1.logo a:link, h1.logo a:visited { float: left; display: inline; width: 270px; height: 75px; background: url("images/logo.png") 0 50% no-repeat; border: none; }

.break { float: left; height: 1px; width: 100%; font-size: 0.1em; }
	.break.one { height: 10px; }
	.break.two { height: 20px; }

#contentholder { width: 800px; margin: 0 auto; }
#content { background: transparent; color: #444; width: 800px; float: left; margin: 0; padding: 0; } /* width was 910px! */
#content div.athird { float: left; width: 236px; padding: 0 15px; display: inline; }
#content div.ahalf { float: left; width: 370px; padding: 0 15px; display: inline; }
#content div.aquarter { float: left; width: 170px; padding: 0 15px; display: inline; }
#content div.threequarters { float: left; width: 570px; padding: 0 15px; display: inline; }
#content div.awhole { margin-left: auto ; margin-right: auto ; width: 740px; padding: 0 15px; display:block;}
#content div.indent {margin-left: 80px; margin-right: 20px; }
#content div.indentsmaller {margin-left: 20px; margin-right: 20px;}
#content p.smaller {font-size: 11px;}
#content p.smallernomargin {font-size: 11px;  margin: 0 0 0 0;}
#content div.smaller {font-size: 12px;}
#content div.awhole.whouses { background: url("images/whouses_bg2.jpg") repeat-x 0 100% transparent; padding: 3em 0 0 0; width: 800px; float: left; position: relative; top: -30px;
}
.athirdwhouses a { border: none; }
#content .athirdwhouses { text-align: center; padding: 0 15px; width: 236px; display: inline; float: left; }
	#content .athirdwhouses h1 { font-style: normal; color: #555; font-size: 1.8em; letter-spacing: -1px; margin: 1em 0 0.5em 0; }
	#content .athirdwhouses p { font-size: 1.2em; }
#content h1.whouses { font-family: Georgia, 'Serif'; font-style: italic; font-size: 2.4em; margin: 0 0 .5em 0; }

#content div.number { float: left; width: 51px; height: 51px; background: url("images/number.gif") no-repeat; line-height: 51px; text-align: center; font-size: 2.3em; color: #FFF; font-weight: bold; font-family: Arial, 'san-serif'; }
#content div.desc { float: left; width: 294px; padding: 0 0 0 20px; }
	#content div.desc h2 { letter-spacing: 0; margin-top: 10px; margin-bottom: 0.5em; font-style: normal; color: #333; }
	#content div.desc p { font-size: 1.2em; margin: 0 0 0.8em 0; padding: 0; }
	#content p.link a:link, #content p.link a:visited { font-size: 1.4em; font-family: "Lucida Sans" Geneva, Arial, Helvetica, sans-serif;}
	#content p.link a:hover, #content p.link a:active { font-size: 1.4em; border: none; }
#content div.signup { background: #F6F4F4; border: 3px dashed #FA720E; padding: 3px ; float: left; text-align: center; width: 340px; margin-top: 5ex;margin-bottom: 5ex; font-size: 1.2em; }
	#content div.signup p { text-align: right; margin: 0; }
	#content div.signup ul { text-align: left; padding: 0 ; margin: 0; }
	#content div.signup ul li { text-align: left; padding: 20px,0,0,0 ; margin: 0; }


#footerholder { width: 800px; margin: 0 auto; padding: 0; }
	#footer { float: left; width: 800px; padding: 30px 0 10px 0; margin: 0; color: #8C8C8C; background: url("images/footer_bg.gif") repeat-x 0 0 #F5F5F5; }
		#footer p { margin: 2em 0; font-size: 1.1em; }

		#footer .left { float: left; width: 540px; padding: 0; }
		#footer .right { float: right; width: 260px; padding: 0; background: transparent; font-size: 1.1em; text-align: right; }
		#footer .right span { float: right; margin: 2em 0; vertical-align: middle; font-weight: normal; }

		#footer .right a.bthreen { background: url("images/bthreen.gif") no-repeat 50% 50%; height: 16px; width: 16px; border: none; text-indent: -9999px; text-align: left; float: right; overflow: hidden; }

/* Menu
==================================================*/

#nav { width: 450px; margin: 0 auto; margin-top: 59px; padding: 0; z-index: 1; float: right; }
	#nav a:link, #nav a:visited { border: 0; }
	#nav a.current, #nav li.current a { color: #FD8009; background: url(images/line_bgdark_alt.gif) repeat-x bottom; padding-bottom: 18px; }
	#nav li { background: transparent; }

/* FORMS
==================================================*/

input.frontpage { font-size: 1em; border: solid 3px #DDD; background: #FFF; padding: 0.4em; width: 10em; color: #4D4D4D; vertical-align: middle; margin: 0; }
input.frontpageSubmit { padding: 0.1em 0.1em; font-size: 1.0em; vertical-align: middle; margin: 0; }

.field { padding-left:2px; border: 1px solid #bbb; background-color: #fff;}
.frontpagefield { padding-left:2px; border: 1px solid #bbb; background-color: #fff;}
.field[readonly] { background-color: #ddd;}
hr { height:1px; color:#bbb; }

/* =>>> td input[type="text"] { font-size: 1em; border: solid 3px #DDD; background: #FFF; padding: 0.4em; width: 20em; color: #4D4D4D; vertical-align: middle; margin: 0; }
td input[type="password"] { font-size: 1em; border: solid 3px #DDD; background: #FFF; padding: 0.4em; width: 20em; color: #4D4D4D; vertical-align: middle; margin: 0; }
input[type="submit"] { padding: 0.4em 0; font-size: 1.0em; vertical-align: middle; margin: 0; }


textarea { font-size: 1em; border: solid 3px #DDD; background: #FFF; padding: 0.4em; width: 20em; color: #4D4D4D; vertical-align: middle; margin: 0; }
 <<=== */
/* HTML input { padding: 0.4em 0; width: auto; border-style: auto; background: auto; font-size: 1.0em; vertical-align: middle; margin: auto; text-align: auto} */
/* I don't think this is wanted for anything - it looks CRAP!
textarea { font-family: Verdana, "Sans-Serif"; font-size: 1em; border: solid 1px #DDD; border-top: solid 1px #AAA; background: #FFF; padding: 0.2em; width: 35em; color: #AAA; } */

/* popups  ala /include/boxover.js
==================================================*/
div.PopupHeader { font-weight:700; width:220px; font-family:arial,sans-serif; font-size:11px; border:1px solid #A5CFE9; padding:3px; color:#fff; background:#2348A2;
		filter:alpha(opacity=85); 
		opacity:0.85;	
		}
div.PopupBody {	border-left:1px solid #A5CFE9; border-right:1px solid #A5CFE9; width:220px; border-bottom:1px solid #A5CFE9;
		font-family:arial,sans-serif; font-size:11px; padding:3px; color:#FFFFFF; background:#82A6FE; }

div.pwpop { width:150px !important;font-weight:700; }
div.pwpop.PopupHeader { border:1px solid #ff0 }
div.ie6bugHorribleWorkaround.PopupHeader { border:1px solid #A5CFE9; }




/* OTHER
==================================================*/

.image.lt { float: left; }
.image.rt { float: right; }

span.orange { color: #1776CF; font-weight: bold; }

ul#quotes { width: 180px; float: left; background: #F5F5F5; padding: 10px 0 0 0; border-right: 0px solid #DDD; border-bottom: 1px solid #DDD; display: inline; position: relative; overflow: hidden; margin-bottom: 1em; }
ul#quotes h2 { font-size: 1.5em; color: #333; }
ul#quotes li { background: transparent; margin: 0; padding: 0; float: left; padding: 0 10px; }
ul#quotes p { font-size: 0.92em; }
ul#quotes li p.caption { font-size: 0.92em; margin-top: 0em; line-height: 1.2em; color: #888; }

.quotebox { float: left; width: 200px; }

.details_table { border: 1px solid #e2e2e2;}
.details_table TH { font-weight: bold; background:#e2e2e2; padding:0 3px; }
.details_table TR.odd { background:#F2F2F2;  }
.details_table TD { padding:0 3px;  }

.large_text { font-size: 1.2em; }

tr.title td {background-color: #D6EAF4;}
tr.shaded1 td {		 font-size: 10px;
					 padding-left: 10px;}

tr.shaded2 td {background-color: #EBF6FB;
					 font-size: 10px;
					 padding-left: 10px;}
					 
table.contact {padding: 0px;
			   border: 1px solid #fff;
			   background-color: #fff;}
							
/*form table {border-collapse: collapse ; borderSpacing 0; border: 1px solid red}
form table td {border: 1px solid red}
*/