/*
	-------------------------------------------------------------
	Version: 1.0
	Description: StyleSheet for Public Side
	-------------------------------------------------------------
*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	font-family: Arial, Verdana,sans-serif;
	font-size: 11px;
	background: url(images/main_bg.gif) fixed bottom repeat-x #fff;
	color: #222;
	min-width: 600px;
}

/*
	-------------------------------------------------------------
	HEADER LOGO
	-------------------------------------------------------------
*/

#header {
	float: left;
	padding: 0;
	margin: 0;
	clear: both;
	width: 990px;
}

#headernav {
	float: right;
	padding: 10px 0px 0px 0px;
	position: relative;
	font-size: 10px;
}

#logo {
	padding: 6px 0 0 5px;
	background: #fff;
	float: left;
}

/*
	-------------------------------------------------------------
	BODY POSITIONS
	-------------------------------------------------------------
*/

.colmask {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

.leftmenu {
	background: transparent;
}

.leftmenu .colright {
	float: left;
	width: 200%;
	position: relative;
	left: 185px;
	background: transparent;
}

.leftmenu .col1wrap {
	float: right;
	width: 50%;
	position: relative;
	right: 200px;
}

.leftmenu .col1 {
	margin: 0 0 0 215px;
	position: relative;
	right: 100%;
	overflow: hidden;
}

.leftmenu .col2 {
	float: left;
	width: 170px;
	position: relative;
	right: 185px;
}

#page_content {
	width: 793px;
	border-top: 5px solid #777;
	/*border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;*/
	height: 100%;
	float: left;;
}

#left_column {
	width: 440px;
	padding: 10px 30px 10px 0px;
	float: left;
	height: 100%;
	/*border-right: 1px dotted #bbb;*/
}

#wide_left_column {
	width: 793px;
	padding: 0px 30px 0px 0px;
	float: left;
	height: 100%;
	/*border-right: 1px dotted #bbb;*/
}

#right_column {
	margin-left: 10px;
	width: 260px;
	padding: 10px 0 0 40px;
	float: left;
	height: 100%;
	background: transparent;
}

#left_work_column {
	width: 309px;
	padding: 10px 30px 10px 30px;
	float: left;
	height: 100%;
	background: transparent;
}

#right_work_column {
	width: 365px;
	padding: 7px 0 0 50px;
	float: left;
	height: 100%;
	background: transparent;
}

#bottom_banner {
	float: left;
	width: 778px;
	padding: 5px 0px 10px 15px;;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
	margin: 0;
	color: #ccc;
	background: url('images/nav_bg.gif') bottom repeat-x #f3f3f3;
}

.bottom_banner_header {
	float: left; 
	padding: 5px 0px 10px 0px;	
}

.bottom_banner_btn_container {
	float: left;
	padding-top: 33px;	
}

.bottom_banner_btn {
	float: left; 
	padding-left: 10px;	
}

.bottom_banner_required_text {
	float: left;  
	padding-left: 10px; 
	font-size: 9px;
}

.bottom_container {
	float: left;
	width: 250px;
	font-size: 11px;
}

.bottom_container_right {
	float: right;
	width: 200px;
	font-size: 11px;
	padding: 5px 10px 0 0;
	text-align: center;
}

#footer {
	clear: both;
	float: left;
	position: relative;
	background: transparent;
	width: 763px;
	font-family:Arial, Verdana, sans-serif;
	color: #666;
	font-size: 10px;
	padding: 0px 0px 10px 15px;
	line-height: 20px;
	margin-left: 200px;
}

.footer_left {
	float: left;
}

.footer_right {
	float: right;
}

.sub_header {
	float: left;
	padding-top: 9px;
	padding-bottom: 15px;
}

.int_sub_header {
	float: left;
	padding: 8px 0px 9px 0px;
	background: #eee;
	width: 100%;
}

#sub_header {
	float: left;
	padding-top: 7px;
	padding-bottom: 15px;
	margin-left: -4px;
}

#sub_header_right {
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: -4px;
}

#sub_ad_header {
	float: left;
	padding: 20px 0 4px 1px;
}

.home_text {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
}

.services_sub_header_row {
	width: 793px;
	float: left;
}

.wide_services_sub_services_header {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	background: #F0FAFC;
	color:  #00ACEC;
	width: 773px;
	float: left;
	padding: 5px 5px 5px 15px;
	font-size: 13px;
	font-weight: bold;
}

