/************************************************** 
** Bordner Real Estate
** by Daniel J. Robbins II
** nolatari@gmail.com
***************************************************/




/*******
** Tags 
*******/

/* set all margins/padding to 0 */
* { margin:0 auto; padding:0; }

/* center align layout */
body {
	text-align:center;
	background-color:#005e29;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	line-height: 1.5em;
	font-weight:bold;
} 

/* paragraph */
p {padding-bottom:20px;} 

/* float fix (all browsers) */
div.clearer {clear: left; line-height: 0px; height: 0px;} 

/* heading */
#columnleft h1, #columnleft h2, #columnleft h3, #columnleft h4, #columnleft h5 {
	padding-bottom:5px;
	background-color: #E9E3C0;
	padding-top: 5px;
	padding-left: 5px;
	font-family: "Trebuchet MS", Arial, Verdana;
}
#columnright h1, #columnright h2, #columnright h3, #columnnright h4, #columnright h5 {
	padding-bottom:5px;
	padding-top: 5px;
	padding-left: 5px;
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #476331;
}

/* list */
ol, ul {
	padding-bottom:20px;
	padding-left:20px;
	padding-right:15px;
}
ul {
	list-style-type: square;
}

/* all bold fonts? why? make bold standout i guess */
strong {
	font-size: 1.2em;
}

/* blockquote */
#columnleft blockquote {
	padding-left: 13px;
	border-left-color:#005e29;
	border-left-style:solid;
	border-left-width:2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCC66;
	padding-top: 10px;
	font-weight: bold}

/* form fields */
input, textarea, select {
	color: #005E29;
	background-color: #FFF;
	border: 1px solid #005E29;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
}
.checkradio {
	color: #612C00;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFFFCC;
}
.submitbutton {
	font-size: 1.5em;
	color: #FFFFFF;
	background-color: #005E29;
	border: 2px outset #005E29;
}
/* input:hover, textarea:hover, select:hover { 
	background-color:#FFF7C6;
	border: 1px solid #F07D50;
}*/
.inputhover {
	background-color:#FFF7C6;
	border: 1px solid #F07D50;
}
.inputout {
	color: #612C00;
	background-color: #FFF;
	border: 1px solid #6F5215;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}
.inputfocus {
	border: 1px solid #F07D50;
}

/* links */
a {
	color: #005E29;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #0000CC;
}


/*******
** ID's
*******/

/* main (container) */
#main {
	width:770px;
	background-image: url(images/layoutfill.gif);
	background-repeat: repeat-y;
	text-align: left;
}

* html #pageback {
	background-position: center top;	
}

/* header */
#header {
	height:188px;
	background-image:url(images/headerback.gif);
	background-repeat:no-repeat;
	width: 770px;
	padding-top: 12px;
}

/* footer */
#footer {
	height: 13px;
	width: 770px;
	background-image: url(images/footerback.gif);
	background-repeat: no-repeat;
}

/* page columns */
#columnleft {
	width: 230px;
	float: left;
	display: block;
	padding-left: 10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #005E29;
	padding-right: 8px;
}
#columnright {
	float: left;
	width: 500px;
	display: block;
	padding-right: 10px;
	padding-left: 8px;
	text-align: justify;
}


/*******
** Classes
*******/

/* page background (not used) */
.pageback {
	background-image: url(images/pagebackground.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* form section header */
.sectionhead {
	font-size: 1.2em;
	font-weight: bold;
	color: #005E29;
	padding: 5px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF7D;
	text-align: left;
}

/* left column fill */
.columnfillleft {
	background-color: #FFFFE6;
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/* right column fill */
.columnfillright {
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/* form input areas */
.formtable {
	background-color: #FFFFE6;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFF7D;
	border-bottom-color: #FFFF7D;
	border-left-color: #FFFF7D;
}

/* left column address information */
.address {
	font-size: 0.8em;
}

/* form columns (within .formtable) */
.formleft {
	float: left;
	width: 50%;
}
.formright {
	float: left;
	width: 50%;
}

/* contact information text (left) */
.contacttext {
	float: left;
	width: 110px;
	line-height: 26px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-top: 4px;
}
* html .contacttext {
	line-height: 28px;
}

/* contact information input area (right) */
.contactinput {
	float: left;
	width: 350px;
	text-align: left;
}

/* the right questions block */
.greenblock {
	font-weight: bold;
	background-color: #005E29;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	width: 50%;
	margin-right: 5px;
}
.greenhead {
	font-size: 1.7em;
	font-family: "Trebuchet MS", Arial, Verdana;
	padding-bottom: 5px;
}

/* required fields indication */
.req {
	color: #990000;
	font-weight: bold;
}
.reqhead {
	font-size: 0.7em;
	color: #990000;
	font-weight: normal;
}