@import url("./whitespace-reset.css");

body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #212b3b; }
.float-right {
	float: right;
	margin: 0 0 0 10px; }

#sitewrapper {
	width: 960px;
	margin: 40px auto; }

#header {
	position: relative;
	height: 210px;
	background: #f0d645; }
	#header #flash-heading {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
		width: 960px;
		height: 195px; }
#index #header {
	height: 536px;
	background: transparent; }
	#header h1 {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
		width: 932px;
		height: 185px;
		padding: 25px 0 0 28px;
		background: transparent url("../images/logo.png") 28px 25px no-repeat; }
	#index #header h1 { background: transparent url("../images/logo.png") 28px 25px no-repeat; }
		#header h1 a {
			display: block;
			width: 390px;
			height: 96px;
			text-indent: -8685px;
			outline: none; }
			
	#index #header .systems{
	height: 536px;
	background: transparent; }
	#header h1.systems {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
		width: 932px;
		height: 185px;
		padding: 25px 0 0 28px;
		background: transparent url("../images/logo_systems.png") 28px 25px no-repeat; }
	#index #header h1.systems { background: transparent url("../images/logo_systems.png") 28px 25px no-repeat; }
		#header h1 a.systems{
			display: block;
			width: 390px;
			height: 96px;
			text-indent: -8685px;
			outline: none; }
	#header .service {
	position: relative;
	height: 158px;
	background: #f0d645; }		
	#index #header .service{
	height: 536px;
	background: transparent; }
	#header h1.service {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
		width: 932px;
		height: 185px;
		padding: 25px 0 0 28px;
		background: transparent url("../images/logo_service.png") 28px 25px no-repeat; }		
		#index #header h1.service { background: transparent url("../images/logo_service.png") 28px 25px no-repeat; }
		#header h1 a.service{
			display: block;
			width: 390px;
			height: 96px;
			text-indent: -8685px;
			outline: none; }		
	#header #subnav{
	    position: absolute;
		padding-left: 715px;
		z-index: 6;
		font-size: 16px;}	
	#header p.phone {
		position: absolute;
		right: 0;
		top: -20px;
		z-index: 6;
		font-size: 16px;
		color: #ffd654; }
	#header ul {
		position: absolute;
		left: 0;
		z-index: 6;
		width: 920px;
		padding: 0 20px; }
	#header ul#nav {
		bottom: 0;
		width: 820px;
		padding-left: 120px; }
	#index #header ul#nav {
		background: transparent url("../images/bg_nav.gif") 0 0 repeat-x; }
		#header ul li {
			float: left;
			padding: 8px 30px 7px 0;
			font-size: 18px; }
		#header ul a {
			color: #282526;
			text-decoration: none; }
		#header ul a:hover { text-decoration: underline; }
		#header ul#nav ul {
			display: none;
			top: 100%;
			background: #ffffff; }
			#header ul#nav ul li { font-size: 15px; }
		.sml{
				font-size: 12px !important;
			}
	#header #slideshow-container {
		display: block;
		position: absolute;
		left: 0;
		top: 152px;
		z-index: 2; }
	#header #slideshow {
		position: relative;
		width: 960px;
		height: 357px;
		overflow: hidden; }
		#header #slideshow img {
			display: block;
			width: 960px;
			height: 357px; }
	#header blockquote {
		position: absolute;
		left: 0;
		top: 157px;
		z-index: 3;
		width: 251px;
		height: 295px;
		padding: 40px 15px 24px 30px;
		overflow: hidden;
		background: transparent url("../images/bg_testimonial.png") repeat; }
		#header blockquote p {
			padding: 0 0 15px 0;
			font-size: 16px;
			line-height: 140%;
			color: #ffffff;
			text-shadow: 2px 2px 2px #181818; }
		#header blockquote p.name {
			font-size: 14px;
			font-weight: bold; }
form#subscribe {
	position: absolute;
	right: 35px;
	top: 68px;
	z-index: 7;
	width: 197px; }
	form#subscribe fieldset { border: none; }
	form#subscribe legend {
		padding: 0;
		font-size: 16px;
		line-height: 130%;
		color: #ffd654; }
	form#subscribe label { display: none; }
	form#subscribe input.input-text {
		float: left;
		width: 158px;
		padding: 2px 5px 0 5px;
		margin: 3px 5px 0 0;
		border: 1px solid #ffffff; }

#content {
	clear: both;
	padding: 25px 0;
	border: 10px solid #41404b;
	background: #ffffff; }