.services_sub_solutions_header {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	background: #F0FAFC;
	color:  #00ACEC;
	width: 376px;
	float: left;
	padding: 5px 5px 5px 15px;
	font-size: 13px;
	font-weight: bold;
}

.services_sub_services_header {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	background: #F0FAFC;
	color:  #00ACEC;
	width: 376px;
	float: left;
	padding: 5px 5px 5px 15px;
	font-size: 13px;
	font-weight: bold;
}

.services_body {
	width: 50%;
	float: left;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
	background: transparent;
	height: 200px;
}

.services_body:hover {
	background: #f8f8f8;;
}

.services_text {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
	padding: 3px 0px 0px 15px;
}

#services_right_column {
	width: 300px;
	padding: 5px 0px 0px 10px;
	float: left;
	height: 100%;
	background: transparent;
}

.desc_text {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #555;
	line-height: 17px;
	font-size: 11px;
}

#contact_form {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #555;
	line-height: 17px;
	text-align: justify;
	font-size: 11px;
}

.button_center {
	float: left;
	text-align: center;
	padding-left: 37px;
}

/*
	-------------------------------------------------------------
	NAV
	-------------------------------------------------------------
*/

#nav {
	float: left;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 3px;
	margin: 0;
	height: 25px;
}

#nav_body {
	padding-left: 194px;
	width: 795px;
}

#nav_left {
	float: left;
	height: 20px;
	padding-top: 3px;
}

#nav_right {
	float: right;
	height: 20px;
	padding-top: 3px;
}

.nav_container {
	border-right: 1px dotted #00ACEC;
	float: left;
	padding: 0px 6px 0 6px;
}

.nav_container_left {
	border-right: 1px dotted #00ACEC;
	/*border-left: 1px dotted #bbb;*/
	float: left;
	padding: 0 6px 0 6px;
}

.nav_container_right {
	float: left;
	padding: 0 6px 0 6px;
}

a.nav:link, a.nav:visited {
	color: #444;
	text-decoration: none;
	font-size: 11px;
}

a.nav:hover {
	color: #00ACEC;
	text-decoration: none;
	font-size: 11px;
}

a.nav:active, a.nav:focus {
	color: #444;
	text-decoration: none;
	font-size: 11px;
}

a.navleft:link, a.navleft:visited {
	color: #444;
	text-decoration: none;
	font-size: 11px;
}

a.navleft:hover {
	color: #00ACEC;
	text-decoration: none;
	font-size: 11px;
}

a.navleft:active, a.nav:focus {
	color: #444;
	text-decoration: none;
	font-size: 11px;
}

a.navright:link, a.navright:visited {
	color: #666;
	text-decoration: none;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px dotted #bbb;
	border-left: 1px dotted #bbb;
}

a.navright:hover {
	color: #00ACEC;
	text-decoration: none;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

a.navright:active, a.navright:focus {
	color: #444;
	text-decoration: none;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

a.sub:link, a.sub:visited {
	color: #666;
	text-decoration: none;
}

a.sub:hover {
	color: #00ACEC;
	text-decoration: none;
}

a.over:hover {
	color: #00ACEC;
	text-decoration: none;
	font-size: 11px;
}

/*
	-------------------------------------------------------------
	BREADCRUMBS
	-------------------------------------------------------------
*/

#breadcrumb {
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 3px;
	color : #999;
	font-size: 9px;
	margin: 0;
	/*border-bottom: 1px dotted #bbb;
	background: #f8f8f8;*/
	height: 15px;
}

#breadcrumb_body {
	padding-left: 211px;
	padding-top: 1px;
	padding-bottom: 3px;
}

a.crumb:link, a.crumb:visited {
	color: #888;
	text-decoration: none;
	font-size: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #bbb;
	background: #fff;
}

a.crumb:hover {
	color: #00ACEC;
	text-decoration: none;
	font-size: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
}

a.crumb:active, a.crumb:focus {
	color: #444;
	text-decoration: none;
	font-size: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
}

a.crumb_left:link, a.crumb_left:visited {
	color: #888;
	text-decoration: none;
	font-size: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	/*border-left: 1px dotted #bbb;*/
	border-right: 1px solid #bbb;
	background: #fff;
}

a.crumb_left:hover {
	color: #00ACEC;
	text-decoration: none;
	font-size: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
}

a.crumb_right:link, a.crumb_right:visited {
	color: #888;
	text-decoration: none;
	font-size: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
}

a.crumb_right:hover {
	color: #00ACEC;
	text-decoration: none;
	font-size: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
}

a.crumb_over {
	color: #333;
	text-decoration: none;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 2px;
	border-right: 1px solid #bbb;
	background: #fff;
}

