/* REDEFINE TAGS */
HTML, BODY {
	margin: 0;
	padding: 0;
	background: #92A5A4;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
H1, H2, H3, H4, H5, H6 {
	color: #F15C22; 
	margin: 40px 0 0px 0; 
	padding: 0px; 
	font-family: Arial, sans-serif;  
	line-height: 1; 
	letter-spacing: -1px;
	clear: left;
}
H1 {font-size: 4em; margin-top: 0px;}
H2 {font-size: 1.8em; margin-top: 30px;}
H3 {font-size: 1.4em; color: #676767; margin-top: 20px}
H4 {font-size: 1em; color: #676767; margin-top: 20px;}
H5, H6 {font-size: .9em; color: #676767; margin-top: 10px;}
A IMG {border: none}
A {color: #0066CC;}
A:hover {color: #F15C22}
P, FORM, TABLE, UL {margin-top: 10px; margin-bottom: 20px;}
LABEL {font-weight: bold; display: block; width: 100px; float: left}
FORM DIV {clear: left; padding: 5px 0}
TEXTAREA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}

/* CUSTOM STYLES */
#wrapper {
	background: #FFFFFF url(../images/interface/left_border.png) repeat-y;
	width: 795px;
	margin: 0px auto;
}
#page {background: url(../images/interface/right_border.png) repeat-y top right; padding: 0px 11px;}

/* top bar with wood and orange */
#topBar {
	background: #650B02 url(../images/interface/wood_top.jpg) no-repeat;
	height: 29px;
	position: relative;
}
#topBar DIV {
	background: #F15C22;
	width: 312px;
	position: absolute;
	right: 0px;
	height: 29px;
}
* html #topBar DIV {right: -1px}

/* bar with logo and wood */
#banner {
	background: #FFFBCD url(../images/interface/wood_light.jpg) no-repeat top right;
	float: left;
	width: 100%;
	clear: left;
}
#logo {display: block; float: left; height: 135px;}

/* tabs */
#nav {
	float: left;
	border-bottom: 4px solid #F15C22;
	width: 100%;
	margin-top: -30px;
	position: relative;
}
#nav UL {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
#nav LI {float: left;}
#nav LI A {
	display: block; 
	background: #FFFFFF url(../images/interface/tabs_plain.png) no-repeat; 
	height: 30px;
	text-indent: -5000px; 
	overflow: hidden
}
#nav LI A:hover {background-image: url(../images/interface/tabs_hover.png); background-color: #FFFBCD;}

/* each tab state is one image, so crop and position */
/*
#nav #homeLink {width: 60px;}
#nav #aboutUsLink {background-position: -60px 0px; width: 70px;}
#nav #whyNeedLink {width: 113px; background-position: -130px 0px;}
#nav #expertiseLink {width: 68px; background-position: -242px 0px;}
#nav #whyUniqueLink {width: 117px; background-position: -310px 0px}
#nav #contactUsLink {width: 80px; background-position: -427px 0;}
*/
#nav #homeLink {width: 51px;}
#nav #whyNeedLink {width: 129px; background-position: -51px 0px;}
#nav #expertiseLink {width: 67px; background-position: -180px 0px;}
#nav #howUniqueLink {width: 116px; background-position: -247px 0px}
#nav #aboutUsLink {width: 67px; background-position: -363px 0px;}
#nav #contactUsLink {width: 80px; background-position: -430px 0;}


/* set body id to highlight current page */
BODY#home #homeLink, BODY#aboutUs #aboutUsLink, BODY#whyNeed #whyNeedLink, 
BODY#expertise #expertiseLink, BODY#howUnique #howUniqueLink, BODY#contactUs #contactUsLink {
	background-image: url(../images/interface/tabs_selected.png);
	background-color: #F15C22;
}

/* large images */
#image_banner {clear: both}


/* content area */
#content {
	padding: 20px 20px 50px 20px;
	font-size: .8em;
	line-height: 1.5;
}
#content LI {line-height: 1.2; margin: 10px 0px}

/* orange sidebars */
.sidebar {
	width: 280px; 
	margin: 10px 25px; 
	float: right; 
	background: #F15C22; 
	color: #FFF; 
	padding: 20px 10px;
}
.sidebar H1, .sidebar H2, .sidebar H3, .sidebar H4, .sidebar H5, .sidebar H6 {
	margin-top: 0; 
	color: #FFF; 
	text-align: center; 
	margin-bottom: 20px;
}
.sidebar A {color: #FFF}

/* used for Deena and Amy photos, but could be used for any float left item */
.left {
	clear: left;
	float: left; 
	margin: 5px 20px;
}

/* used on expertise page */
.content_table {
	font-size: .85em;
	width: 100%;
}
.content_table TH {text-align: left; font-size: 1.1em}
.content_table TR {vertical-align: top}
.content_table TD {padding: 10px}

/* orange form button */
.submit_button{margin-left: 100px; background: #F15C22; color: #FFF}

/* footer */
#footer {
	clear: both; 
	margin-top: 10px; 
	background: #676767; 
	text-align: center; 
	color: #FFF; 
	font-size: .7em; 
	padding: 6px 0px 20px 0px
}
#footer P {margin: 6px 0}

/* misc styles */
.address {font-weight: bold}