@import url('reset.css');

html, body
{
	height: 100%;
	font: normal 11px/14px Tahoma, Arial, sans-serif;
	color: #646464;
}

body
{
	background: #fff url(../images/bg.jpg) repeat-x left top;
}

a
{
	color: #588cd0;
}
a:hover
{
	text-decoration: none;
}

#body
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px;
	width: 865px;
}

#header
{
	position: relative;
	height: 111px;
	overflow: hidden;
	margin-bottom: 15px;
}
	#header h1
	{
		display: block;
		height: 43px;
		overflow: hidden;
		width: 358px;
		margin-top: 24px;
	}
		#header h1 a
		{
			display: block;
			padding-top: 43px;
			height: 0;
			overflow: hidden;
			background: transparent url(../images/logo.jpg) no-repeat left top;
		}
		#header p
		{
			display: none;
		}
	#header ul#nav
	{
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		height: 32px;
		overflow: hidden;
	}
		#header ul#nav li
		{
			display: block;
			height: 32px;
			overflow: hidden;
			float: left;
			margin-right: 5px;
		}
			#header ul#nav li a
			{
				display: block;
				padding-top: 32px;
				overflow: hidden;
				width: 100%;
			}
			#header ul#nav li.nav-homepage a { background: transparent url(../images/nav.jpg) no-repeat 0 0; width: 89px; }
				#header ul#nav li.nav-homepage a:hover { background-position: 0 -32px; }
			#header ul#nav li.nav-contact a { background: transparent url(../images/nav.jpg) no-repeat -89px 0; width: 89px; }
				#header ul#nav li.nav-contact a:hover { background-position: -89px -32px; }
			#header ul#nav li.nav-software a { background: transparent url(../images/nav.jpg) no-repeat -178px 0; width: 85px; }
				#header ul#nav li.nav-software a:hover { background-position: -178px -32px; }
			#header ul#nav li.nav-web a { background: transparent url(../images/nav.jpg) no-repeat -263px 0; width: 68px; }
				#header ul#nav li.nav-web a:hover { background-position: -263px -32px; }
			#header ul#nav li.nav-marketing a { background: transparent url(../images/nav.jpg) no-repeat -331px 0; width: 95px; }
				#header ul#nav li.nav-marketing a:hover { background-position: -331px -32px; }
				
	#header #buynow
	{
		position: absolute;
		top: 10px;
		right: 0;
		padding-top: 60px;
		overflow: hidden;
		height: 0;
		width: 194px;
		background: transparent url(../images/purchase-btn.jpg) no-repeat left top;
	}
#content
{
	margin-bottom: 10px;	
}
	#content h2
	{
		display: block;
		font-family: Georgia, Tahoma, sans-serif;
		font-weight: normal;
		font-size: 18px;
		color: #1b1b1b;
		margin: 10px 4px;
	}
	#content p
	{
		margin: 0 4px;
		padding: 0 0 10px 0;
	}
	#content ul
	{
		margin: 0 4px;
	}
		
	#content .welcome
	{
		background: #bed2ed url(../images/banner-welcome-bg-top.jpg) no-repeat left top;
		padding: 0;
		margin: 0 0 15px 0;
	}
		#content .welcome p
		{
			font-family: Georgia, Tahoma, sans-serif;
			font-size: 24px;
			line-height: 24px;
			background: transparent url(../images/banner-welcome-bg-bottom.jpg) no-repeat left bottom;
			color: #002c3e;
			padding: 15px 20px;
			margin: 0;
		}
		
	#content ul.work li
	{
		display: block;
		margin-bottom: 10px;
		color: #888888;
	}
		#content ul.work li a
		{
			display: block;
		}
	#content .col1, #content .col2, #content .col3
	{
		float: left;
		margin-right: 14px;
	}
	#content .col1, #content .col2
	{
		width: 228px;
	}
	#content .col3
	{
		width: 381px;
		margin-right: 0;
	}
				
#footer, #bottom
{
	clear: both;
	height: 25px;
}

#footer
{
	background: transparent url(../images/footer-bg.jpg) repeat-x left;
}
	#footer p
	{
		clear: both;
		display: block;
		padding-top: 25px;
		height: 0;
		overflow: hidden;
		background: transparent url(../images/copyright.jpg) no-repeat left 12px;
		margin: 0 auto;
		width: 865px;
	}