/*
	Copyright (c) 2004-2009, Dream Rae, LLC. All Rights Reserved
	Valid CSS3
*/

html, body {
	text-align: center;
	font-size: 9pt;
	font-style: normal;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #E6E6E6;
}

#regular, #extended {
	width: 100%;
	background-color: #FFF;
}

#regular {
	background-image: url('../images/body/bg.gif');
}

#extended {
	background-image: url('../images/body/bg2.gif');
}

img, a {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: none;
}

a.linkin:link, a.linkin:visited {
	color: #60bb22;
	text-decoration: none;
	font-weight: bold;
}

a.linkin:hover, a.linkin:active {
	color: #3b6b9c;;
	text-decoration: none;
	border-bottom: 1px dotted #3b6b9c;
	font-weight: bold;
}

a.linkout:link, a.linkout:visited {
	color: #60bb22;
	border-bottom: 1px dotted #60bb22;
	text-decoration: none;
}

a.linkout:hover, a.linkout:active {
	color: #305d11;
	border-bottom: 1px dotted #305d11;
	text-decoration: none;
}

em {
	color: #3b6b9c;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

#regular, #extended, #topmain, #heading, #headingfooter, #subheading, #footer {
	background-repeat: repeat-x;
	background-position: top left;
}

#logo, #navi li a {
	background-repeat: no-repeat;
}

#wrapper {
	margin: 0px auto;
	width: 900px;
	text-align: left;
}

#topmain {
	height: 127px;
	background-image: url('../images/body/topmain.gif');
	background-color: #60bb22;
}

#logo {
	text-align: right;
	height: 127px;
	background-image: url('../images/logos/logo.gif');
}

#navi {
	margin: 0px;	
	padding: 73px 0px 0px 0px;
	height: 25px;
	list-style: none;
	display: inline;
	float: right;
}

#navi li {
	margin: 0px;
	float: left;
}

#navi li span, #navi li a {
	float: left;
	overflow: hidden;
	padding: 25px 0px 0px 0px;
	height: 25px;
}

#navi li span {
	width: 50px;
	height: 0px !important; 
}

#navi li a {
	background-position: top left;
	height: 0px !important;
}

#navi li a.current, #navi li a:hover, #navi li a:active {
	background-position: 0px -25px;	
}

#home a {
	background-image: url('../images/navigation/home.gif');
	width: 42px;
}

#services a {
	background-image: url('../images/navigation/services.gif');
	width: 72px;
}

#jobs a {
	background-image: url('../images/navigation/jobs.gif');
	width: 38px;
}

#contact a {
	background-image: url('../images/navigation/contact.gif');
	width: 70px;
}

#heading {
	height: 200px;
	background-image: url('../images/body/heading.gif');
	background-color: #37414a;
}

#headingfooter {
	height: 12px;
	background-image: url('../images/body/headingfooter.gif');
	background-color: #20252b;
}

#contentmain {
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 20px 0px 0px 30px;
}

#contentmain #fpservices, #contentmain #fpproducts, #contentmain #fpupdates {
	float: left; 
}

#contentmain #fpservices, #contentmain #fpproducts {
	width: 300px;
	margin-right: 10px;
	font-size: 11pt;
}

#contentmain #fpupdates {
	width: 240px;
}

#subheading {
	height: 38px;
	background-image: url('../images/body/subheading.gif');
}

#subheading ul {
	height: 20px;
	margin: 0px;
	list-style: none;
	display: inline;
	float: left;
	padding: 5px 0px 0px 60px;
}

#subheading li {
	height: 20px;
	margin: 0px;
	float: left;
}

#subheading li span {
	float: left;
	overflow: hidden;
	height: 20px;
	height: 20px !important;
	width: 34px;
}

#contentextra {
	min-height: 300px;
	height: auto !important;
	height: 300px;
	font-size: 10pt;
	font-style: normal;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#leftnav {
	width: 220px;
	float: left;
	margin: 0px;
	padding-top: 40px;
	padding-bottom:50px;
}

#leftnav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#leftnav li {
	list-style: none;
	list-style-position: outside;
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
}

#leftnav li a {
	position: relative;
	display: block;
	width: 188px;
	height: 39px;
	text-align: left;
	text-indent: 40px;
	line-height: 2.5em;
}

#leftnav li a img {
	position: absolute;
	margin-top: -15px;
	top: 50%;
	left: 10px;
}

#leftnav li.top {
	height: 60px;
	background-image: url('../images/navigation/leftnavtop.gif');
	background-position: bottom;
}

#leftnav li.current {
	height: 40px;
	width: 200px;
	background-image: url('../images/navigation/leftnavselected.gif');
	background-repeat: no-repeat;
}

#leftnav li.current a {
	color: #FFFFFE;
}

#leftnav li.enabled, #leftnav li.disabled {
	height: 40px;
	background-image: url('../images/navigation/leftnavitem.gif');
}

#leftnav li.enabled, #leftnav li.disabled, #leftnav li.bottom, #leftnav li.top {
	width: 188px;
	background-repeat: no-repeat;
}

