/* - - - - - - - - - - - - - - - - - - - - -

Title :    Millstone Custom Homes
URL :      

Created :  06.23.2009
Modified : 06.24.2009

- - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - -    G L O B A L - R E S E T    - - - - - - - - - - - - - - - - - - - - - */

/*
	v1.0 | 20080212 
	http://meyerweb.com/eric/tools/css/reset/
*/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

del { text-decoration: line-through; }
ins { text-decoration: none; background: #ffc; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* remember to define focus styles! */
:focus { outline: 1px dashed #967f63; }


/* - - - - - - - - - - - - - - - - - - - - -    H T M L - E L E M E N T S	    - - - - - - - - - - - - - - - - - - - - - */

body {
	font: 62.5% Arial, Helvetica, Verdana, sans-serif;
	background: #342024;
	color: #544755;
	padding: 46px 0 0 0;
}

html>body { font-size: 10px; }

/* Anchor Links */
a:link { color: #830A1C; text-decoration: underline; }
a:visited { color: #830A1C; text-decoration: underline; }
a:hover {  color: #830A1C; text-decoration: none; }
a:active {  color: #830A1C; text-decoration: none; }

/* Headings */

h1 {
	margin: 0 0 0.5em; 
	font: normal 2.4em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase; 
}

h2 { 
	margin: 0 0 0.5em; 
	font: normal 1.6em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase; 
	color: #342024; 
}

h3 { 
	margin: 0 0 0.5em; 
	font: bold 1.2em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase; 
	color: #342024;
}

/* Text Elements */
p, ul, ol, dl, blockquote, pre { font-size: 1.2em; margin: 0 0 1em; line-height: 1.4em; }
blockquote { padding: 0 1.25em; }
strong, b, dt, th { font-weight: bold; }
address, cite, em, i, caption, dfn, var { font-style: italic; }

ul, ol { margin: 0 0 2em 1em; }
ul li, ol li { margin-left: 1em; line-height: 1.6em; }

ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: square; }

ol { list-style-type: upper-roman; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: lower-alpha; }

dl { margin-bottom: 2em; }
dt { font-weight: bold; }
dd { margin-bottom: 1em; padding-left: 1.5em; }

del { text-decoration: line-through; }
address, abbr, acronym { font-style: normal; }
acronym, abbr { border-bottom: 1px dotted #333; cursor: help; }
acronym { text-transform: uppercase; }
pre, kbd, code, samp, tt, var { font-family: "Courier New", Courier, monospace monospace; }

sub { font-size: .9em; line-height: 1em; vertical-align: sub; }
sup { font-size: .9em; line-height: 1em; vertical-align: super; }


/* - - - - - - - - - - - - - - - - - - - - -    N A V I G A T I O N    - - - - - - - - - - - - - - - - - - - - - */

ul.nav, ul.nav li { margin: 0; list-style: none; }

/* Global Navigation */
ul.global {
	position: absolute;
	top: 98px;
	left: 0;
	width: 870px;
	height: 30px;
	background-color: #5A453C;
}

ul.global li { float: left; }

ul.global li a {
	float: left;
	display: inline-block;
	display: block;
	height: 30px;
	text-indent: -9999em;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
}

ul.global li a:hover { background-color: #786250; }

ul.global li#gn-home a { width: 65px; background-position: 0 0; }
body.home ul.global li#gn-home a { background-color: #786250; }

ul.global li#gn-about a { width: 91px; background-position: -65px 0; }
body.about ul.global li#gn-about a { background-color: #786250; }

ul.global li#gn-testimonials a { width: 115px; background-position: -156px 0; }
body.testimonials ul.global li#gn-testimonials a { background-color: #786250; }

ul.global li#gn-gallery a { width: 128px; background-position: -271px 0; }
body.gallery ul.global li#gn-gallery a { background-color: #786250; }

ul.global li#gn-building-process a { width: 178px; background-position: -399px 0; }
body.building-process ul.global li#gn-building-process a { background-color: #786250; }

ul.global li#gn-building-green a { width: 132px; background-position: -577px 0; }
body.building-green ul.global li#gn-building-green a { background-color: #786250; }

ul.global li#gn-contact a { width: 104px; background-position: -709px 0; }
body.contact ul.global li#gn-contact a { background-color: #786250; }

ul.global li#gn-links a { width: 57px; background-position: -813px 0; }
body.links ul.global li#gn-links a { background-color: #786250; }


/* - - - - - - - - - - - - - - - - - - - - -    M A I N - L A Y O U T    - - - - - - - - - - - - - - - - - - - - - */
	
/*
	slightly enhanced, universal clearfix hack
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
*/
.clearfix:after, 
#content:after, 
.quote-box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix, 
#content,
.quote-box { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix, 
* html #content, 
* html .quote-box { height: 1%; }
.clearfix, 
#content, 
.quote-box { display: block; }
/* close commented backslash hack */

#wrapper {
	margin: 0 auto;
	width: 898px;
	padding: 3px;
	border: 17px solid #967f63;
	background-color: #f8f5d0;
	text-align: left;
}

#header {
	width: 870px;
	height: 128px;
	position: relative;
	border: 14px solid #342024;
	background-color: #342024;
}

#header #social {
	position:absolute;
	top:70px;
	right:5px;
	width:400px;
	height:16px;
	margin:0;
	padding:0;
}

#header #social img {
	float:right;
	margin-right:5px;
	margin-left:5px;
	border:0px;
}

#header #social a.link {
	color:#fff;
	float:right;
	margin-top:2px;
	text-decoration:none;
}

#logo {
	position: absolute;
	top: -46px;
	left: 374px;
	width: 101px;
	height: 138px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/millstone_logo.png) no-repeat 0 0;
	cursor:pointer;
	
	behavior: url("css/iepngfix.htc")

}


#content { clear: both; padding: 0; }

#content div#homeflash, div#album-4 {
	margin-left:auto;
	margin-right:auto;
	width:862px;
	height:487px;
	padding:2px;
	border:1px solid #967F63;
	margin-bottom:5px;
}

