/* @override http://localhost/xch_563wed/css/struct.css */

/****************************************************
TYPOGRAPHY
****************************************************/
body {
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	font-size: 0.8em;
}
p {
	margin-top: 0px;
}
.head1 {
	color: #ee8c17;
	font-size: 25px;
	text-transform: uppercase;
}
.head2 {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #0eb5eb;
	margin-bottom: 5px;
}
a {
	color: #373737;
	text-decoration: underline;
}
/****************************************************
BASIC STRUCTURE AND BACKGROUNDS
****************************************************/
body {
	background: #E7E7E7 url(../images/bg_top.jpg) repeat-x;
}

/* HEADER */
#header_container {
	height: 149px;
	width: 1000px;
	margin: auto;
	background: url(../images/logo.jpg);
}
#nav-container {
	width: 1000px;
	height: 47px;
	margin: auto;
	background: url(../images/nav_container.jpg);
}
/***** Navigation ***********/
#nav	 		{ width: 920px; height: 47px; cursor: pointer; overflow: hidden; margin: auto;}

#nav ul	 		{ width:920px; padding: 0pt; margin: 0pt; list-style-image: none; list-style-position: outside; list-style-type: none;}
#nav li	 		{float:left; margin: 0pt; padding: 0pt;}
#nav a 			{display:block; height:47px; overflow:hidden; margin: 0pt; padding: 0pt;text-decoration: none; }
#nav a 			{background: url(../images/nav_sprite.jpg);}

#nav a.home_current,
#nav a.home		{width: 100px;}
#nav a.home_current,
#nav a.home:hover	{background-position: 0 47px;}

#nav a.about_current,
#nav a.about				{width: 128px; background-position: -100px 0;}
#nav a.about_current,
#nav a.about:hover 		{background-position: -100px 47px;}

#nav a.services_current,
#nav a.services				{width: 153px; background-position: -228px 0;}
#nav a.services_current,
#nav a.services:hover 		{background-position: -228px 47px;}

#nav a.blog_current,
#nav a.blog				{width: 114px; background-position: -381px 0;}
#nav a.blog_current,
#nav a.blog:hover 		{background-position: -381px 47px;}

#nav a.folio_current,
#nav a.folio			{width: 119px; background-position: -495px 0;}
#nav a.folio_current,
#nav a.folio:hover 		{background-position: -495px 47px;}

#nav a.resources_current,
#nav a.resources		{width: 178px; background-position: -614px 0;}
#nav a.resources_current,
#nav a.resources:hover 		{background-position: -614px 47px;}

#nav a.contact_current,
#nav a.contact				{width: 128px; background-position: -792px 0;}
#nav a.contact_current,
#nav a.contact:hover 		{background-position: -792px 47px;}

#body-container {
	width: 1000px;
	margin: auto;
	min-height:500px;
    height:auto !important;
    height:500px;
    background: url(../images/body-tile.jpg);
}
#body-container-top {
	width: 1000px;
	margin: auto;
	min-height:500px;
    height:auto !important;
    height:500px;
    background: url(../images/body-top.jpg) top center no-repeat;
}
#body-container-bottom {
	width: 1000px;
	margin: auto;
	min-height:500px;
    height:auto !important;
    height:500px;
    background: url(../images/body-bottom.jpg) bottom center no-repeat;
}
/* MAIN CONTENT SECTION */
#content_container_home {
	width: 930px;
	margin: auto;
}
#content_container {
	width: 910px;
	margin: auto;
}
#content-right {
	float: right;
	width: 633px;
}
#content-banner {
	margin-top: 49px;
	background: url(../images/content-banner-bg.jpg) center bottom no-repeat;
	padding-bottom: 21px;
}
#content-content {
	width: 590px;
	float: right;
	margin-right: 15px;
}
#content-left {
	float: left;
	width: 265px;
}
#content-subnav {
	width: 260px;
	min-height:311px;
    height:auto !important;
    height:311px;
    background: url(../images/content-subnav-bg.jpg) top center no-repeat;
    margin-top: 40px;
}
#content-subnav-title {
	text-transform: lowercase;
	font-size: 24px;
	height: 40px;
	padding-top: 20px;
	padding-left: 34px;
	color: #7c7c7c;
}
#content-subnav-items {
	width: 183px;
	overflow: hidden;
	padding-left: 47px;
}
.subnav_item {
	margin-bottom: 5px;
	width: 236px;
	background: url(../images/content-subnav-div.jpg) bottom left no-repeat;
	padding-bottom: 5px;
}
.subnav_text {
	position: relative;
	left: 10px;
	letter-spacing: 0.1em;
}
.subnav_link {
	text-decoration: none;
	color: #666;
}
.curr_link,
.subnav_link:hover {
	text-decoration: none;
	color: #353535;
}
#contact-info {
	width: 183px;
	margin-left: 47px;
}
/* FOOTER */
#footer_container {
	height: 100px;
}
#footer_content {
	position: relative;
	left: 2px;
	width: 930px;
	margin: auto;
}
#footer_ads {
	float: left;
}
#footer_credits {
	float: right;
	color: #666;
}
#footer_credits a {
	color: #2D2D2D;
	text-decoration: none;
}
#content_container-folio {
	width: 910px;
	margin: auto;
	background: url(../images/body-top-folio.jpg) top center no-repeat;
}
/****************************************************
MAIN BODY STRUCTURE AND BACKGROUNDS
****************************************************/

