body {
	font-family: Trebuchet MS, Verdana, sans-serif;
	line-height:1;
	background:#fff url(../images/body-bg.png) repeat-x;
	color:#222;
	border-top:4px solid #BC9408;
	text-align:center;
}

* {margin:0;padding:0;}
img, form fieldset {border:none;}
ul {list-style:none;}
a {text-decoration:none;}
:focus {outline:0;}


/* LAYOUT  -------------------------------------*/

#wrapper {width:980px;margin:0 auto;text-align:left;}

#header { height:87px;border-bottom:2px solid #BC9408;position:relative; }
#home #header { margin-bottom:15px; }

#contentArea {clear:both;float:left;padding:20px 0 50px 0;margin-bottom:15px;width:980px;border-bottom:0px solid #eee;background:url(../images/contentArea-bg.png) 520px 30px no-repeat;}
#home #contentArea {background:none;padding:30px 0;}

#intro {
	float: left;
	width: 350px;
	margin: 0px 0px 0px 50px;
	border: 0px solid #C00;
}

#primaryContent { 
	float: left; 
	/*width: 800px;*/
	width: 100%;
	border: 0px solid #C00;
}

#secondaryContent { 
	float:right;
	width:245px;
}

#aboutMenu { 
	float: right;
	width: 175px;
	border: 0px solid #C00;
}

#footerArea {background:#22201A url(../images/footerArea-bg.png) repeat-x;text-align:center;clear:both;padding:26px 0 0px 0;}
#footerContent {margin:0 auto;width:980px;padding:30px 0 0 0;text-align:left;border-top:2px solid #BC9408;}
.footerColumn {float:left;width:240px;padding:0 30px 40px 0;}
.footerColumn.last {float:right;padding-right:0;}

#footerBottom {
	clear: both;
	margin: 0 auto;
	height: 110px;
	padding: 10px 0 0 0;
	width: 980px;
	border-top: 1px solid #333;
	line-height: 22px;
	font-size: 12px;
}

.clear {
	clear: both;
}


/* TYPOGRAPHY  -------------------------------------*/

a.logo {
	width: 205px;
	height: 56px;
	position:absolute;
	left: 15px;
	bottom: 15px;
	background: url(../images/inwood_logo.gif) no-repeat;
	text-indent:-9999px;
}

h1 {font-size:2.2em;font-weight:bold;letter-spacing:-1px;color:#FF9600;}
#intro h1 {font-size:2.2em;color:#555;border-bottom:2px solid #eee;padding-bottom:2px;}

#contentArea h2 {clear:both;font-size:1.6em;color:#444;padding-top:10px;}
#contentArea h2 a {color:#444;}
#contentArea h3 {clear:both;font-size:1.4em;color:#444;padding-top:10px;}
#contentArea h4 {clear:both;font-size:1.2em;color:#444;padding-top:10px;}

#secondaryContent h2 {font-size:1.2em;color:#333;padding-top:5px;}
#secondaryContent h3 {font-size:1.1em;color:#333;}

#footerContent h2 {font-size:1.1em;color:#fff;padding-bottom:3px;clear:both;border-bottom:1px solid #444;font-weight:bold;}
#footerContent h3 {font-size:1em;color:#ccc;padding-top:10px;font-weight:bold;}

#contentArea p { font-size:13px; line-height: 1.5em; padding:5px 0; color:#444;}
#contentArea p a, #footerContent p a {color:#444;font-weight:bold;border-bottom:1px solid #FF9600;}
#contentArea p a:hover {border-color:#999;}

#contentArea blockquote p {color:#666;padding-left:20px;width:420px;background:url(../images/quote-bg.gif) 0 10px no-repeat;}

#contentArea #intro p {
	font-size: 13px;
	line-height: 20px;
	color: #22201a;
	padding-bottom: 10px;
}
#contentArea #intro p a {color:#444;border:none;}
#contentArea #intro p a:hover {color:#000;}

#primaryContent h2 {
	clear: none;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 15px;
}
.color1 {
	color: #8b8266;
}
.color2 {
	color: #9d790b;
}

#primaryContent .personwrap {
	padding: 0px 20px 20px 0px;
	clear: both;
	border: 0px solid #C00;
}
#primaryContent .personwrap .name {
	font-size: 15px;
	font-weight: bold;
	color: #825329;
}
#primaryContent .personwrap img {
	float: left;
	border: 5px solid #dcd6c3;
	margin: 0px 8px 8px 0px;
}

#secondaryContent p {color:#666;font-size:1em;}

