﻿/* CSS Document */

/*Heading information*/
body { 
	background: #ddd url(../images/bg.jpg) repeat-x;
	font-family: "Lucida Sans", sans-serif;
	font-size: 0.75em;
}

h1 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #333333;
	text-transform: capitalize;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #333333;
	text-transform: capitalize;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #333333;
}

p { margin: 0; }

.floatRight { float: right; }
.floatLeft { float: left; }

/*Container holding everything in place*/
#container {
	background: url(../images/content_bg.png) top left repeat-y;
	margin: 0px auto;
	width: 910px;
	padding: 10px 10px 8px 10px;
	position: relative;
}
html>body #container { background: url(../images/content_bg.png) top left repeat-y; padding: 10px 10px 5px 10px; overflow: hidden; width: 915px; }
	* html #container { background: url(../images/content_bg.gif) top left repeat-y; padding: 10px 10px 6px 10px; overflow: hidden; width: 914px; }

#left {
	float: left;
	width: 675px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#right {
	float: left;
	width: 235px;
	margin-bottom: 10px;
}		#right a { color: #666; text-decoration: underline; }

#fullwidth {
	float: left;
	padding-bottom: 5px;
	width:100%;
	margin: 0;
	position: relative;
}		#mediastream { position: absolute; left: 0; bottom: 0;}

/*The company logo and contact information*/

#header {
	float: left;
	width: 915px;
	height: 75px;
	padding: 0px 0px 10px 0px;
}

#logo {
	width: 931px;
	height: 75px;
}		#logo img { border: 0; position: absolute; top: 0; left: 4px; }
			* html #logo img { left: 2px; }

/*Main/top Navigation*/
#nav_holder {
	border-bottom: #999 1px solid;
	margin-right: 5px;
}		#nav_holder2 { border-bottom: #999 1px solid; }
			#nav {
				height: 22px;
				margin: 0 5px 0 0;
				padding: 0;
			}		#nav li { list-style: none; margin: 0; float: left; text-transform: none; width: auto; }
					#nav li a { float: left; font-size: 1.2em; color: #666; text-decoration: none; border-right: #404040 1px solid; padding: 0 10px; height: 15px; display: block; width: auto; }
						#nav li a:hover { color: #000; }

/*Scroller*/

#news {
	background: #ebebeb;
	overflow: hidden;
	padding: 10px;
	clear: both;
}		.news_header { font-size: 1.167em; margin: 3px; float: left; width: auto; }
			#scroller {
				height: 310px;
				clear: both;
			}		#scroller a { font-weight: bold; color: #333; text-decoration: none; }
						#scroller a:hover { color: #E95E1A; }
						
#intro {
	padding: 0;
}		#intro p { font-size: 1.667em; line-height: 26px; margin: 10px 0 10px 10px; }
#intro h1 { font-size: 1.667em; font-family: "Lucida Sans", sans-serif; font-weight:bold; line-height: 26px; text-transform: none; margin: 10px 0 10px 10px; }
	
