/* @override 
	http://localhost/loud/css/site_struct.css
	http://loud.louddevelopment.com/css/site_struct.css
	http://www.loudcreative.com/css/site_struct.css
	http://localhost/xch_loud/css/site_struct.css
	http://localhost/xch_loud/css/site_struct.css?090817
*/

/****************************************************
TYPOGRAPHY
****************************************************/
body {
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	color: #898780;
	font-size: 11px;
	line-height: 18px;
}
table {
	margin: 0;
}
p {
	padding-bottom:10px;
}
ul {
	margin-left: 30px;
	list-style: square;	
}
ol {
	margin-left: 33px;
	list-style: decimal;	
}

/****************************************************
BASIC STRUCTURE AND BACKGROUNDS
****************************************************/
body {
	background: #1E1C1B;
}
#body_container {
	background: #32312e;
	width: 100%;
}
#body_container A {
	color: #138de0;
	text-decoration: none;
}
#body_container A:hover {
	text-decoration: underline;
}
.section_container {
	width: 900px;
	margin: auto;
	clear: both;
}
/***** Navigation ***********/
#nav	 		{ height: 54px; cursor: pointer; overflow: hidden;width:563px; padding: 0pt; margin: 0pt; list-style-image: none; list-style-position: outside; list-style-type: none;float: right;}
#nav li	 		{float:left; margin: 0pt; padding: 0pt;}
#nav a 			{display:block; height:54px; overflow:hidden; margin: 0pt; padding: 0pt;text-decoration: none;text-indent: -1000px; background: url(../img/site/sprite-nav.jpg);}

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

#nav a.service_current,
#nav a.service					{width: 94px; background-position: -93px 0;}
#nav a.service_current,
#nav a.service:hover 		{background-position: -93px 54px;}

#nav a.webfolio_current,
#nav a.webfolio				{width: 94px; background-position: -187px 0;}
#nav a.webfolio_current,
#nav a.webfolio:hover 		{background-position: -187px 54px;}

#nav a.about_current,
#nav a.about				{width: 94px; background-position: -281px 0;}
#nav a.about_current,
#nav a.about:hover 			{background-position: -281px 54px;}

#nav a.contact_current,
#nav a.contact				{width: 94px; background-position: -375px 0;}
#nav a.contact_current,
#nav a.contact:hover 		{background-position: -375px 54px;}

#nav a.sticky_current,
#nav a.sticky				{width: 94px; background-position: -469px 0;}
#nav a.sticky_current,
#nav a.sticky:hover 		{background-position: -469px 54px;}