#aboutMenu .link {
	height: 25px;
	width: 175px;
	padding: 8px 0px 0px 0px;
	border-bottom: 1px solid #CCC;
}

#aboutMenu .link a {
	font-size: 12px;
	font-weight: bold;
	color: #ec6f00;
	padding: 0px 0px 0px 3px;
}
#aboutMenu .link a:hover {
	color: #a84f00;
}

#footerContent p {clear:both;color:#aaa;line-height:1.4em;padding:5px 10px 0 0;font-size:1em;}

a.readMore {color:#FF9600;font-weight:bold;text-decoration:underline;line-height:1.4em;}
a.readMore:hover {text-decoration:none;}

#footerContent .recentLabel {
	float: left;
	margin: 0px 0px 30px 0px;
	text-align: right;
	width: 110px;
	height: 120px;
	font-size: 16px;
	color: #FFF;
	line-height: 20px;
	border: 0px solid #C00;
}
#footerContent .recentItem {
	float: left;
	margin: 0px 0px 30px 60px;
	text-align: right;
	width: 100px;
	height: 120px;
	font-size: 10px;
	border: 0px solid #C00;
}

#footerContent .recentItem .img {
	border: 1px solid #82795E;
	width: 100px;
	height: 100px;
	background-color: #2a271f;
}
#footerContent .recentItem .location {
	margin: 3px 0px 0px 0px;
}
#footerContent .recentItem a {
	color: #444338;
}
#footerContent .recentItem a:hover {
	color: #666;
}

#footerBottom #compinfo { float:left;clear:none;padding:0;text-align:left; color:#444; }
#footerBottom #compinfo a { color:#666;font-weight:normal;border:none; }
#footerBottom #compinfo a:hover { color: #AAA; }

#footerBottom #siteinfo { float:right;clear:none;padding:0;text-align:right;color:#444; }
#footerBottom #siteinfo a { color:#666;font-weight:normal;border:none; }
#footerBottom #siteinfo a:hover { color:#AAA; }

p.breadcrumbs {
	position: relative;
	float: left;
	height: 12px;
	font-size: 10px;
	color: #BC9408;
	border-bottom: 0px solid #eee;
	margin: -7px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
	width: 100%;
}
p.breadcrumbs a { color: #999; }
p.breadcrumbs a:hover { color: #666; }

#secondaryContent p.note {float:left;font-size:.9em;color:#666;background:#fff8cf url(../images/note-bg.png) 0 100% no-repeat;padding:15px 15px 20px 15px;width:210px;margin-top:15px;border-top:1px solid #FCF6D0;}
#secondaryContent p.note a {color:#222;}
#secondaryContent p.note a:hover {}

hr {border-color:#eee;border-style:solid;border-width:1px 0 0;clear:both;margin:20px 0 0 0;height:0;}
.required {color:#CF0C14;font-weight:bold;}


/* GALLERY  -------------------------------------*/

#galleryContent {
	margin: 20px 0px 0px 50px;
	width: 880px;
	border: 0px solid #C00;
}
#galleryContent .category {
	margin: 0px 0px 40px 0px;
}
#galleryContent .category .listphoto {
	float: left;
	margin: 0px 10px 0px 0px;
	border: 5px solid #dcd6c3;
}
#galleryContent .category .text {
	float: right;
	width: 705px;
	clear: none;
	border: 0px solid #C00;
}
#galleryContent .category .text .title {
	font-size: 16px;
	font-weight: bold;
	color: #825329;
	margin: 0px 0px 8px 0px;
}
#galleryContent .category .text .body {
	font-size: 13px;
	line-height: 20px;
	color: #22201a;
	margin: 0px 0px 15px 0px;
}
#galleryContent .category .text .link {
	font-size: 18px;
	font-weight: bold;
	color: #22201A;
}
#galleryContent .category .text .thumbsgroup {
	width: 755px;
	height: 85px;
	border: 0px solid #C00;
}
#galleryContent .category .text .thumbsgroup .thumb {
	float: left;
	border: 1px solid #D7D3A2;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 75px;
	height: 75px;
}
#galleryContent a {
	font-size: 13px;
	font-weight: bold;
	color: #EC6F00;
}
#galleryContent a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #A84F00;
}
#galleryContent .category .clear {
	clear: both;
}

/* PROJECT SCREEN ------------------------------*/

