/* Website by LIQUIDSMOKE.net */

body { background: url(images/bg.png) top repeat-x; font-family: Tahoma; font-size: 12px; margin: 0; padding: 0; }

a { color: #CC0000; text-decoration: none; }
a:hover { color: #0099CC; }
img { border: none; }
p { margin: 0 0 10px 0; padding: 0; }
	.double { line-height: 1.5; }
h1 { font-family: Trebuchet MS, Arial; font-size: 36px; letter-spacing: -1px; margin: 0 0 10px 0; }

.blue { color: #66CCFF; }
.blue2 { color: #0099CC; }
.red { color: #CC0000; }
.green { color: #99CC00; }
.gray { color: #666666; }
.white { color: #FFFFFF; }

.h { font-family: Trebuchet MS, Arial; letter-spacing: -1px; }
.sm { font-size: 11px; }
.md { font-size: 14px; }
.lg { font-size: 18px; }
.xl { font-size: 20px; }
.xxl { font-size: 24px; }

#body { text-align: left; width: 900px; }

#logo { height: 100px; width: 900px; }
#nav { background: url(images/nav_bg.png); height: 40px; padding: 0 20px; width: 860px; }
	#nav img { margin: 0 5px 0 0; }

#features { background: url(images/features_bg.png) bottom no-repeat; padding: 20px; width: 860px; }
	#features a { color: #66CCFF; }
	#features a:hover { color: #FFFFFF; }
	.feature { color: #FFFFFF; font-size: 11px; float: left; width: 200px; }
	.separator { background:url(images/features_separator.png) center no-repeat; float: left; height: 80px; width: 20px; }

#services { background: url(images/services_bg.png) bottom no-repeat; padding: 20px 0; width: 900px; }
	#services a { color: #66CCFF; text-decoration: underline; }
	#services a:hover { color: #FFFFFF; }
	.serviceleft { float: left; margin: 0 20px 0 30px; width: 410px; }
	.serviceright { float: left; margin: 0 20px 0 0; width: 410px; }
	.service { color: #FFFFFF; font-size: 14px; font-weight: bold; margin: 0 0 20px 0; width: 410px; }
		.service .h { letter-spacing: -2px; }
		.softwarebox { float: left; margin: 0 20px 0 0; }
		.details { float: left; width: 310px; }

#content { margin: 20px 0; width: 900px; }
	#main { float: left; margin: 0 20px 0 0; width: 590px; }
	#sub { float: left; width: 580px; }
		.row { background: #E5EFF5; }
	#side { background: url(images/side_shadow.png) left top no-repeat; padding: 0 0 0 20px; float: left; width: 270px; }
		.hr { background: url(images/bg_hr.png); border: none; margin: 10px 0; padding: 0; height: 1px; width: 270px; }
	#middle { float: right; margin: 0 0 0 10px; width: 160px; }
		.gradient { background: url(images/bg_gradient.png) top no-repeat; font-size: 11px; padding: 10px; width: 140px; }
			.gradient .hr { width: 140px; }
	#icons { float: left; font-size: 11px; margin: 0 10px; width: 150px; }
		#icons .hr { width: 150px; }
		#icons img { float: left; margin: 0 10px 0 0; }
	#testimonials { float: left; font-size: 11px; width: 150px; }
		#testimonials .hr { width: 150px; }

#footer { border-top: #E5E5E5 1px solid; color: #666666; font-size: 11px; padding: 20px 0; width: 900px; }
	#footer a { font-weight: bold; }