#main-content {
	float: right;
	width: 486px;
	padding: 22px 26px 0 0;
}

.subs #main-content {
	width:856px;
	padding: 25px 20px 25px 20px;
}

#column1 {
	width:189px;
	float:left;
	margin-right:20px;
	padding:0px;
}

#column2 {
	width:189px;
	float:left;
	margin-right:20px;
	padding:0px;
}

#column3 {
	width:189px;
	float:left;
	margin-right:20px;
	padding:0px;
}

#column4 {
	width:189px;
	float:left;
	padding:0px;
}

.subcontract {
	border: 1px solid #967F63;
	margin-bottom: 15px;
}

.subconh3 {
	margin-bottom: 5px;
	text-transform:capitalize;
	padding:4px;
	background-color: #967F63;
	color: #f8f5d0;
}

.subcontract p {
	padding-left:4px;
	padding-right:4px;
}

#sub-content {
	float: left;
	width: 360px;
	padding: 3px 0 0;
}

#footer {
	clear: both;
	padding: 6px 0 24px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #967F63;
}

#footer a,
#footer a:visited { text-decoration: none; color: #967F63; }

#footer a:hover { text-decoration: underline; }


/* - - - - - - - - - - - - - - - - - - - - -    P A G E - D E T A I L S    - - - - - - - - - - - - - - - - - - - - - */
/* Home Page Details */
body.home, body.gallery { color: #B79F81; }

body.home #content, body.gallery #content{ padding: 0 0 30px; background-color: #342024; text-align: center; }

body.home #content img {
	margin: 0 0 30px;
	padding: 3px;
	border: 1px solid #967F63;
}

body.home p {
	/*width: 760px;*/
	margin: 0 auto;
	padding: 0 0 30px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height: 1.6em;
}

body.home h2 { color: #B79F81; margin: 0; }

body.home p a {
	color:#ffffff;
	font-weight:bold;
}

body.home p.hba {
	margin:0px;
	padding-bottom:5px;
}

/* About Page Details */
.quote-box {
	margin: 0 0 22px 0;
	padding: 12px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	border: 1px solid #967F63;
}

.quote-box blockquote {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 1.3em;
}

.quote-box cite {
	width: 336px;
	display: block; 
	text-align: right;
	font-size: 1.3em;
}

.quote-box img {
	float: right;
	margin: 0 0 0 30px;
}

.testimonials blockquote {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 1.3em;
}

.testimonials cite {
	width: 436px;
	display: block; 
	text-align: right;
	font-size: 1.3em;
	font-weight:bold;
	margin-bottom:15px;
}

/********************************
	=REQUEST FORM
********************************/
.requestForm {
	margin: 0;
	padding: 0;
	}
.requestForm fieldset {
	float: left;
	width: 360px;
	border: 0;
	margin: 0;
	padding: 0;
	}
.requestForm legend {
	color: #fefefe;
	font-weight: bold;
	padding: 0;
	margin-left: -5px;
	}
.requestForm label {
	display: block;
	float: left;
	width: 100px;
	margin-top:5px;
	}	
.requestForm label.big {
	width: 130px;
	}
.requestForm label.wide {
	width: 270px;
	}
.small {
	width: 50px;
	margin-top:2px;
 	margin-bottom:2px;
	}
.smalllist {
	width: 55px;
	margin-top:2px;
 	margin-bottom:2px;
	}
.large {
 	width: 230px;
 	margin-top:2px;
 	margin-bottom:2px;
    }
.largelist {
 	width: 165px;
 	margin-top:2px;
 	margin-bottom:2px;
    }
#content #emhe {
	float:right;
	margin-left:30px;
	height:170px;
	margin-right:30px;
	border:0px;
	padding-top:10px;
}

#content #emhe img {
	border:0px;
	margin-bottom:5px;
}

#content #emhe a {
	color:#ffffff;
	font-size:12px;
}

#content #welcome {
	float:left;
	width:570px;
	text-align:center;
	margin-left:20px;
	margin-top:20px;
}

#teamcaption {
	float:right;
	margin-left:20px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
}

#teamcaption img {
	padding:3px;
	background-color: #967f63;
}

#teamcaption p {
	line-height:0px;
	margin-top:10px;
}