@charset "utf-8";
/* CSS Document */

body
{
	background:			url('images/bg.gif');
	padding:			0;
}

.wrapper
{
	width:				982px;
	margin:				0 auto;
	margin-bottom:		5px;
}

.content_top
{
	width:				982px;
	height:				440px;
	background:			url('images/content_top_bg.png');
	margin-top:			10px;
}

.blog_top
{
	width:				982px;
	height:				100px;
	background:			url('images/blog_head_bg.png');
	margin-top:			10px;
}

.content_bot
{
	width:				982px;
	height:				467px;
	background:			url('images/content_bot_bg.png');
	margin-top:			10px;
}

.blog_bot
{
	width:				982px;
	background:			url('images/blog_mid_bg.png');
}

a img
{
	border:				0;
}

p a:link, p a:visited, p a:active, p a:hover
{
	text-decoration:	underline;
	font-weight:		normal;
	color:				#000000;
}

p a:hover
{
	text-decoration:	none;
	font-size:			11pt;
}

.info
{
	font-family:		Arial, sans-serif;
	font-size:			10pt;
	color:				#525252;
	margin:				0;
	margin-left:		20px;
}

.content_foot
{
	width:				982px;
	height:				60px;
	background:			url('images/content_foot_bg.png');
	clear:				both;
	position:			relative;
	bottom:				10px;
}

.header
{
	width:				938px;
	height:				69px;
	margin:				0 auto;
	padding-top:		15px;
}

.logo
{
	float:				left;
}

.nav
{
	float:				right;
}

.nav p
{
	font-family:			Trebuchet MS, Helvetica, sans-serif;
	font-size:			12pt;
	text-align:			right;
	margin-top:			8px;
	margin-bottom:			12px;
}

#navigation ul
{
	list-style-type:		none;
	margin:				0;
	padding:			0;
}

#navigation li
{
	float:				left;
	display:			block;
	padding-left:			10px;
	color:				#000000;
	font-family:			Trebuchet MS, Helvetica, sans-serif;
	font-size:			12pt;
	font-weight:			bold;
}

#navigation a
{
	float:				left;
}


#navigation a:link, #navigation a:visited, #navigation a:active, #navigation a:hover
{
	font-weight:			bold;
	font-style:			normal;
	text-decoration:		none;
	color:				#000000;
	font-family:			Trebuchet MS, Helvetica, sans-serif;
	font-size:			12pt;
}

#navigation a:hover
{
	color:				#FFFFFF;
	background-color:		#FD3200;
}

.info a:hover
{
	font-weight:		normal;
	font-style:			normal;
	text-decoration:	none;
	color:				#000000;
	font-family:		Arial, sans-serif;
	font-size:			10pt;
}

.infolist
{
	margin-left:		20px;
	font-family:		Arial, sans-serif;
	font-size:			10pt;
	color:				#525252;
	margin-left:		30px;
}

.infolist li
{
	margin-bottom:		7px;
	list-style-image:	url('images/arrow.gif');
}

.content_foot p
{
	text-align:			center;
	width:				938px;
	font-family:		Arial, sans-serif;
	font-size:			10pt;
	color:				#525252;
	margin:				0;
	padding-top:		10px;
}

.content_foot a:link, .content_foot a:visited, .content_foot a:active, .content_foot a:hover
{
	text-decoration:	none;
	color:				#525252;
	font-family:		Arial, sans-serif;
	font-size:			10pt;
	margin:				0;
}

.nav_active, #navigation .nav_active a
{
	color:				#FFFFFF;
	background-color:		#FD3200;
}

.slider
{
	clear:				both;
	height:				317px;
	padding-top:		15px;
}

.rule
{
	background-color:	#e9e9e9;
	width:				937px;
	height:				1px;
	border:				0;
	clear:				both;
	margin-bottom:		20px;
}

.middle_left
{
	width:				468px;
	height:				142px;
	float:				left;
	margin-bottom:		15px;
	margin-left:		22px;
	margin-top:			22px;
}

.middle_right
{
	width:				468px;
	height:				142px;
	float:				right;
	margin-bottom:		15px;
	margin-right:		22px;
	margin-top:			22px;
}

#portfolio_tile
{
	width:				210px;
	height:				142px;
	float:				left;
	background:			url('images/portfolio.gif');
}

#portfolio_content
{
	width:				248px;
	height:				142px;
	float:				left;
	margin-left:		10px;
}

#services_tile
{
	width:				160px;
	height:				127px;
	float:				left;
	background:			url('images/services.gif');
}

#services_content
{
	width:				298px;
	height:				142px;
	float:				left;
	margin-left:		10px;
}

#portfolio_content h1, #services_content h1
{
	font-family:		Trebuchet MS, Arial, Sans-serif;
	font-size:			17pt;
	color:				#e44d39;
	margin:				0;
}

.solutions_right h1
{
	font-family:		Trebuchet MS, Arial, Sans-serif;
	font-size:			14pt;
	color:				#666666;
	margin:				0;
	margin-bottom:		10px;
}

.solutions_right p
{
	font-family:		Arial, sans-serif;
	font-size:			11pt;
	color:				#525252;
	margin:				0;
}

#portfolio_content p, #services_content p
{
	font-family:		Arial, sans-serif;
	font-size:			10pt;
	color:				#525252;
	margin:				0;
}

.readmore
{
	float:				right;
	padding-right:		20px;
	padding-top:		15px;
}

#services_content .readmore
{
	padding-top:		10px;
	padding-right:		80px;
}

.services
{
	font-family:		Arial, sans-serif;
	font-size:			10pt;
	color:				#525252;
	margin:				0;
	margin-top:			5px;
	list-style-image:	url('images/arrow.gif');
}

#development_column
{
	width:				300px;
	height:				225px;
	float:				left;
	margin-left:		20px;
	margin-right:		10px;
}

#solutions_column
{
	width:				305px;
	height:				225px;
	border:				0;
	border-left:		1px solid #e9e9e9;
	float:				left;
	border-right:		1px solid #e9e9e9;
	padding-left:		15px;
	padding-right:		15px;
}

#blog_column
{
	width:				285px;
	height:				225px;
	float:				left;
	padding-left:		15px;
	padding-right:		15px;
}

#development_column h1, #solutions_column h1, #blog_column h1
{
	font-family:		Trebuchet MS, Arial, Sans-serif;
	font-size:			18pt;
	color:				#3d3d3d;
	margin:				0;
}

#development_column p, #solutions_column p, #blog_column p
{
	font-family:		Arial, Sans-serif;
	font-size:			10pt;
	color:				#525252;
}

.highlight
{
	color:				#d32a00;
	font-weight:		bold;
}

.readmore2
{
	float:				right;
	padding-right:		5px;
}

.readmore3
{
	float:				right;
	padding-right:		5px;
	position:			relative;
	top:				30px;
}

.port_img
{
	width:				598px;
	margin:				0;
	margin:				0 auto;
	padding-bottom:		20px;
}

.port_img a
{
	outline:			none;
}

.port_img a img
{
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}

.solutions_left
{
	width: 				200px;
	margin-left:		20px;
	float:				left;
}
.solutions_right
{
	width:				722px;
	margin-right:		20px;
	float:				left;
}

.hidden 
{ 
	display: 			none; 
}

.unhidden 
{ 
	display: 			block; 
}