/* colors: 

offwhite: #eeefef
red: #a1502c
wheat: #d8d3ad
steel: #727d82
azure: #3b4c58
dust: #b49b77
charcoal: #373637
alumninum: #939598

*/

/* band-aid for IE 6 png issues, hats off to: http://www.twinhelix.com/css/iepngfix/ */
img, div { behavior: url(/includes/iepngfix.htc) }

/*redefine html tags*/
body {
padding: 0px;
margin: 0px;
background-repeat: repeat-x;
background-image: url(/images/background.gif);
background-position: 0 bottom;
background-attachment: fixed;
background-color: #373637;
text-align: left;
font-size: 11px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

p {
line-height: 1.5em;
color: #eeefef;
padding-top: 0px;
margin-top: 0px;
}

a:link {
color: #d8d3ad;
font-variant: underline;
}

a:hover {
color: #727d82;
}

a:visited {
color: #b49b77;
}

img {
border: none;
margin: 0px;
padding: 0px;
}

ul {
padding-left: 15px;
margin-top: 2px;
margin-bottom: 10px;
}

li {
padding: 0;
margin-left: 0;
margin-bottom: 3px;
line-height: 1.5em;
color: #eeefef;
list-style: square;
}

h1 {
color: #727d82;
padding: 0px;
margin: 0px;
text-align: left;
font-size: 16px;
text-decoration: none;
font-style: normal;
font-weight: normal;
line-height: 1.4em;
}

h2 {
color: #d8d3ad;
padding: 0px;
font-size: 13px;
margin: 0px;
text-align: left;
text-decoration: none;
font-style: normal;
font-weight: normal;
line-height: 1.6em;
}

h3 {
color: #939598;
padding: 0px;
margin: 0px;
text-align: left;
font-size: 13px;
text-decoration: none;
font-style: normal;
font-weight: normal;
line-height: 1.4em;
}

hr {
text-shadow: none;
height: 1px;
border-style: none;
background-image: url(/images/hr.gif);
background-repeat: repeat-x;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
color: none;
}

/*wrappers*/
#wrapper {
margin: 0 auto 0 auto;
width: 900px;
}
	
#header {
margin-top: 15px;
width: 450px;
padding-bottom: 20px;
float: left;
}

#header p {
color: #939598;
}

#nav {
float: right;
width: 133px;
height: 175px;
text-align: right;
}

#headline {
padding-bottom: 5px;
float: left;
}

#portfolio {
height: 310px;
background-image: url(/images/portfolio_background.png);
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}

#wrapper_services {
background-repeat: no-repeat;
background-position: right top;
margin: 0 auto 0 auto;
width: 900px;
background-image: url(/images/trees_background.png);
}

#wrapper_planning {
background-repeat: no-repeat;
background-position: right top;
margin: 0 auto 0 auto;
width: 900px;
background-image: url(/images/planning_background.png);
}

#wrapper_design {
background-repeat: no-repeat;
background-position: right top;
margin: 0 auto 0 auto;
width: 900px;
background-image: url(/images/design_background.png);
}

#wrapper_cost {
background-repeat: no-repeat;
background-position: right top;
margin: 0 auto 0 auto;
width: 900px;
background-image: url(/images/cost_background.png);
}

#wrapper_house {
background-repeat: no-repeat;
background-position: right top;
margin: 0 auto 0 auto;
width: 900px;
background-image: url(/images/house_background.png);
}

/* columns */
#three_column {
width: 270px;
display: inline;
margin-right: 30px;
float: left;
margin-bottom: 10px;
}

/* columns */
#two_column_spread {
width: 570px;
display: inline;
float: left;
margin-bottom: 10px;
}

#addon_services {
width: 300px;
float: right;
display: inline;
margin-top: 250px;
background-image: url(/images/quotes/nature_home_quote.png);
height: 150px;
background-repeat: no-repeat;
}

#addon_planning {
width: 300px;
float: right;
display: inline;
margin-top: 250px;
background-image: url(/images/quotes/invite_home_quote.png);
height: 150px;
background-repeat: no-repeat;
}

#addon_design {
width: 300px;
float: right;
display: inline;
margin-top: 250px;
background-image: url(/images/quotes/walking_home.png);
height: 150px;
background-repeat: no-repeat;
}

#addon_cost {
width: 300px;
float: right;
display: inline;
margin-top: 250px;
background-image: url(/images/quotes/thoreau.png);
height: 150px;
background-repeat: no-repeat;
}

#addon_house {
width: 300px;
float: right;
display: inline;
margin-top: 250px;
background-image: url(/images/quotes/house.png);
height: 150px;
background-repeat: no-repeat;
}

#list_column_left {
margin-top: 10px;
margin-bottom: 10px;
width: 250px;
float: left;
}

#list_column_right {
margin-top: 10px;
margin-bottom: 10px;
width: 250px;
float: left;
}

#full_column {
margin-bottom: 10px;
}

/* misc stuff */
#floatclear {
clear: both;
}

.fineprint {
font-size: 10px;
color: #939598;
}

.photowrap {
float: left;
display: inline;
}

.photo_header {
margin-bottom: 15px;
}