@charset "utf-8";
/* Browser Body */
html
	{height:100%;}
body {
	margin:0;
	padding:0;
	height:100%;
	background:url(images/o/bg.png) repeat-x #fff;
	}
.web-development {
	height: 150px;
	width:100%;	
}

.website-design {
	width:930px;
	margin:0 auto;	
}

.website-design ul {
	margin:0; padding:0; list-style-type:none;
}

.website-design ul li {
	height:39px;
	float:left;
	padding:5px 0 0 0 ;
	margin-right:25px;
	line-height:39px;
}

.website-design a {
	text-decoration:none;
	color:#08225a;
	display:block;
	padding:0px 10px;
	font:17px/39px "Arial Narrow", Arial, Sans-serif;
}

.website-design a:hover {
	text-decoration:underline;	
}

.custom-computers {
	background:url(images/o/globe.png) no-repeat top left;
	margin:0 auto;
	width:1070px;
	height:434px;
	position:absolute;
	top:150px;
	z-index:1;
	right:0;
}	

.float-right {float:right;}
.info {font:17px/24px "Arial Narrow", Arial, Sans-serif;color:#e5f0ff;text-align:right; margin-bottom:0;}
#content h1.light {color:#e5f0ff; !important}

#wrap {
	min-height:100%;
	position:relative;
	z-index:2;
	background:url(images/o/pageHeader.png) no-repeat top left;
	width:930px;
	margin:0 auto;
	top:30px;
}
input, a {outline:none;}
* html #wrap {height: 100%;}
.invalid {border:1px solid red;}
label.invalid {font-weight:bold;color:red;border:none;}

/* Footer */
#footer {
	background:url(images/o/footerbg.png) repeat-x;
	clear: both;
	height:567px;
	position:relative;
	}
#footer .website-seo {
	margin:0 auto;
	width:930px;	
}

#footer .website-seo h1 {
	margin:0;
	padding:23px 0 0 0;
	font:25px/35px "Arial Narrow", Arial, Sans-serif;
	color:#1c395e;	
}

#footer .website-seo h2 {
		color:#e5f0ff;
		font:23px/35px "Arial Narrow", Arial, sans-serif;
		padding-top:15px;
		margin:0;
}

#footer .buy-custom-computers {
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
	color:#e5f0ff;
	left:0;
	font:15px/30px Arial, Arial, Helvetica, sans-serif;
}

#footer .buy-custom-computers a {
	color:#e5f0ff; text-decoration:underline;	
}

#footer ul {
	width:270px;
	float:left; 
	margin-right:30px;
	list-style:none;
	padding:0;
}

#footer ul li {background:url(images/o/checkmark.png) no-repeat 10px 10px; display:block; text-align:left;padding:10px 0 0 40px; color:#e5f0ff;; font:15px/23px Arial, Arial, Helvetica, sans-serif;}

/* Navigation */
#nav {
	list-style:none;
	padding:0;
	margin:0 0 0 1em;
	width:56em;
	height:24px;
	}
#content {
    text-align:left;
	padding:20px 30px 20px 30px;
	}
#content h1 {
	font:30px "Arial Narrow", "Trebuchet MS", Arial;
	margin:0;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#465a73;
	}
#content h2 {
	font:24px "Arial Narrow", "Trebuchet MS", Arial;
	margin:0;
	color:#465a73;
	}
#content a	{
	color:#aa0000;
	text-decoration:underline;
	}
#content a:hover {
	color:#000;
	text-decoration:underline;
	}
#content p {
	font:15px/21px arial,verdana;
	}
h3 {
	font-family:arial;
	font-size:18px;
	color:#3c4d5f;
}
.services {
	font:13px/19px arial;
	padding:10px;
	border:1px solid #ccc;
	width: 875px;
	}
.services th {background-color:#e0e0e0; font-weight:bold; text-align: left; padding: 4px; font-size: 15px;}
.services td.color { background-color:#f0f0f0; padding: 4px; text-align: left;}
.services td {text-align: left; padding: 4px;}
.services td a { color:#cd0000; text-decoration: underline; }
.services td a:hover {color:#020202; }
#picture {
	width:54em;
	height:15em;
	background:url(images/hp.jpg) no-repeat;
	border:1px solid #cccccc;
	}
h3
	{
	padding:0;
	margin:0;
	}
.clear
	{
	clear:both;
	padding-top:10px;
	}
.clients {
	font:11px/15px arial;
	color:#000;
	padding:15px;
	margin-top:5px;
	height:180px;
	}
#content .clients h2 {
	font:25px/35px "Arial Narrow", "Trebuchet MS", arial !important;
	font-weight:bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color:#a00;
	}
.clients img {
	float:left !important;
	margin:17px;
	}
.contact {
	font:11px/14px arial;
	}
.button {
	font:11px/20px arial;
	color:#ffffff;
	height:20px;
	width:150px;
	background:url(images/submit.gif) no-repeat 0 0 #ffffff;
	border:0;
	margin:0;
	padding:0;
		}
.textbox {
	font:11px/22px arial,sans-serif;
	color:#666666;
	text-indent:3px;
	width:150px;
	border:1px solid #cccccc;
	}
.textbox:focus {
	background-color:#fafafa;
	}
.textarea {
	height:150px;
	width:300px;
	font:11px/15px arial;
	color:#666666;
	border:1px solid #cccccc;
	overflow:auto;
	padding:3px;
	}
.textarea:focus {
	background-color:#fafafa;
	}
#ajax {
	font:11px/15px arial;
	visibility:hidden !important;
	}
.instant
	{
	float: left;
	font:13px/25px arial;
	color:#020202;
	background-color:#fafafa;
	border:1px solid #cccccc;
	padding:10px;
	margin:10px;
	width:220px;
	}
	
form.iq input[type="text"] { width: 170px; font: 13px/25px arial; }
form.iq p.form { width: 250px; text-align: right; }
form.iq input.submit { width: 300px; font: 19px/31px "Trebuchet MS", Arial, Sans-Serif; color:#cd0000; font-weight: bold; background-color:#dedede; border: 1px solid #ccc; margin: 10px; height: 31px;}
form.iq h3 {font: 19px/27px "Arial Narrow", "Trebuchet MS", Arial;color:#465a73;padding-left:10px; }
.disclaimer { font:9px/13px "Tahoma", Arial, Sans-Serif !important;}

.display { display: none; }