.gallery_bg {
	width: 900px;
	height: 438px;
	background: url(../images/banner-bottom.jpg) bottom no-repeat;
	padding-top: 40px;
	padding-bottom: 9px;
	margin-bottom: 15px;
	margin: auto;
	overflow: hidden;
}
.gallery_img {
	margin-left: 4px;
}

.main_hdr {
	position: relative;
	top: 10px;
	left: 10px;
}
.main_body {
	position: relative;
	top: 20px;
	left: 30px;
	width: 540px;
	line-height: 1.6em;
}
#main_right {
	width: 593px;
	float: left;
}
/****************************************************
INDEX STRUCTURE AND BACKGROUNDS
****************************************************/
#sec2_container {
	height: 310px;
	margin-bottom: 10px;
}
#sec2_left {
	background: url(../images/index_search_bg.jpg);
	height: 310px;
	width: 638px;
	float: left;
}
#search_container {
	position: relative;
	top: 58px;
	left: 57px;
	width: 285px;
	height: 220px;
	float: left;
}
.search_input {
	width: 220px;
	float: left;
}
.search_input input {
	background: transparent;
	width: 195px;
	border: 0px;
	padding-left: 8px;
	color: #3a3a3a;
}
.search_button {
	position: relative;
	top: -5px;
	float: left;
}
#search_desc {
	clear: both;
	padding-top: 15px;
	line-height: 1.7em;
	height: 160px;
	overflow: hidden;
}
#qlink_container {
	position: relative;
	top: 58px;
	left: 116px;
	width: 196px;
	height: 220px;
	float: left;
}
.qlink_item {
	margin-top: 1px;
	width: 196px;
	height: 23px;
	background: url(../images/qlink_bg.jpg);
	margin-left: 5px;
}
.qlink_text {
	position: relative;
	top: 1px;
	left: 18px;
	letter-spacing: 0.1em;
}
.qlink_text a {
	text-decoration: none;
	color: #666;
}
.qlink_text a:hover {
	color: #373737;
}
#sec2_right {
	background: #111;
	height: 310px;
	width: 292px;
	float: left;
}
.sec2_promo_bg {
	height: 155px;
	background: url(../images/index_promo_bg.jpg);
}
.sec2_promo2_bg {
	height: 155px;
	background: url(../images/index_promo2_bg.jpg);
}
.sec2_promo_img {
	position: relative;
	top: 14px;
	left: 13px;
}




/* FOLIO SPECIFIC */
#folio_subnav {
	height: 11px;
	width: 920px;
	margin: auto;
	padding-top: 17px;
	padding-left: 9px;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}
.folio_link {
	text-decoration: none;
	color: #666;
}
.folio_link:hover,
.folio_curr_link {
	text-decoration: none;
	color: #373737;
}
#folio_pagesbg {
	height:  29px;
}
#folio_pages {
	text-align: right;
	padding-top: 8px;
	padding-right: 25px;
}
#folio_pages a {
	padding: 4px 8px;
}
.page_link {
	color: #666;
	text-decoration: none;
}
.page_link:hover,
.page_curr_link {
	color: #373737;
	text-decoration: none;
}
#folio_container {
	padding-top: 15px;
	padding-bottom: 10px;
}

.folio_img {
	margin-top: 5px;
	margin-bottom: 20px;
}

#search_bar {
	position: relative;
	left: 5px;
	top: -7px;
	float: left;
	background: url(../images/search_barbg.jpg) no-repeat;
}
#search_pages {
	margin-top: -8px;
	float: right;
}
#search_barform {
	position: relative;
	top: -5px;
	left: 9px;
}
#search_barform .search_button {
	position: relative;
	top:  0px;
}
#search-words {
	height: 30px;
	margin-top: 10px;
	color: #373737;
	padding-left: 5px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: Geneva;
}
#xtranet_login_form {
	width: 260px;
	padding: 20px;
	margin: auto;
}
#xtranet_login_form .login_form_usr,
#xtranet_login_form .login_form_pwd {
	width: 225px;
	text-align: right;
	margin-bottom: 5px;
	margin-left: 10px;
}
#xtranet_login_form label {
	color: #373737;
}
#xtranet_login_form .login_form_usr input,
#xtranet_login_form .login_form_pwd input {
	width: 150px;
}
#xtranet_login_form .submit {
	width: 210px;
	margin: auto;
	text-align: right;
}
#xtranet_login_form .submit input {
	width: 60px;
	margin-top: 4px;
}
#xtranet_login_error {
	margin-top: 15px;
	text-align: center;
	text-transform: uppercase;
}