#projectContent {
	margin: 20px 0px 0px 100px;
	width: 780px;
	border: 0px solid #C00;
}
#projectContent #title {
	margin: 0px 0px 5px 0px;
	font-size: 30px;
	font-weight: bold;
	color: #825329;
}
#projectContent #splashphoto {
	float: left;
	margin: 7px 20px 20px 0px;
	border: 5px solid #dcd6c3;
}
#projectContent #text {
	padding: 0px 0px 0px 0px;
	border: 0px solid #C00;
}
#projectContent #thumbsgroup {
	width: 780px;
	/*height: 85px;*/
	border: 0px solid #C00;
	text-align: center;
	margin: 60px 0px 10px 0px;
}
#projectContent #thumbsgroup .thumb {
	border: 1px solid #D7D3A2;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 75px;
	height: 75px;
}
#projectContent a {
	font-size: 13px;
	font-weight: bold;
	color: #EC6F00;
}
#projectContent a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #A84F00;
}
#projectContent .clear {
	clear: both;
}

/* PARTNERSHIPS --------------------------------*/
#partnerWrapper {
	position: relative;
	margin: 20px 0px 0px 0px;
}
#partnerWrapper .column {
	float: left;
	width: 410px;
	margin: 0px 0px 0px 60px;
	border: 0px solid #C00;
}
#partnerWrapper .column .partnerlisting {
	position: relative;
	line-height: 13px;
	margin-bottom: 30px;
}
#partnerWrapper .column .partnerlisting .title {
	font-size: 15px;
	font-weight: bold;
	color: #825329;
	margin: 0px 0px 5px 0px;
}
#partnerWrapper .column .partnerlisting .info {
	font-size: 13px;
	font-weight: normal;
}
#partnerWrapper .column .partnerlisting a {
	color: #EC6F00;
}
#partnerWrapper .column .partnerlisting a:hover {
	color: #A84F00;
}

/* IMAGES  -------------------------------------*/

#primaryContent img.about { float:right; margin: 5px 15px 0px 20px; border: 5px solid #dcd6c3;}
#primaryContent img .right {float:right;margin:5px 0 0 8px;}

#primaryContent img.bigImage {float:left;margin:10px 0;border:5px solid #ddd;}
#primaryContent img.bigImage:hover {border-color:#eee;}

#secondaryContent img {float:left;width:100px;margin:7px 7px 0 0;border:3px solid #ddd;}
#secondaryContent a img:hover {border-color:#eee;}

#footerBottom img {float:left;}

a.rss {background:url(../images/rss.png) no-repeat;width:220px;height:28px;text-indent:-9999px;float:left;margin:10px 0 0 0px;}
a.rss:hover {background-position:bottom left;}


/* MAIN NAVIGATION  -------------------------------------*/

ul.mainNavi {
	position:absolute;
	right:0;
	bottom:0;
}
ul.mainNavi li {
	float:left;
	width:103px;
	border-right:1px solid #333;
}
ul.mainNavi li a {
	display:block;
	font-size: 11px;
	padding: 70px 6px 0px 6px;
	color: #fff;
	height: 17px;
}
ul.mainNavi li a:hover {
	background:#2F2C23;
}