#main_container {
	background: #FFF;
}
#header_container {
	height: 85px;
}
#logo_container {
	width: 379px;
	height: 85px;
	float: left;
}
#header_right {
	width: 521px;
	height: 85px;
	float: left;
}
#main_image_container {
	height: 300px;
}
#folio_image_container {
	margin-top: 15px;
	height: 325px;
}
#folio_grid a,
#folio_grid a:hover {
	border: none;
}
#main_image_holder {
	width: 852px;
	margin: auto;
}
#main_content_container {
	width: 852px;
	margin: auto;
	margin-top: 21px;
	padding-bottom: 21px;
}
#template_content_container {
	width: 852px;
	margin: auto;
	margin-top: 21px;
}
#footer_divider {
	height: 43px;
}
#footer_container {
	width: 100%;
	background: url('../img/site/footer_header.jpg') top repeat-x;
}
#footer_content {
	background: #32312e;
	color: #9f9c92;
}
.footer_column1 {
	margin-top: 21px;
	margin-left: 27px;
	width: 171px;
	float: left;
}
.footer_column2 {
	margin-top: 21px;
	width: 181px;
	float: left;
}
.footer_column3 {
	margin-top: 21px;
	width: 179px;
	float: left;
}
.footer_column4 {
	margin-top: 21px;
	width: 190px;
	float: left;
}
.footer_column5 {
	margin-top: 21px;
	width: 130px;
	float: left;
}
.footer_clear {
	clear: both;
	height: 10px;
}
.footer_title {
	font-weight: bold;
}
#footer_content a {
	color: #9f9c92;
	text-decoration: none;
}
#footer_content a:hover {
	color: #FFD100;
}
#footer_icons {
	height: 43px;
}
#footer_icons_container {
	height: 43px;
	width: 280px;
	float: right;
	margin-right: 10px;
}
.footer_icon_flickr {
	height: 43px;
	width: 64px;
	background: url(../img/site/social_icons.jpg);
	float: left;
	cursor: pointer;
	text-indent: -9500px;
}
.footer_icon_flickr:hover {
	background-position: 0 -43px;
}
.footer_icon_linked {
	height: 43px;
	width: 112px;
	background: url(../img/site/social_icons.jpg);
	background-position: -64px 0px;
	float: left;
	cursor: pointer;
	text-indent: -9500px;
}
.footer_icon_linked:hover {
	background-position: -64px -43px;
}
.footer_icon_facebook {
	height: 43px;
	width: 102px;
	background: url(../img/site/social_icons.jpg);
	background-position: -176px 0px;
	float: left;
	cursor: pointer;
	text-indent: -9500px;
}
.footer_icon_facebook:hover {
	background-position: -176px -43px;
}
/* PAGE SPECIFIC ***********************************/
#page_container {
	min-height: 400px;
	height:auto !important;
	height:400px;
}
#page_left {
	width: 290px;
	float: left;
}
#page_left_container {
	width: 268px;
	float: left;
}
#page_right {
	width: 562px;
	float: right;
}
#page_title {
	font-size: 21px;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 1px;
}
#page_body {
	width: 560px;
	margin-left: 2px;
}
#page_subnav_container {
	margin-top: 5px;
}
.subnav_item {
	height: 24px;
}
.subnav_active,
.subnav_item:hover {
	background: #f3f1eb;
}
.subnav_txt {
	position: relative;
	top: 3px;
	left: 16px;
}
#page_subnav_container a {
	color: #898780;
	font-weight: bold;
	text-decoration: none;
}
#page_subnav_container a:hover {
	text-decoration: none;
}
/* FULL PAGE SPECIFIC ***********************************/
#full_page_title {
	font-size: 22px;
	margin-bottom: 2px;
}
/* HOME SPECIFIC ***********************************/
#home_banner_container {
	height: 133px;
	margin-bottom: 10px;
}
.home_banner {
	width: 268px;
	height: 133px;
	background: url(../img/site/home_banner_bg.jpg);
	float: left;
}
.home_banner_spacer {
	width: 24px;
	height: 10px;
	float: left;
}
#home_news_hdr_bg {
	height: 52px;
	background: url(../img/site/home_news_header_bg.jpg);
}
#home_news_hdr_title {
	float: left;
	width: 200px;
	font-size: 21px;
	color: #85827a;
	margin-top: 5px;
}
#home_news_body {
	background: #efede6;
}
.home_news_date_bg {
	height: 26px;
	background: url(../img/site/home_news_date_bg.jpg);
}
.home_news_date {
	color: #FFF;
	font-weight: bold;
	position: relative;
	top: 4px;
	left: 28px;
}
.home_news_title {
	color: #138de0;
	font-weight: bold;
	margin-left: 20px;
	width: 225px;
	margin-bottom: -3px;
}
.home_news_content {
	color: #7f7d78;
	margin-left: 20px;
	width: 225px;
	margin-top: -2px;
}
.home_news_readmore {
	font-weight: bold;
	margin-left: 20px;
	width: 225px;
	text-align: right;
	margin-bottom: 10px;
}
#home_news_body a  {
		color: #747067;
		text-decoration: none;
}
#home_news_body a:hover  {
		color: #138de0;
}
/* FOLIO SPECIFIC ***********************************/
#folio_content_container {
	width: 852px;
	margin: auto;
	padding-bottom: 21px;
}
#folio_nav_container {
	width: 495px;
	margin: auto;
}
#template_nav_container {
	width: 495px;
}
.folio_nav_button {
	float: left;
	width: 246px;
	height: 37px;
	background: #595752;
	margin-right: 1px;
	text-align: center;
	cursor: pointer;
}
.folio_nav_txt {
	margin-top: 10px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
#template_nav_container a,
#folio_nav_container a {
	color: #FFF;
	text-decoration: none;
	font-size: 17px;
	letter-spacing: 0.1em;
}
#template_nav_container a:hover,
#folio_nav_container a:hover {
	text-decoration: none;
}
.folio_nav_active,
.folio_nav_button:hover {
	background: #32312E;
}
#folio_title_container {
	margin-top: 15px;
	margin-bottom: 14px;
	color: #FFD100;
}
#folio_paginate {
	height: 27px;
	float: right;
	margin-top: 10px;
}
#folio_paginate_txt {
	float: left;
	font-size: 16px;
	padding-top: 4px;
}
.folio_paginate_page {
	width: 27px;
	height: 27px;
	background: #595752;
	float: left;
	margin-left: 1px;
	cursor: pointer;
}
.paginate_active,
.folio_paginate_page:hover {
	background: #32312E;
	
}
.paginate_active {
	height: 21px;
}
.folio_row {
	margin-top: 19px;
	height: 159px
}
#folio_paginate a {
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}
.folio_paginate_pagetxt {
	padding-top: 5px;
	text-align: center;
}
.folio_item {
	float: left;
	width: 199px;
	height: 159px;
	cursor: pointer;
}
.folio_19spacer {
	float: left;
	width: 19px;
}
.folio_18spacer {
	float: left;
	width: 18px;
}
.folio_content {
	width: 199px;
	height: 37px;
	background: #32312E;
}
.folio_title {
	margin-left: 7px;
	padding-top: 3px;
}
.folio_desc {
	margin-left: 7px;
	margin-top: -5px;
}
#folio_grid a {
	color: #FFF;
	text-decoration: none;
}
#folio_grid a:hover {
	text-decoration: none;
}
#template_sidebar_spacer {
	height: 12px;
}
/* CONTACT SPECIFIC **************************/
#contact_info_container {
	width: 230px;
	margin: auto;
}
#contact_body {
	width: 550px;
	margin: 15px 0px 20px 2px;
}
#contact_step_title {
	font-size: 21px;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 3px;
	color: #FFD100;
}
#contact_buttons {
	width: 248px;
	margin: auto;
	height: 60px;
	font-size: 14px;
}
.contact_button {
	float: left;
	height: 58px;
	padding-top: 14px;
		
}
.contact_clear {
	margin-right: 15px;
}
input.contact_reset {
	width: 115px;
	height: 58px;
	background: url(../img/site/btn-clear.jpg);
	border: none;
	cursor: pointer;
	text-indent: -1500px;
}
input.contact_submit {
	width: 117px;
	height: 58px;
	background: url(../img/site/btn-submit.jpg);
	border: none;
	cursor: pointer;
	text-indent: -1500px;
}
input.contact_submit:hover,
input.contact_reset:hover {
	background-position: 0 58px;
}
.form_field_container {
	width: 536px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
.form_field_title {
	position: relative;
	top: 2px;
}
.form_long_container {
	width: 538px;
	height: 29px;
	background: url(../img/site/form_long_text_bg.jpg) no-repeat;
}
input.form_long_text {
	width: 529px;
	background: transparent;
	color: #898780;
	padding-top: 8px;
	padding-left: 8px;
	border: none;
}
.form_short_field {
	width: 260px;
	float: left;
}
.form_double_spacer {
	width: 16px;
	height: 10px;
	float: left;
}
.form_short_container {
	width: 260px;
	height: 28px;
	background: url(../img/site/form_short_text_bg.jpg);
}
input.form_short_text {
	width: 248px;
	background: transparent;
	color: #898780;
	padding-top: 8px;
	padding-left: 8px;
	border: none;
}
.form_instr {
	font-weight: bold;
	color: #138de0;
	margin-top: -5px;
}
.form_txtarea_container {
	width: 538px;
	height: 100px;
	background: url(../img/site/form_textarea_bg.jpg);
}
textarea.form_textarea {
	width: 529px;
	height: 90px;
	background: transparent;
	border: none;
	color: #898780;
	resize: none;
	padding-top: 6px;
	padding-left: 6px;
}
.form_spam_container {
	width: 97px;
	height: 27px;
	background: url(../img/site/form_spam_field.jpg);
	float: left;
}
.form_spam_title {
	font-weight: bold;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}
input.form_spam {
	width: 85px;
	background: transparent;
	color: #898780;
	padding-top: 8px;
	padding-left: 8px;
	border: none;
}
.form_checkbox_column {
	width: 175px;
	float: left;
}
div.input.checkbox {
	margin-top: 5px;
	margin-bottom: 10px;
}
#form_errors {
	clear: both;
	width: 300px;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 10px;
	color: #F00;
	font-size: 13px;
}
.form_error_notice {
	color: #F00;
	font-size: 10px;
	font-weight: bold;
}
.form_radio_btn {
	width: 177px;
	height: 30px;
	float: left;
}
/* EMAIL LIST SPECIFIC *********************************/
#email_list_header {
	width:  268px;
	height: 61px;
	background: url(../img/site/email_list_top.jpg);
}
#email_list_hdr_title {
		float: left;
	width: 204px;
	font-size: 21px;
	color: #85827a;
	margin-top: 30px;
}
#email_list_content {
	width: 249px;
	margin-left: 18px;
}
#join_notify {
	display: none;
}
.email_list_field {
	width: 249px;
	height: 29px;
	background: url(../img/site/email_list_field_bg.jpg);
}
input#join_email {
	width: 238px;
	background: transparent;
	color: #898780;
	padding-top: 7px;
	padding-left: 8px;
	border: none;
}
.joinemail_btn_container {
	width: 69px;
	height: 45px;
	margin-left: 165px;
}
.joinemail_btn {
	width: 93px;
	height: 58px;
	background: url(../img/site/btn-join.jpg);
	border: none;
	cursor: pointer;
}
.joinemail_btn:hover {
	background-position: 0 -58px;
}
/* CLIENTS SPECIFIC *********************************/
#clients_container {
	background: #FFF;
	width: 412px;
	margin: auto;
	margin-top: 50px;
}
.clients_form_title {
	margin: auto;
	width: 343px;
}
.clients_form_field {
	width: 412px;
	height: 30px;
	background: url(../img/site/clients_field_bg.jpg);
}
.clients_spacer {
	margin-top: 10px;
}
#clients_container input {
	width: 340px;
	border: none;
	background: transparent;
	margin-top: 4px;
	margin-left: 35px;
	height: 19px;
	color: #898780;
	padding-left: 4px;
}
#client_button_bg {
	height: 56px;
	width: 103px;
	margin: auto;
	background: url(../img/site/btn_contact_bg.jpg) no-repeat;
	padding-top: 9px;
	margin-top: 15px;
}
#client_button_bg input {
	width: 103px;
	height: 37px;
	background: #595752;
	border: none;
	cursor: pointer;
	color: #FFF;
	font-size: 17px;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	padding-top: 0px;
	margin-left: 0px;
}
#client_button_bg input:hover {
	background: #32312E;
}
#error_title_container {
	margin-top: 15px;
	color: #FFD100;
}
/*****MEDIA CHANNELS  *************************************/
#media_link_titles a {
	font-size: 26px;
	color: #898780;
	padding-left: 4px;
	text-transform: uppercase;
}
#media_link_titles a.subnav_active,
#media_link_titles a:hover {
	color: #FFD100;
	text-decoration: none;
}
.media_link_title {
	margin-top: 4px;
	margin-bottom: 4px;
}
#media_channel_container {
	margin-top: 0px;
}
.channel_item {
	float:left;
	width: 115px;
}
.channel_img {
	width: 95px;
	height: 95px;
	margin: auto;
}
.channel_title {
	padding-top: 4px;
	width: 115px;
	text-align: center;
}
#media_channel_container a {
	color: #898780;
	text-decoration: none;
	font-weight: bold;
}
#media_channel_container a:hover {
	color: #FFD100;
	text-decoration: none;
}
.media_17spacer {
	float: left;
	width: 17px;
}
.media_16spacer {
	float: left;
	width: 16px;
}