#leftnav li.enabled a {
	color: #37414a;
}

#leftnav li.disabled a {
	color: #d3d3d3;
}

#leftnav li.bottom {
	background-image: url('../images/navigation/leftnavbottom.gif');
	height: 210px;
}

#leftnav li a, #leftnav li a:active, #leftnav li.disabled a:hover {
	text-decoration: none;
}

#leftnav li.enabled a:hover, #leftnav li.current a:hover {
	text-decoration: underline;
}

#contentextra #rightside {
	margin-left: 210px;
	padding: 16px 10px 10px 40px;
}

h2 {
	color: #000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
}

#rightside h1 {
	padding: 0px;
	margin: 0px;
	height: 32px;
	width: 630px;
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #37414a;
	text-indent: -3000px;
}

#rightside h1.contact {
	background-image: url('../images/headings/contactform.gif');
}

#rightside h1.traditional {
	background-image: url('../images/headings/traditional.gif');
}

#rightside h1.quote {
	background-image: url('../images/headings/quoteform.gif');
}

#rightside h1.jobs {
	background-image: url('../images/headings/jobs.gif');
}

#rightside h1.internships {
	background-image: url('../images/headings/internships.gif');
}

#rightside h1.apply {
	background-image: url('../images/headings/apply.gif');
}

#rightside h1.services {
	background-image: url('../images/headings/services.gif');
}

#rightside h1.hosting {
	background-image: url('../images/headings/webhosting.gif');
}

#rightside h1.design {
	background-image: url('../images/headings/design.gif');
}

#rightside h1.webapp {
	background-image: url('../images/headings/webapp.gif');
}

#rightside h1.dbdesign {
	background-image: url('../images/headings/dbdesign.gif');
}

#rightside h1.serverconfig {
	background-image: url('../images/headings/serverconfig.gif');
}

#rightside h1.installation {
	background-image: url('../images/headings/installation.gif');
}

#rightside h1.pentesting {
	background-image: url('../images/headings/pentesting.gif');
}

#footer {
	clear: both;
	font-size: 8pt;
	font-family: Verdana, Geneva, sans-serif;
	padding: 16px 0px 16px 0px;
	background-color: #E6E6E6;
	background-image: url('../images/body/footer.gif');
}

#contactform div.err, #quoteform div.err, #applyform div.err, .erractive {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #60bb22;
	font-weight: bold;
	height: 18px;
}

.erractive {
	padding-left: 20px;
	background-image: url('../images/icons/redx.png');
	background-repeat: no-repeat;
}

#quoteform table, #contactform table {
	border: 1px hidden;
	width: auto;
}

#quoteform table td, #contactform table td {
	vertical-align: baseline;
	text-align: left;
	padding: 0px 15px 0px 0px;
	height: 40px;
}

div.formsent {
	background-image: url('../images/icons/sent.png');
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 30px;
	height: 25px;
}

.rightsidetext, .rightsidephoto {
	padding-top: 16px;
	float: left;
}

.rightsidetext {
	width: 359px;
}

.rightsidephoto {
	width: 241px;
}

#traditionalinfo {
	background-image: url('../images/photos/logo.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

#fileuploader {
	width: 0px;
	height: 0px;
	border: 1px hidden #000;
}

#preloading {
	text-align: right;
	padding-top: 16px;
	padding-right: 40px;
}

.loading {
	background-image: url('../images/icons/loading.gif');
	background-position: right;
	background-repeat: no-repeat;
}

#filenamewrap {
	position: relative;
}

#filename {
	position: relative;
	text-align: right;
	opacity: 0;
	z-index: 2;
	height: 30px;
	width: 390px;
}

#filenameguiwrap {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#filenamebrowse {
	text-align: left;
	height: 30px;
	width: 390px;
	background: url('../images/buttons/browse.gif');
	background-position: right;
	background-repeat: no-repeat;
}

#filenamegui {
	letter-spacing: .5px;
	border: 1px solid #9DB5CD;
	color: #37414a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	height: 16px;
	width: 280px;
	padding: 5px;
	background-image: url('../images/body/textbg.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

.shorttextbox, .mediumtextbox, .longtextbox, .longtextarea, .longdropdown, .shortdropdown, .mediumdropdown {
	letter-spacing: .5px;
	border: 1px solid #9DB5CD;
	color: #37414a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.shorttextbox, .mediumtextbox, .longtextbox {
	height: 15px;
	padding: 0px 5px 0px 5px;
	background-image: url('../images/body/textbg.gif');
	background-repeat: repeat-x;
}

.longdropdown, .shortdropdown, .mediumdropdown {
	height: 20px;
	padding: 0px;
}

.longdropdown,.longtextbox {
	width: 380px;
}

.shortdropdown, .shorttextbox {
	width: 180px;
}

.mediumdropdown, .mediumtextbox {
	width: 280px;	
}

.longtextarea {
	width: 450px;
	height: 100px;
	padding: 5px;
}

.smalltext {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.list {
	list-style: none;
	margin-left: 0;
	text-indent: -1px;
	padding-left: 20px;
}

.pindent {
	padding-left: 20px;
}