a.crumb_over_left {
	color: #333;
	text-decoration: none;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 2px;
	border-right: 1px solid #bbb;
	/*border-left: 1px dotted #bbb;*/
	background: #fff;
}

a.crumb_over_right {
	color: #333;
	text-decoration: none;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 2px;
	background: #fff;
}

a.crumb_over_left:hover, a.crumb_over_right:hover, a.crumb_over:hover {
	text-decoration: none;
}

/*
	-------------------------------------------------------------
	LINK STYLING
	-------------------------------------------------------------
*/

a:link, a:visited {
	color: #00ACEC;
	text-decoration: none;
}

a:hover {
	color: #00ACEC;
	text-decoration: underline;
}

a:active, a:focus {
	text-decoration: none;
}

a.darkgray:link, a.darkgray:visited {
	color: #444;
	text-decoration: none;
	font-weight: bold;
}

a.darkgray:hover {
	color: #00ACEC;
	text-decoration: none;
	font-weight: bold;
}

a.darkgray:active, a.darkgray:focus {
	color: #999;
	text-decoration: none;
}

a.gray:link, a.gray:visited {
	color: #444;
	text-decoration: none;
}

a.gray:hover {
	color: #00ACEC;
	text-decoration: none;
}

a.gray:active, a.gray:focus {
	color: #999;
	text-decoration: none;
}

a.footer:link, a.footer:visited {
	color: #aaa;
	text-decoration: none;
	font-size: 9px;
}

a.footer:hover {
	color: #00ACEC;
	text-decoration: none;
	font-size: 9px;
}

a.footer:active, a.footer:focus {
	color: #666;
	text-decoration: none;
	font-size: 9px;
}

/*
	-------------------------------------------------------------
	LIST STYLING
	-------------------------------------------------------------
*/

ul.bottom {
	list-style-image: url('images/gray_arrow.gif');
}

ul.middle {
	list-style-image: url('images/blue_arrow.gif');
}

ul.listing {
	list-style-image: url('images/blue_arrow.gif');
}

/*
	-------------------------------------------------------------
	BODY ELEMENTS
	-------------------------------------------------------------
*/

.bluetext {
	color: #00ACEC;
}

sup.tm {
	font-size: 7px;
	float:left;
	margin-top: -5px;;
}

.error {
	color: red;
}

.large_text {
	font-size: 14px;
}

.text11 {
	font-size: 11px;
}

.gray_text {
	color: #666;
}

h2 {
	padding: 0;
	margin: 0;
	color: #444;
	font-family: Arial;
}

h2.int_page {
	padding: 0;
	margin: 0px 0px 0px 15px;;
	color: #444;
	font-family: Arial;
}

h2.blue {
	padding: 0;
	margin: 0;
	color: #00ACEC;
	font-family: Arial;
	border-left: 1px dotted #00ACEC;
	padding-left: 5px;
}

h4, h3 {
	padding: 0;
	margin: 0;
	float: left;
}

h3.blue_text {
	color: #00ACEC;
}

h3.work_title {
	color: #00ACEC;
	padding-bottom: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}

.int {
	color: #666;
	font-family: Arial;
	font-size: 8pt;
}

.clear {
	clear:both;
}

.center {
	text-align: center;
}

.bottom_buffer {
	padding-bottom: 5px;
}

.neg_left_margin {
	margin-left: -3px;
}

.bottom_blue_border {
	border-bottom: 1px dotted #00ACEC;
}

.product_container {
	padding-top: 20px;
	padding-bottom: 15px;page_
	
}

.left_separator {
	height: 2px;
	border-top: 5px solid #aaa;
	width: 100%;
	float: left;
}

.right_separator {
	height: 2px;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	width: 300px;
	float: left;
}

.work_separator {
	height: 2px;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	width: 312px;
	float: left;
}

/*
	-------------------------------------------------------------
	IMAGE LINKS
	-------------------------------------------------------------
*/

img {
	border: 0;
}

.btn_left {
	float: left;
	height: 29px;
}

.btn_center {
	float: left;
	background: url('images/btn_bg.gif') repeat-x;
	height: 22px;
	padding-top: 7px;
	padding-left: 4px;
	padding-right: 4px;
}

a.buttonstyle:link, a.buttonstyle:visited {
	font: 700 12px arial,sans-serif;
	color: #00ACEC;
	text-decoration: none;
	border: 0;
}

a.buttonstyle:hover {
	font: 700 12px arial,sans-serif;
	color: #666;
	text-decoration: none;
}

