/* Selectors */

body { margin: 0; font-family: Arial, sans-serif; font-size: 12px; color: #666666; }
p { margin: 0; padding: 0; }

/* Structure */

#main_wrapper { width: 900px; margin: 0 auto; }

/* Header */

#header { float: left; width: 100%; height: 85px; background: url("../images/structure/hdr_logo.jpg") left no-repeat; }
#header h1 { float: left; width: 40%; height: 100%; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; }
#header h1 a { display: block; width: 100%; height: 100%; }

/* Nav */

#nav { float: right; }
#nav ul { float: right; margin: 0; padding: 0; list-style: none; }
#nav ul li { float: left; display: inline; }
#nav ul li a { float: left; display: block; height: 15px; padding: 15px 10px 8px 10px; margin: 0px 5px; font-size: 13px; font-weight: normal; color: #666; text-transform: lowercase; text-decoration: none; letter-spacing: 0.5px; }
#nav ul li a:hover { background: #E82123; color:#FFFFFF; }

#nav_sub { float: right; width: 400px; margin-top: 30px; }
#nav_sub ul { display: inline; margin: 0; padding: 0; list-style: none; }
#nav_sub ul li { float: right; }
#nav_sub ul li a { float: left; display: block; height: 20px; padding: 0px 5px 3px 5px; margin: 0px 5px; font-size: 10px; font-weight: normal; color: #333; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; }
#nav_sub ul li a:hover { border-bottom: solid 2px #E82123; }

#content { float: left; width: 100%; background: url("images/structure/bg_content.jpg") no-repeat top left; }

/* Footer */

#footer { clear: both; width: 870px; height: 50px; margin: 20px auto; padding: 15px; font-size: 11px; color: #333; border-top: solid #e82123 2px; background: #e3e3e3; }
#footer_left { float: left; width: 50%; }
#footer_right { float: right; width: 50%; }
#footer_right img { float: right; margin: 10px 0; }

#nav_footer { height: 15px; margin: 0 0 15px 0; }
#nav_footer ul { margin: 0; padding: 0; list-style: none; }
#nav_footer ul li { display: inline; }
#nav_footer ul li a { display: block; float: left; margin: 0 15px 0 0; font-weight: bold; color: #333; text-decoration: none; }
#nav_footer ul li a:hover { color: #E82123; }

/* Misc */

.clear { clear: both; }

/* index page */

#index_fimage { width: 500px; height: 310px; margin-top: 15px; padding-left: 15px; float: left; }
#index_fimage img { border: #ccc 2px solid; }

#index_featured { float: right; width: 365px; /* height: 200px; */ margin-top: 15px; padding-right: 15px; line-height: 20px; }
#index_featured h2 { margin-top: 0px; margin-bottom: 15px; font-weight: normal; font-size: 24px; color: #545454; }
#index_featured p { padding: 5px 0px; line-height: 20px; text-align:justify; }
#index_featured a { font-size: 11px; color: #E82123; text-decoration: none; text-transform: uppercase;}
#index_featured a.back { float: right; font-size: 11px; color:#E82123; text-decoration: none; text-transform: uppercase; }
#index_featured a:hover { text-decoration: underline; }

#index_intro { width: 470px; height: 220px; margin-top: 20px; padding-left: 15px; float: left; line-height: 20px; }
#index_intro h3 { font-size: 20px; font-weight: lighter; color: #545454; letter-spacing: 0.05em; margin-top: 0px; margin-bottom: 0px; }
#index_intro h4 { font-size: 16px; color:#666666; font-weight: normal; letter-spacing: 1px; margin-top: 8px; margin-bottom: 5px; line-height: 22px; }
#index_intro p { line-height: 20px; }

#index_news { width: 380px; height: 220px; margin-top: 20px; float: right; line-height: 20px; }
#index_news h3{ font-size: 13px; color:#fff; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin-top: 0px; margin-bottom: 5px; padding: 2px 10px; background-color: #E82123; }
#index_news p { padding: 5px 10px; }
#index_news a { color: #E82123; text-decoration: underline; }

/* --- end index section --- */

/* showcase section */

.thumb_preview {
	width: 200px;
	height: 250px;
	background: #E4E4E4;
	color:#333;
	line-height: 20px;
	float: left;
	margin: 15px 6px 10px 12px;	
	border-bottom: 2px #E82123 solid;
}

.thumb_preview h5 {
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 3px;
}

.thumb_preview p {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 5px;
}

.thumb_preview img {
	border: #666666 solid 2px;
}

.thumb_preview a {
	color: #E82123;
	text-decoration: none;
}

.thumb_preview a:hover {
	text-decoration: underline;
}

#showcase_image {
	float: left;
	width: 480px;
	margin: 15px 0;
	padding-left: 15px;
}

