body
{
	background:			#FFF url('../images/site_bg.jpg') repeat-x left top;
}

p.body
{
	line-height:		1.5em;
	padding-right:		70px;
}

a
{
	font-weight:		bold;
	text-decoration:	none;
	color:				#666;
	outline:			none;
}

a:hover
{
	color:				#32868d;
}


.bold
{
	font-weight:		bold;
}

.clear
{
	clear:				both;
}

.orange
{
	color:				#faa51d;
}

#header
{
	height:				215px;
	width:				960px;
	background:			transparent url('../images/header_bg.jpg') no-repeat center top;
	
}

#nav
{
	height:				64px;
	width:				960px;
	padding:			0px;
	background:			transparent url('../images/nav_bg.jpg') no-repeat center top;
}

#nav ul
{
	height:				100%;
	margin:				0px 10px;
	padding:			0;
	list-style:			none;
}

#nav ul li
{
	height:				100%;
	width:				188px;
	float:				left;
	position:			relative;
}

#nav ul li a
{
	height:				41px;
	width:				163px;
	display:			block;
	padding:			23px 0px 0px 25px;
	background:			transparent url('../images/nav_button_bg.jpg') no-repeat center top;
	text-decoration:	none;
	color:				#383838;
	font-weight:		bold;
	font-size:			1.2em;
	text-align:			center;
}

#nav ul li a:hover { background: transparent url('../images/nav_button_bg-hover.jpg') no-repeat center top; }

#nav ul li a.home {	background:	transparent url('../images/nav_button_home_bg.jpg') no-repeat center top; }
#nav ul li a.home:hover { background: transparent url('../images/nav_button_home_bg-hover.jpg') no-repeat center top; }

#nav ul li a.tech {	background: transparent url('../images/nav_button_tech_bg.jpg') no-repeat center top; }
#nav ul li a.tech:hover { background: transparent url('../images/nav_button_tech_bg-hover.jpg') no-repeat center top; }

#nav ul li a.resources { background: transparent url('../images/nav_button_resources_bg.jpg') no-repeat center top; }
#nav ul li a.resources:hover { background: transparent url('../images/nav_button_resources_bg-hover.jpg') no-repeat center top; }

#nav ul li a.customers { background: transparent url('../images/nav_button_customers_bg.jpg') no-repeat center top; }
#nav ul li a.customers:hover { background: transparent url('../images/nav_button_customers_bg-hover.jpg') no-repeat center top; }

#nav ul li a.contact { background: transparent url('../images/nav_button_contact_bg.jpg') no-repeat center top; }
#nav ul li a.contact:hover { background: transparent url('../images/nav_button_contact_bg-hover.jpg') no-repeat center top; }

#nav ul li a.selected { background: transparent url('../images/nav_button_selected_bg.jpg') no-repeat center top; }

div.marker
{
	width:				20px;
	height:				15px;
	background-color:	transparent;
	background:			transparent url('../images/marker.png') no-repeat center top;
	position:			absolute;
	bottom:				0px;
	left:				85px;
	display:			none;
}

#body
{
	height:				530px;
	width:				960px;
	background:			transparent url('../images/body_bg.jpg') no-repeat center top;
}

#joinbanner
{
	background:			transparent url('../images/joinbanner.png') no-repeat center top;
	position:			relative;
	margin-top:			20px;
	margin-bottom:		30px;
	width:				500px;
	height:				80px;
}

#joinbanner a
{
	position:			absolute;
	color:				#32868d;
	top:				4px;
	left:				75px;
}

#joinbanner a:hover
{
	color:				#333333;
}

#joinbanner a.icon
{
	position:			absolute;
	width:				65px;
	height:				70px;
	top:				5px;
	left:				5px;
	background-color:	transparent;
}

#left_scroller
{
	margin-top:			220px;
}

#right_scroller
{
	text-align:			right;
	margin-right:		10px;
	margin-top:			220px;
}

div.panel
{
	width:				790px;
	height:				470px;
}

#content
{
	position:			relative;
	overflow:			hidden;
	width:				790px;
	height:				470px;
}

#content h2
{
	color:				#32868d;
	font-weight:		bold;
	margin-bottom:		.3em;
}

