/* BEGIN: General Styles */
html,
body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: Georgia, Times, serif;
}

div#site_container {
	position: relative;
	min-height: 100%;
}

div#header,
div#body {
	padding: 0 100px;
}

div#header div.wrapper,
div#body div.wrapper,
div#footer div.wrapper {
	width: 940px;
	margin: 0 auto;
}

div#body div.wrapper {
	padding-top: 22px;
	padding-bottom: 15px;
}

a {
	text-decoration: none;
	color: #c64a17;
}

a:hover { text-decoration: underline; }

a.button {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	background: transparent no-repeat left top;
}
a:hover.button { background-position: left bottom; }
a img { border: none; }
a.more { white-space: nowrap; }

p.flash { text-align: center; }
br.clear { clear: both; }
sup { line-height: 1; }

/* Added by MCL to clear floats */
hr { clear: both; }
div.clr { clear: both; }
/* END: General Styles */

/* BEGIN: Header */
div#header {
	height: 74px;
	color: #dadada;
	background-color: #a53c17;
}

div#header div.wrapper {
	position: relative;
	height: 74px;
	background: transparent url(../images/header/header.jpg) no-repeat left top;
}

div#header a {
	color: #dadada;
	font-family: Helvetica, Arial, sans-serif;
}
	
	/* BEGIN: Logo */
	h1 {
		float: left;
		margin-top: 18px;
		width: 293px;
		height: 43px;
	}
	
	h1 a.button {
		width: 293px;
		height: 43px;
		background-image: url(../images/header/logo.png);
	}
	/* END: Logo */
	
	/* BEGIN: Top Nav */
	ul#nav_top {
		position: absolute;
		right: 0;
		bottom: 0;
		float: left;
		padding: 0 0 10px 0;
		margin: 0;
		margin-left: 0;
		list-style: none;
		font-weight: bold;
	}
	
	ul#nav_top li {
		float: left;
		padding-top: 4px;
		margin-left: 16px;
	}
	
	ul#nav_top li.first { margin-left: 0; }
	
	ul#nav_top li a:hover {
		text-decoration: none;
		color: #ffffff;
	}

	ul#nav_top li#nav_top_get-started { padding-top: 0; }
	
	ul#nav_top li#nav_top_get-started a.button {
		width: 93px;
		height: 23px;
		background-image: url(../images/header/get-started.gif);
	}

		/* BEGIN: Sub Nav */
		ul#nav_top li ul {
			display: none;
			position: absolute;
			right: 0;
			bottom: -24px;
			float: left;
			padding: 0;
			margin: 0;
			list-style: none;
			font-weight: bold;
			font-size: 12px;
		}
		
		ul#nav_top li ul li {
			float: left;
			margin-left: 16px;
			line-height: 1.3em;
		}
		
		ul#nav_top li ul li.first { margin-left: 0; }
		
		ul#nav_top li ul li a,
		ul#nav_top li#nav_top_products ul li a,
		ul#nav_top li#nav_top_services ul li a,
		ul#nav_top li#nav_top_portfolio ul li a,
		ul#nav_top li#nav_top_clients ul li a,
		ul#nav_top li#nav_top_support ul li a,
		ul#nav_top li#nav_top_about ul li a {
			text-decoration: none;
			color: #c64a17;
		}
		
		ul#nav_top li ul li a:hover {
			text-decoration: none;
			color: #c64a17;
		}
		/* END: Sub Nav */

	/* END: Top Nav */

/* END: Header */