#index #content {
	float: left;
	width: 940px;
	padding: 10px;
	border-width: 10px 0;
	background: #ffffff url("../images/bg_homepage-cols.gif") 0 0 repeat-y; }
	#content .column {
		float: left;
		padding: 10px 15px; }
	#content .news {
		width: 193px;
		margin: 0 14px 0 0; }
		#content .column h2,
		#content .column h3,
		#content .column h4 { color: #333568; }
		#content .news h3 {
			padding: 0 0 20px 0;
			font-size: 30px;
			font-weight: normal; }
			#content .news h3 a {
				float: right;
				width: 21px;
				height: 21px;
				margin: 6px 0 0 0;
				text-indent: -8685px;
				outline: none;
				background: transparent url("../images/icon_rss.gif") 0 0 no-repeat; }
		#content .news li {
			padding: 0 0 10px 0;
			font-size: 11px;
			line-height: 140%; }
			#content .news li strong { font-size: 12px; }
			#content .news li a {
				color: #333333;
				text-decoration: none; }
			#content .news li a:hover { text-decoration: underline; }
a.btn_facebook {
	display: block;
	width: 147px;
	height: 55px;
	margin: 0 auto;
	text-indent: -8685px;
	outline: none;
	background: transparent url("../images/btn_facebook.gif") 0 0 no-repeat; }
	#content .about {
		width: 435px;
		margin: 0 14px 0 0;
		font-size: 12px; }
		#content .about h2 {
			padding: 0 0 5px 0;
			font-size: 30px;
			font-weight: normal;
			text-transform: uppercase; }
		#content .about p {
			padding: 0 0 10px 0;
			line-height: 130%; }
		#content .about ul { padding: 0 0 10px 18px; }
			#content .about ul li {
				padding: 0 0 3px 0;
				list-style-type: disc;
				font-weight: bold; }
	#content .featured {
		float: none;
		overflow: hidden;
		padding: 12px; }
		#content .featured h3 {
			padding: 0 0 10px 0;
			font-size: 18px;
			font-weight: normal;
			text-transform: uppercase; }
			#content .featured h3 a {
				color: #333568;
				text-decoration: none; }
		#content .featured img {
			display: block;
			width: 200px;
			margin: 0 0 10px 0; }
		#content .featured h4 {
			padding: 0 0 5px 0;
			font-size: 28px;
			font-weight: normal; }
		#content .featured p {
			font-size: 11px;
			line-height: 130%; }

#footer {
	clear: both;
	padding: 15px 0; }
	#footer ul.logos { float: right; }
		#footer ul.logos li {
			display: inline;
			padding: 0 0 0 10px; }
		#footer ul.logos img { vertical-align: middle; }
	#footer p {
		float: right;
		padding: 15px 0;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff; }

img#page-head { display: block; }

#sidebar {
	float: left;
	width: 354px;
	padding: 0 40px 0 20px; }
	#sidebar h1 {
		padding: 0 0 20px 0;
		font-size: 48px;
		font-weight: normal;
		text-transform: uppercase;
		color: #4f65b0; }
#main {
	overflow: hidden;
	padding: 0 30px 0 0; }
	#main p {
		padding: 0 0 15px 0;
		line-height: 140%; }
	#main p.posted {
		font-size: 11px;
		text-transform: uppercase;
		color: #666666; }
	#main ul,
	#main ol { padding: 0 0 15px 18px; }
		#main ul li {
			padding: 0 0 5px 0;
			list-style: disc; }
		#main ol li {
			padding: 0 0 5px 0;
			list-style: decimal; }
	#main blockquote { padding: 0 0 10px 0; }
		#main blockquote p { padding: 0 0 5px 0; }
		#main blockquote p.name {
			text-align: right;
			font-weight: bold; }
	#main h2 {
		padding: 10px 0 5px 0;
		font-size: 17px;
		text-transform: uppercase; }
	#main h2.news-heading {
		font-size: 19px;
		text-transform: none; }
table#complete-projects {
	margin: 0 0 20px 0;
	border-collapse: collapse; }
	table#complete-projects th {
		padding: 3px;
		text-align: left;
		color: #ffffff;
		background: #212b3b;
		border: 1px solid #212b3b; }
	table#complete-projects td {
		padding: 3px;
		border: 1px solid #333333;
		background: #ffffff; }
	table#complete-projects tr.even td { background: #dddddd; }