a.buttonstyle:active {
	font: 700 12px arial,sans-serif;
	color: #666;
	text-decoration: none;
}

.btn_right {
	float: left;
	height: 29px;
}

.border {
	border: 1px solid #ccc;
	padding: 5px;
}

/*
	-------------------------------------------------------------
	Form Formatting
	-------------------------------------------------------------
*/

form {
	margin: 0;
}

select {
	margin-right: 5px;
}

select.request {
	width: 300px;
	border: 1px solid #ccc;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666;
}

option {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666;
}

option.request {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666;
}

.timezone {
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 256px;
	color: #667a56;
}

.month {
	font-family:Verdana, Arial;
	font-size:10px;
	width: 165px;
	color:#667a56;
}

.year {
	font-family:Verdana, Arial;
	font-size:10px;
	width: 80px;
	color:#667a56;
}

input.text_small {
	font-family:Verdana, Arial;
	font-size:11px;
	color:#666;
	border : 1px solid #aaa;
	background: #fff;
	width: 250px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	_border:1px solid #00ACEC !important;
	padding:2px;
}

input.small_submit {
	font-family:Verdana, Arial;
	font-size:10px;
	color:#00ACEC;
	border : 1px solid #aaa;
	background: #eee;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	_border:1px solid #00ACEC !important;
	padding:2px 2px 1px 2px;
}

input.text_large {
	font-family:Verdana, Arial;
	font-size:11px;
	color:#666;
	border : 1px solid #aaa;
	background: #fff;
	width: 250px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	_border:1px solid #00ACEC !important;
	padding:2px;
}

textarea.text_large {
	font-family:Verdana, Arial;
	font-size:11px;
	color:#666;
	border : 1px solid #aaa;
	background: #fff;
	width: 250px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	_border:1px solid #00ACEC !important;
	padding:2px;
}

input:active, input:focus {
	border : 1px solid #666;
	background : #fff;
}

input.button{
	font: 700 12px arial,sans-serif;
	color: #00ACEC;
	text-decoration: none;
	background: transparent;
	border: 0;
	cursor: pointer;
}

input.button:hover {
	font: 700 12px arial,sans-serif;
	color: #666;
	text-decoration: none;
	background: transparent;
	border: 0;
	cursor: pointer;
	text-shadow: #aaa 0px 0px 4px;
}

.form_small {
	float: left;
	width: 170px;
	padding-right: 10px;
}

.form_bottom {
	float: left;
	width: 270px;
	margin-right: 10px;
}

.form_large {
	float: left;
}

.form_submit {
	width: 255px;
	float: left
}

/*
	-------------------------------------------------------------
	Home Page Banner
	-------------------------------------------------------------
*/

#banner {
	width: 793px;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 5px solid #777;
}

.main_image {
	width: 598px;
	height: 199px;
	float: left;
	background: #fff;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 0px;
	padding: 5px 0px 5px 10px;
	color: #00ACEC;
	font-family:Arial;
}
.main_image p {
	font-size: 1em;
	padding: 0px 0px 5px 12px;
	margin: 0;
	line-height: 1.6em;
	color: #222;
	font-family: Arial;
}
.block small {
	padding: 0 0 0 20px;
	font-size: 1em;
}

.main_image .block small {margin-left: 10px;}

.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #fff;
	border-top: 1px solid #ccc;
}
.main_image a.collapse {
	background: url(images/btn_collapse.gif) no-repeat left top;
	height: 27px;
	width: 93px;
	text-indent: -99999px;
	position: absolute;
	top: -27px;
	left: 0px;
	color: transparent;
}

.main_image a.show {background-position: left bottom;}

.recent_work {
	padding: 1px 0px 5px 15px;
	width: 210px;
	background: #777;
	font-family: Arial;
	color: #fff;
	font-size: 15px;
	border-bottom: 1px dotted #bbb;
}

.image_thumb {
	float: left;
	width: 180px;
	background: #f0f0f0;
	border-right: 1px solid #ccc;
}
.image_thumb img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0;
	padding: 6px 5px 5px 5px;
	background: #f0f0f0 url(images/nav_a.gif) repeat-x;
	width: 193px;
	height: 31px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
	color: #00ACEC;
}
html .image_thumb ul li h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	color: #333;
}
.image_thumb ul li.active h2 {
	background: #fff;
	cursor: default;
	color: #00ACEC;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
	color: #00ACEC;
}
.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 170px;
}
.image_thumb ul li p{display: none;}