/* BEGIN: Body */
div#body {
	padding-bottom: 192px; /* height of footer */
	color: #000000;
	background-color: #ffffff;
}

	/* BEGIN: Page Title */
	div#body h2.page-title { display: none; }
	/* END: Page Title */

	/* BEGIN: Left Column */
	div#body div.left {
		float: left;
		width: 540px;
		margin-right: 18px;
	}

	div#body div.left h3 {
		margin: 0 0 12px 0;
		font: bold 30px Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.1em;
		color: #707070;
	}

	div#body div.left div.content-block {
		padding-top: 16px;
		/* border-top: 1px solid #73c5c8; */
	}

	div#body div.left div.no-border {
		border-top: none;
	}

	div#body div.left div.content-block img {
		float: right;
		margin-left: 12px;
		background-color: #cecece;
	}

	/* Added by MCL to float images left */
	div#body div.left div.content-block img.floatleft {
		float: left;
		margin-right: 12px;
		margin-bottom: 12px;
		background-color: #cecece;
	}

	/* Added by MCL to center images */
	div#body div.left div.content-block img.floatnone {
		float: none;
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 12px;
		background-color: #cecece;
	}
	
	div#body div.left div.content-block h4 {
		margin: 0 0 10px 0;
		font-weight: normal;
		font-size: 18px;
		line-height: 25px;
	}

	div#body div.left div.content-block p {
		margin: 0 0 16px 0;
		line-height: 21px;
	}

	div#body div.left div.content-block p a {
		font: bold 12px Helvetica, Arial, sans-serif;
	}
	
	/* END: Left Column */

	/* BEGIN: Right Column */
	div#body a#cta_large {
		float: left;
		display: block;
		width: 340px;
		height: 60px;
		margin-top: 12px;
		padding: 14px 20px;
		background: transparent url(../images/body/cta_large.gif) no-repeat 0 0;
		font: bold 16px Helvetica, Arial, sans-serif;
		line-height: 1.2em;
		text-decoration: none;
		color: #c64a17;
	}
	
	/* Added by MCL for smaller CTA box */
	div#body a#cta_small {
		float: left;
		display: block;
		width: 340px;
		height: 36px;
		margin-top: 12px;
		padding: 14px 20px;
		background: transparent url(../images/body/cta_small.gif) no-repeat 0 0;
		font: bold 16px Helvetica, Arial, sans-serif;
		line-height: 1.2em;
		text-decoration: none;
		color: #c64a17;
	}

	div#body div.right {
		float: left;
		width: 344px;
		margin-top: 6px;
		padding: 14px 18px;
		background-color: #f7f7f7;
		border: 1px solid #f1f1f1;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	div#body div.right div.cta p {
		margin: 0 0 16px 0;
		font-size: 16px;
		line-height: 25px;
	}

	div#body div.right div.cta p a {
		font: bold 15px Helvetica, Arial, sans-serif;
	}

	div#body div.right div.content-block {
		padding-top: 16px;
		border-top: 1px solid #73c5c8;
	}
	
	div#body div.right div.first { border-top: none; } /* Removes border from top box */

	div#body div.right div.content-block img {
		float: right;
		margin-left: 24px;
		margin-bottom: 12px;
		background-color: #cecece;
	}

	/* Added by MCL to float images left */
	div#body div.right div.content-block img.floatleft {
		float: left;
		margin-right: 24px;
		margin-bottom: 12px;
		background-color: #cecece;
	}

	/* Added by MCL to center images */
	div#body div.right div.content-block img.floatnone {
		float: none;
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 12px;
		background-color: #cecece;
	}
	
	div#body div.right div.content-block h4 {
		margin: 0 0 10px 0;
		font-weight: normal;
		font-size: 16px;
		line-height: 25px;
	}

	div#body div.right div.content-block p {
		margin: 0 0 16px 0;
		font-size: 12px;
		line-height: 21px;
	}

	div#body div.right div.content-block p a {
		font: bold 12px Helvetica, Arial, sans-serif;
	}
	
		/* BEGIN: Quote */
		div#body div.right div.quote {
			padding: 0 16px;
			margin-top: 15px;
			border: 1px solid #73c5c8;
			font-size: 16px;
			color: #464646;
			background-color: #f1f1f1;
			line-height: 1.3em;
		}
		
		div#body div.right div.quote cite {
			display: block;
			margin-top: 4px;
			margin-bottom: 15px;
			font-size: 12px;
			font-style: normal;
			font-weight: bold;
			font-family: Helvetica, Arial, sans-serif;
			color: #73c5c8;
		}
		/* END: Quote */
		
	/* END: Right Column */
	
/* END: Body */

/* BEGIN: Footer */
div#footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 192px;
	padding: 0 100px;
	font-size: 85%; /* 12px */
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	background-color: #919191;
}

div#footer div.wrapper {
	height: 172px;
	padding-top: 20px;
	background-color: #919191;
}

div#footer a {
	color: #ffffff;
	background-color: #919191;
}

	/* BEGIN: Footer Nav */
	ul#nav_footer {
		width: 873px;
		padding-left: 0;
		margin: 0 auto 0 58px;
		list-style: none;
	}
	
	ul#nav_footer li ul {
		padding-left: 0;
		margin-left: 0;
		list-style: none;
	}
	
	ul#nav_footer li { float: left; }
	
	ul#nav_footer li h4 {
		margin: 0;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 12px;
		color: #d9d9d9;
	}
	
	ul#nav_footer li ul li { 
		float: none;
		margin-top: 4px;
		color: #ffffff;
	}
	
		/*BEGIN: Follow */
		li#nav_footer_follow { width: 226px; }
		/*END: Follow */
			
		/*BEGIN: Solutions */
		li#nav_footer_solutions { width: 166px; }
		/*END: Solutions */
			
		/*BEGIN: Products */
		li#nav_footer_products { width: 162px; }
		/*END: Products */
			
		/*BEGIN: Design Services */
		li#nav_footer_design_services { width: 190px; }
		/*END: Design Services */
			
		/*BEGIN: Company */
		li#nav_footer_company h4 { width: 129px; }
		/*END: Company */
	
	/*END: Footer Nav */
	
	/* BEGIN: Company Information */
	ul#company-info {
		clear: both;
		padding: 22px 0 0 0;
		margin: 0;
		text-align: center;
		list-style: none;
	}
	
	ul#company-info li {
		display: inline;
		padding: 0 18px;
		background: transparent url(../images/footer/line_white.gif) no-repeat left center;
	}

	ul#company-info li.first {
		background-image: none;
	}

	ul#company-info li address {
		display: inline;
		font-style: normal;
	}
	/* END: Company Information */
	
/* END: Footer */