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

html, body {
	margin: 0;
	padding: 0;
	background-color:#0d1018;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22pt;
	color:#FFFFFF;
	margin: 0;
	padding: 0;
	top: 110px;
	position:absolute
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color:#76cc7a;
	margin: 0;
	padding: 0;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color:#ff7200;
	margin: 0;
	padding: 0;
}
a {
	color: #5c9cd4;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0;
}
#top-container {
	background-repeat:repeat-x;
	height:87px;
}
#top-body {
	width: 848px;
	margin-left: auto;
	margin-right: auto;
	height:87px;
}
.proj-desc {
	float: left;
	width: 300px;
}
#proj-desc2 {
	float: left;
	width: 308px
}
#proj-desc3 {
	float: left;
	width: 308px
}
#main-body {
	width: 100%;
	height: 269px;
	border-top: 1px solid #646a7c;
	border-bottom: 1px solid #646a7c;
	border-collapse:collapse;
	background-color: #181c25;
	background-image:url(images/mainBG-1.gif);
	background-repeat:repeat-x;
}
#main-title {
	width: 100%;
	height: 80px;
	border-top: 1px solid #646a7c;
	border-bottom: 1px solid #646a7c;
	border-collapse:collapse;
	background-color: #181c25;
	background-image:url(images/mainBG-1.gif);
	background-repeat:repeat-x;
}
.mainLeft {
	position: relative;
	display:block;
	top:65px;
	left: 65px;
	width: 290px;
	float:left;
}
.feature-img {
	position: relative;
	display:block;
	width:359px;
	top: 19px;
	right:32px;
	float:right;
}
.mainRight {
	margin-top: 20px;
}
#body-container {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/mainBG.gif);
	background-repeat:no-repeat;
	height:269px;
}
#body-container-about {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
	height:80px;
	background-image:url(images/BG-about.gif);
	background-repeat:no-repeat;
}
#body-container-services {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
	height:80px;
	background-image:url(images/BG-serv.gif);
	background-repeat:no-repeat;
}
#body-container-portfolio {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
	height:80px;
	background-image:url(images/BG-port.gif);
	background-repeat:no-repeat;
}
#body-container-contact {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
	height:80px;
	background-image:url(images/BG-contact.gif);
	background-repeat:no-repeat;
}
#body-container-hosting {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
	height:80px;
	background-image:url(images/BG-hosting.gif);
	background-repeat:no-repeat;
}
#btm-section {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
}
#btm-section-port {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
}
.subpages {
	width: 821px;
	float:left;
	color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
}
#services {
	width: 260px;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
}
#domain {
	width: 270px;
	float:left;
	margin-left: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	padding-right:6px;
}
#hosting {
	width: 270px;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
}
#footer {
	margin-left:auto;
	margin-right:auto;
	width: 821px; height: 30px;
}
#footerL {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	float:left;
	padding-left: 4px;
	width:auto
}
#footerR {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	float:right;
	padding-right: 4px;
	width: auto
}
.dottedBG {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/dotted.gif);
	background-repeat:repeat-x;
	height:44px;
}
.logo {
	float:left;
	height:87px;
	width:411px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
}
.topright {
	height: 30px;
	float:right;
	width:410px;
	background-repeat:no-repeat;
}
span {
	display:none;
}
#bodyBG {
	height: 187px;
}
.feature {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#ff7200;
}
.description {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ff7200;
}
.orange {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ff7200;
}
.featureTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}
.bodyTxt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}
#main {
	border: 1px solid #FFFFFF;
	clear: both;
	background: #3f4658;
	padding-top: 2em;
}
#contents {
	padding: 1.5em;
	background: #3f4658;
	min-height: 300px;
}
#header {
	position: relative;
	width: 100%;
	height: 3em;
	width: 400px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	;
	margin-top:45px;
}
#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 400px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#header ul#primary li {
	display: inline;
	list-style: none;
}
#header ul#primary a, #header ul#primary span, #header ul#primary a.current {
	width: 70px;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: "Trebuchet MS", tahoma, verdana, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}
#header ul#primary span, #header ul#primary a.current, #header ul#primary a.current:hover {
	border: 1px solid #646a7c;
	border-bottom: none;
	background: #3f4658;
	padding-bottom: 6px;
	margin-top: 0;
}
#header ul#primary a {
	background: #141a27;
	border: 1px solid #646a7c;
	border-bottom: none;
}
#header ul#primary a:hover {
	margin-top: 0;
	border-color: #646a7c;
	background: #3f4658;
	padding-bottom: 5px;
}
#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#header ul#secondary li a, #header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;
}
#header ul#secondary li a {
	color: #06C;
	text-decoration: underline;
}
#header ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 0px;
	border: none;
	border-right: 1px dotted #FFFFFF;
}
#header ul#secondary li a:active {
	color: #000;
	background: transparent;
}
.stylemain {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color:#001952;
}
.button {
	background-color: #7DA5EA;
	padding: 1px;
	height: auto;
	width: 100px;
	border: thin solid #FFFFFF;
	color: #001952;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: auto;
}
.style3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.textfields {
	padding: 1px;
	height: auto;
	width: auto;
	border: thin solid #7DA5EA;
	color: #001952;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin: auto;
}
.portIMG {
	border:10px solid #646a7c;
	border-collapse:collapse;
}
.space {
	padding-top:30px;
}
.form-padding {
	padding-top: 10px;
}
.form-text {
	float:left;
	width:80px;
	text-align:left
}
.btnPad {
	padding-left: 80px;
}
.projects {
	float:left;
	width: 308px;
}
.floatRT {
	float: right;
	width:auto
}
.portTBL {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
	height:272px
}
.portTBL2 {
	width: 821px;
	margin-left:auto;
	margin-right:auto;
	height:222px
}