#showcase_image img {
	border: 1px #CCC solid;
}

#showcase_copy {
	float: right;
	width: 365px;
	height: 200px;
	margin-top: 20px;
	padding-right: 15px;
	line-height: 24px;
}

#showcase_copy h3 {
	margin: 0px 0px 15px 0px;
	font-weight: normal;
	font-size: 24px;
	color: #545454;
}

#showcase_copy p {
	padding: 5px 0;
}

#showcase_copy a {
	font-size: 11px;
	color: #E82123;
	text-decoration: none;
	text-transform: uppercase;
}

#showcase_copy a.back {
	float: right;
	font-size: 11px;
	color:#E82123;
	text-decoration: none;
	text-transform: uppercase;
}

#showcase_copy a:hover {
	text-decoration: underline;
}

/* --- end showcase --- */

/* begin contact section */

#contact_enquiry {
	float: left;
	width: 480px;
	margin-top: 15px;
	padding: 0px 0px 15px 15px;
}

#contact_enquiry h2 {
	margin: 0;
	font-size: 24px;
	font-weight: lighter;
	color: #545454;
}

#contact_details {
	width: 365px;
	height: 200px;
	margin-top: 20px;
	padding-right: 15px;
	float: right;
	line-height: 20px;
	font-size: 15px;
}

#contact_details h3 {
	margin: 0px 0px 15px 0px;
	font-size: 24px;
	font-weight: lighter;
	color:#545454;
}

#contact_details p {
	font-size: 13px;
	color: #333;
	line-height: 24px;
	padding: 5px 0px;
}

/* --- end contact section --- */

/* --- begin company secction --- */


#company_body, #campaign_body {
	float: left;
	width: 480px;
	margin-top: 15px;
	padding: 0px 0px 15px 15px;
}

#campaign_body {
	width: 875px;
}

#campaign_body img {
	margin: 15px 0 0 20px;
}

#company_body h2, #campaign_body h2 {
	margin: 0 0 15px 0;
	font-size: 24px;
	font-weight: normal;
	color: #545454;
}

#campaign_body h3 {
	margin: 0px 0px 15px 0px;
	font-size: 16px;
	font-weight: lighter;
	color:#545454;
}

#company_body h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
}

#campaign_body h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	border-bottom: solid #CCC 1px;
}

#company_body h4.team {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 24px;
	color: #ED1B25;
	border-bottom: solid #CCC 1px;
}

#company_body p, #campaign_body p {
	font-size: 13px;
	color: #333;
	line-height: 24px;
	padding: 5px 0px;
}

#company_body ul {
	line-height: 30px;
}

#company_side {
	float: right;
	width: 365px;
	margin-top: 15px;
	padding-right: 15px;
	line-height: 24px;
}

#company_side h3 {
	margin: 0 0 15px 0;
	font-size: 24px;
	font-weight: normal;
	color: #545454;
}

#company_side h5 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 24px;
	color: #ED1B25;
	margin-top: 45px;
	border-bottom: solid #CCC 1px;
}

#company_side p {
	padding: 5px 0px;
}

/* --- end company section --- */

/* begin clients section */

#clients_logos {
	float: left;
	width: 480px;
	margin: 15px 0;
	padding-left: 15px;
}


#clients_side {
	float: right;
	width: 365px;
	margin-top: 15px;
	padding-right: 15px;
	line-height: 24px;
}

#clients_side h3 {
	margin: 0 0 15px 0;
	font-size: 24px;
	font-weight: normal;
	color: #545454;
}

#clients_side p {
	padding: 5px 0px;
}

#weather {
	padding: 25px;
	width: 120px;
	height: 200px;
	overflow: hidden;
	float: left;
}

#weather_right {
	padding: 25px;
	width: 190px;
	height: 200px;
	overflow: hidden;
	float: left;
}