.services {
	width: 220px;
	float: left;
}		.services h2 { font-size: 1.25em; border-bottom: #999 1px solid; font-weight: 600; padding: 0 0 5px 0; margin: 5px 0 5px 0; text-transform: uppercase; }
        .services p { color: #666; font-size: 1em; 	padding: 0 20px 0 0; }
		.services ul { padding: 0; margin: 10px 0 0 10px; }
			.services ul li { list-style: none; padding: 2px; }
				.services a { color: #333; text-decoration: none; }
					.services a:hover { color: #E95E1A; }
				.services ul li a { color: #333; text-decoration: none; }
					.services ul li a:hover { color: #E95E1A; }
					
					
.services1 {
	width: 215px;
	float: left;
	margin-left:10px;
}		.services1 h2 { font-size: 1.25em; border-bottom: #999 1px solid; font-weight: 600; padding: 0 0 5px 0; margin: 5px 0 5px 0; text-transform: uppercase; }
        .services1 p { color: #666; font-size: 1em; 	padding: 0 20px 0 0; }
		.services1 ul { padding: 0; margin: 10px 0 0 10px; }
			.services1 ul li { list-style: none; padding: 2px; }
				.services1 a { color: #333; text-decoration: none; }
					.services1 a:hover { color: #E95E1A; }
				.services1 ul li a { color: #333; text-decoration: none; }
					.services1 ul li a:hover { color: #E95E1A; }


#clients {
	clear: both;
}		.work { background: url(../images/work_bg.jpg) no-repeat; width: 167px; height: 183px; float: left; margin: 0 5px; position: relative; padding: 5px 0 0 5px; }
		.worktext { color: #4c4c4c; position: absolute; width: 157px; padding: 5px; bottom: 0; left: 0; font-size: 0.833em;  }
			.work img { border: 0; }

/*Footer information*/
#footer {
	background: #525254 url(../images/footbg.jpg) repeat-x;
	min-height: 160px;
	padding: 5px 5px 5px 7px;
	color: #fff;
	float: left;
	position: relative;
	width: 900px;
}		#footer a { color: #fff; text-decoration: none; }
			#footer a:hover { color: #FF914F; }
		#bottomlinks { clear: both; position: absolute; right: 10px; bottom: 10px; float: right; width: auto; }
		/*#bottomaddress { clear: both; position: absolute; font-size: 0.8em; color: #ccc; right: 10px; bottom: 0px; float: right; width: auto; }*/
		#bottomaddress { clear: both; font-size: 0.8em; color: #666; float: right; width: auto; margin-top:5px; margin-right:10px;}
		#bottomshadow { background: url(../images/bottom_shadow.png) no-repeat; width: 946px; height: 9px; margin: 0 auto; z-index: 100; clear: both; }
#footer ul { padding: 0; margin: 0; }
	* html #footer { 
		background: #525254 url(../images/footbg.jpg) repeat-x;
		min-height: 160px;
		padding: 5px 5px 5px 7px;
		color: #fff;
		float: left;
		margin: 10px 0 5px 0;
		position: relative;
		width: 898px;
	}
/* hi */
html>body #bottomshadow { background: url(../images/bottom_shadow.png) no-repeat; width: 946px; height: 9px; margin: 0 auto; z-index: 100; clear: both; }
html>body #footer { padding-top: 0; width: 900px; clear: both; margin-left: 1px; }
	* html #bottomshadow { background: url(../images/bottom_shadow.gif) no-repeat; width: 935px; height: 9px; margin: 0 auto; z-index: 100; clear: both; }

/* Sitemap styling */
.sitemaplinks {
	height: 120px;
}		.sitemapcol { width: 135px; float: left; margin-right: 11px; padding: 1px; }
			.sitemapcol a { color: #ccc !important; font-size: 0.833em; }
				.sitemapcol a:hover { color: #FF914F !important; }
		.sitemapcol_headers { width: 135px; float: left; margin-right: 12px; }
		.sitemapheadings { padding: 5px 2px; border-bottom: #7D7D7F 1px solid; overflow: hidden; margin-bottom: 5px; }
		.sitemapcol li { list-style: none outside; display: block; }
		
		html>body .sitemapcol { width: 135px; float: left; margin-right: 12px; padding: 1px; }
			html>body .sitemapcol a { color: #ccc !important; font-size: 0.833em; }
				html>body .sitemapcol a:hover { color: #FF914F !important; }
		html>body .sitemapcol_headers { width: 135px; float: left; margin-right: 13px; }
		html>body .sitemapheadings { padding: 5px 3px; border-bottom: #7D7D7F 1px solid; overflow: hidden; margin-bottom: 5px; }
		html>body .sitemapcol li { list-style: none outside; display: block; }

/*Interior left hand side*/
div#interior_left {
	position: relative;
	float: left;
	width: 190px;
	padding: 5px 0px 0px 5px;
	margin: 10px 0 10px -5px;
	/*border: solid 1px black;*/
}		#interior_left a { display: block; margin: 0 0 3px 0; padding: 4px 0 4px 10px; text-decoration: none; color: #333; }
		#interior_left a:hover { color: #ff6600; }
			#submenu_links a {	
				display: block;
				padding: 5px 0px 6px 25px;
				/*color: #ff6600;  underline below for subnav*/
			}		#submenu_links a:hover { text-decoration: none; }
		* html #interior_left { height: 360px; }
			* html #interior_left a { display: block; width: 165px; }

/*Interior main area*/
#interior_middle {
	width: 650px;
	float: left;
	height: auto;
	margin: 5px 0px 10px 0px;
	padding: 10px 10px 40px 0;
	color: #333;
}		#interior_middle p { color: #333; padding: 5px 0; }	
		#interior_middle h2 { color: #333; margin-top: 0; }
		#interior_middle a { color: #666; text-decoration: underline; }
			#interior_middle a:hover { color: #E95E1A; }
		.newstitle{ font-weight: bold; color: #333; }
		#interior_middle ul { margin: 0 0 0 15px; padding: 0; }
		#interior_middle li { list-style: outside; }
		#interior_middle img { border: 0; margin-right: 5px; }	
		
#interior_middle_sidebar {
	width: 450px;
	float: left;
	height: auto;
	margin: 5px 0px 10px 0px;
	padding: 10px 10px 40px 0;
	color: #333;
}		#interior_middle_sidebar p { color: #333; padding: 5px 0; }
		#interior_middle_sidebar h2 { color: #333; margin-top: 0; }
		#interior_middle_sidebar a { color: #666; text-decoration: underline; }
			#interior_middle_sidebar a:hover { color: #E95E1A; }
		.newstitle{ font-weight: bold; color: #333; }
		#interior_middle_sidebar li { list-style: inside; }

/*Interior right area*/
#interior_right {
	width: 220px;
	float: left;
	height: auto;
	margin: 5px 0px 10px 0px;
	padding: 10px 10px 40px 10px;
	color: #81817F;
}		#interior_right p { color: #81817F; padding: 5px 0; }
		#interior_right h2 { color: #81817F; margin-top: 0; }

/* Sitemap page */
#interior_full {
	width: 900px;
	float: left;
	height: auto;
	margin: 5px 0px 10px 0px;
	padding: 10px 20px 0 10px;
	color: #333;
}		#interior_full p { color: #333; padding: 5px 0; }
		#interior_full h2 { color: #333; margin-top: 0; }
		#interior_full a { color: #333; text-decoration: none; }
			#interior_full a:hover { color: #E95E1A; }
		
.sitemap-fullwidth {
	font-size: 0.833em;
}	.sitemap-fullwidth ul { list-style: none; margin: 0 0 0 20px; }
		.sitemap-fullwidth li { padding: 2px; }
		.sitemap-fullwidth th { text-align: left; width: 200px; }
			* html .sitemap-fullwidth th { text-align: left; width: 100px; white-space: nowrap; }
			* html .sitemap-fullwidth td { white-space: nowrap; }
		.sitemap-fullwidth ul { margin: 0; padding: 0; }
		.sitemap-fullwidth li { list-style: none; }
		.subnav-sitemap { margin-left: 20px; display: block; }
		.sitemap-links { display: block; }

/* Contact page */
div#contactFormHolder {
	width: 500px;
}
.contactleft {
	width: 200px;
	float: left;
	clear: both;
	padding: 1px 0;
}

.contactright {
	width: 250px;
	float: left;
	padding: 4px 0;
}		.input { border: #999 1px solid; padding: 2px; width: 200px; font-family: "Lucida Sans", sans-serif; font-size: 1em; }
		.txtarea { border: #999 1px solid; padding: 2px; width: 200px; font-family: "Lucida Sans", sans-serif; font-size: 1em; }
		.drpdwn { border: #999 1px solid; padding: 2px; width: 205px; font-family: "Lucida Sans", sans-serif; font-size: 1em; }
		.button { padding: 2px 4px; color: #fff; border: #333 1px solid; background: #81817F; }
			.button:hover { color: #E95E1A; background: #f9f9f9; }
		#strCAPTCHA { border: #999 1px solid; padding: 2px; width: 110px; font-family: "Lucida Sans", sans-serif; font-size: 1em; }
		.captchaimage { margin: 0 5px 0 0; float: left; width: auto; }
		
.forminfo {
	clear: both;
}

.requiredfield {
	color: #ff0000;
}