#content h3
{
	margin-top:			.5em;
	margin-bottom:		.5em;
}

#home
{
	position:			absolute;
	top:				0px;
	left:				0px;
}

#home a
{
	font-weight:		bold;
}

#home a:hover
{
	color:				#32868d;
}

#resources
{
	position:			absolute;
	top:				0px;
	left:				800px;
}

#resources a
{
	display:			inline;
	float:				left;
	width:				195px;
	height:				24px;
	padding-top:		10px;
	background-color:	transparent;
	border-bottom:		1px solid #ccc;
	text-align:			center;

}

#resources a:hover
{
	color:				#32868d;
}

#resources a.twoline
{
	height:				31px;
	padding-top:		3px;
	line-height:		1.3em;
}

#tech
{
	position:			absolute;
	top:				0px;
	left:				1600px;
}

.techbox
{
	position:			relative;
	width:				375px;
	height:				95px;
	margin:				4px 0px 0px 0px;
	border-top:			1px dotted #ccc;
}

.techbox img
{
	float:				left;
}

.techbox p
{
	position:			absolute;
	display:			block;
	left:				125px;
	top:				10px;
	width:				250px;
}

.techbox a
{
	text-decoration:	none;
	color:				inherit;
}

.techbox a.learnmore
{
	position:			absolute;
	bottom:				13px;
	left:				9px;
	text-decoration:	none;
	color:				#32868d;
}

.techbox a.learnmore:hover
{
	color:				#666;
}

#customers
{
	position:			absolute;
	top:				0px;
	left:				2400px;
}

div.client_desc
{
	width:				340px;	
	
}

div.client_desc p
{
	line-height:		1.5em;
	margin-top:			25px;
	font-size:			14px;
}

#contact
{
	position:			absolute;
	top:				0px;
	left:				3200px;
	background:			transparent url('../images/contact_form_bg.png') no-repeat center top;
}

#contact_form
{
	position:			relative;
	line-height;		2em;
	margin:				0;
	padding:			0;
	width:				470px;
	height:				400px;
	
}

#contact_form ul
{
	margin:				0px;
	padding:			20px 0px 0px 40px;
	list-style-type:	none;
}

#contact_form ul li
{
}

#contact_form label
{
	color:				#383838;
	font-weight:		bold;
	font-size:			14px;
	padding:			0px;
	margin:				0px;
	line-height:		0px;
	vertical-align:		middle;
}

input.contactField
{
	width:				370px;
	height:				22px;
	font-family:		inherit;
	font-size:			14px;
	color:				#333;
	border:				1px dotted #c3c3c3;
	padding:			4px 4px 0px 4px;
	margin:				7px 0px 12px 0px;
 	vertical-align:		middle;
}

textarea
{
	font-size:			1em;
	font-family:		inherit;
	padding:			4px;
}

#comments
{
	width:				374px;
	height:				66px;
	padding:			2px;
	margin:				5px 0px 10px 0px;
	font-size:			14px;
	color:				#333;
	vertical-align:		top;
	border:				1px dotted #c3c3c3;
}

input#info
{
	display:			none;
	visibility:			hidden;
	width:				0;
	height:				0;
}

#form_guide
{
	position:			absolute;
	top:				72px;
	left:				510px;
	width:				250px;
	height:				370px;
}

#form_guide ol
{
	color:				#383838;
	font-weight:		bold;
	font-size:			14px;
	line-height:		1.4em;
	margin:				0px 0px 0px -10px;
	padding:			0px 0px 0px 25px;
}

#form_guide ol li
{
	margin-bottom:		20px;

}

#name_error
{
	display:			none;
}

#contact_error
{
	display:			none;
}

#message_error
{
	display:			none;
}

div.message
{
	padding:			20px 0px 0px 20px;
}

#signup
{
	position:			absolute;
	top:				385px;
	left:				520px;
	width:				245px;
	text-align:			center;
	padding:			5px 0px;
}

#signup a
{
	font-size:			14px;
	color:				#383838;
	text-align:			center;
}

#signup a:hover
{
	color:				#32868d;
}


#footer
{
	height:				30px;
	width:				960px;
	text-align:			center;
	color:				#32868d;
}

#footer p
{
	font-weight:		bold;
}