ul.mainNavi li.current {background:#141414 url(../images/navi-bg.png) 0 100% repeat-x;}
ul.mainNavi li.current a {color:#fff;font-weight:bold;}
ul.mainNavi li.current a:hover {background:url(../images/navi-bg.png) repeat-x;}


/*
LISTS  -------------------------------------*/

/* #contentArea ul, #contentArea ol {padding:5px 0 5px 28px;color:#FF9600;} */
#home #contentArea ul {padding:0;}
#contentArea ul span, #contentArea ol span {color:#444;font-weight:normal;}
#contentArea ul { list-style-type:disc; }
#contentArea ul li, #contentArea ol li { font-size: 12px; line-height:1.5em; margin-left: 20px; }

/*
#secondaryContent ul, #secondaryContent ol {padding:5px 0;padding-left:16px;color:#FF9600;}
#secondaryContent ul li, #secondaryContent ol li {color:#555;}
#secondaryContent ul.secondaryNavi {list-style-type:none;padding:3px 0 10px 0;}
#secondaryContent ul.secondaryNavi li {}
#secondaryContent ul.secondaryNavi li a {display:block;padding:3px 0;color:#333;background:url(../images/secondaryNavi-bg.png) 0 50% no-repeat;padding-left:14px;border-bottom:1px solid #eee;}
#secondaryContent ul.secondaryNavi li a:hover {color:#000;background-position:1px 50%;}

#primaryContent ul.projectInfo {margin:0;padding:0 0 0 12px;list-style:none;}
#primaryContent ul.projectInfo li {font-size:1em;padding-left:20px;color:#000;background:url(../images/productInfo-bg.png) 0 50% no-repeat;}
*/
#footerContent ul {padding-top:5px;}
#footerContent ul li {color:#aaa;line-height:1.4em;font-size:1em;}
#footerContent ul li span {color:#444;font-size:.9em;}
#footerContent ul li a {color:#aaa;}

/* Contact info in the contact page */
#secondaryContent ul.contactInfo {list-style:none;padding:0 0 5px 0;}
#secondaryContent ul.contactInfo li {padding:6px 0 6px 28px;color:#666;}
ul.contactInfo li a {color:#666;font-weight:normal;border:none;}
ul.contactInfo li.address {background:url(../images/address.png) 0 50% no-repeat;}
ul.contactInfo li.phone {background:url(../images/phone.png) 0 50% no-repeat;}
ul.contactInfo li.email {background:url(../images/email.png) 0 50% no-repeat;}

/*
TABLES  -------------------------------------*/

/*
table {margin:10px 0;border-collapse:collapse;}    
table thead th {padding:5px 22px;}
table tbody th, table tbody td {padding:5px 22px;color:#444;}
table thead th {background:#FF9600;color:#fff;}
table tbody {font-size:.9em;}
table tbody tr.alt {background-color:#eee;}
*/

/* FORMS  -------------------------------------*/

form .fieldwrap {
	margin: 0px 0px 15px 50px;
	border: 0px solid #C00;
}
form .label {
	margin: 0px 0px 3px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #22201A;
}
form .required {
	font-size: 10px;
	font-weight: normal;
	color: #C00;
}
form .textarea { 
	width:425px; 
	height: 125px; 
	padding: 3px; 
	font-size: 13px; 
	overflow:auto;
	background: #EDEDED;
	border: 1px solid #8B8266;
}
form .textfield { 
	width:425px; 
	padding: 3px; 
	font-size: 13px;
	background: #EDEDED;
	border: 1px solid #8B8266;
}
form .selectfield { 
	padding: 3px; 
	font-size: 13px;
	background: #EDEDED;
	border: 1px solid #8B8266;
}
form .radio {
	border: none;
	background: none;
	margin: 3px 0 3px 2px;
	font-size: .9em;
	color:#666;
}
form .submit {
	padding: 5px 10px;
	border: 0; 
	cursor: pointer;
	color: #fff;
	background: #22201A;
	letter-spacing: 2px;
}
form .submit:hover { 
	background: #8B8266; 
}


form fieldset input, form fieldset textarea {background:#f7f7f7 url(../images/form-bg.png) repeat-x;border:1px solid #ddd;color:#666;font:1em Verdana,sans-serif;padding:3px;}
form fieldset input:focus, form fieldset textarea:focus {border:1px solid #aaa;background:#FFF8EA;}
form fieldset label {color:#444;font-size:1em;padding:10px 0 3px 1px;display:block;}

form#search fieldset {margin-bottom:10px;padding:10px 0;border-bottom:1px solid #222;}
form#search fieldset input {width:190px;}
form#search fieldset input#searchSubmit {background:#FF9600;width:30px;border:none;color:#222;cursor:pointer;font-weight:bold;}
form#search fieldset input#searchSubmit:hover {color:#555;}





/*
HOMEPAGE SLIDESHOW -------------------------------------*/

#slideshowArea {
	float: right;
	width: 510px;
	margin: 0px 50px 0px 0px;
}
#slideshow {border:5px solid #eee;}
#slideshow ul, #slideshow li {list-style:none;width:500px;height:240px;margin:0;padding:0;overflow:hidden;}

#prev, #next {float:left;display:block;width:22px;height:22px;margin:4px 0 10px 2px;}

#prev a, #next a {display:block;background:url(../images/sliderPrev.png) no-repeat;width:22px;height:22px;text-indent:-9999px;}
#next a {background:url(../images/sliderNext.png) no-repeat 0 0;}


/*
EASY SLIDER -------------------------------------*/

#slider {float:left;margin-top:5px;border:5px solid #ddd;}
#slider:hover {border-color:#eee;}
#slider ul, #slider li {margin:0;padding:0;list-style:none;}
#slider li {width:470px;height:180px;overflow:hidden;}

#prevBtn, #nextBtn {float:left;display:block;width:22px;height:22px;margin:8px 0 10px 2px;}

#prevBtn a, #nextBtn a {display:block;background:url(../images/sliderPrev.png) no-repeat;width:22px;height:22px;text-indent:-9999px;}	
#nextBtn a {background:url(../images/sliderNext.png) no-repeat 0 0;}

#slider li p {float:right;display:block;}