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

body {
	background-color:#000;	
	background-image: url(assets/body_background.gif);
	background-position:top left;
	background-repeat:repeat-x;
	}
html, body {
	margin:0;
	padding:0;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #333;
	text-align:justify;
	padding:0 15px 0 10px;
	line-height:1.5em;
	}
.p1 {
	color:#CCC;
	padding-left:15px;
	}
.p2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color: #FFF;
	text-align: right;
	padding:0px;
	}
.p3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
	color: #333333;
	text-align:justify;
	padding:0 20px;
	line-height:1.3em;
	}
.p4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
	color: #333332;
	text-align: center;
	padding:0px;
	}
.ul {
	line-height:1em;
	}

li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333;
	}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.2em;
	font-weight: normal;
	padding:0 15px 0 10px;
	text-align: left;
	}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size:0.9em;
	font-weight:bold;
	padding:0 15px 0 10px;
	text-align:justify;
	}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:0.9em;
	font-weight: bold;
	text-align: left;
	padding:0 0 0 40px;
	}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size:0.8em;
	font-weight:bold;
	padding-left:10px;
	}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9BBF93;
	font-size:1.2em;
	font-weight: normal;
	padding:0px;
	text-align: center;
	}

a img {
	border:0px;
	}
a:link {
	font-size:1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #665181;
	text-decoration:underline;
	outline:none;
	}
a:visited {
	font-size:1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
	text-decoration:underline;
	outline:none;
	}
a:hover {
	font-size:1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#900;
	text-decoration: underline;
	outline:none;
	}
a:active {
	font-size:1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
	text-decoration: none;
	}
#copyright a:link  {
	color:#CCCCCC;
	}
#copyright a:visited  {
	color:#CCCCCC;
	}
#copyright a:hover  {
	color:#999999;
	text-decoration:none;
	}
#copyright a:active  {
	color:#CCCCCC;
	}
#surroundBox { position:relative; width:850px; margin:0px auto; padding-top:0px; background-image: url(assets/website_background.gif); background-position:top left; background-repeat:repeat-x; border-bottom:#8e161b 5px solid; 	background-color:#FFF; }
.homeBox {
	height:700px;
	}
.homeBox2 {
	height:1310px;
	}
.seoBox {
	height:2200px;
	}
.searchBox {
	height:2250px;
	}
.marketingBox {
	height:1100px;
	}
.launchPadBox {
	height:2450px;
	}
.siteMapBox {
	height:700px;
	}
.webBox {
	height:1500px;
	}
.contactBox {
	height:700px;
	}
.termsBox {
	height:1200px;
	}
.portfolioBox {
	height:1800px;
	}
.portfolioSubBox {
	height:1030px;
	}
#contentLeft{
	width:265px;
	height: 593px;
	left:5px;
	top:59px;
	position:absolute;
	}
#contentLeftTemp{
	width:254px;
	height: 593px;
	left:30px;
	top:37px;
	position:absolute;
	background-image:url(assets/erocket.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	}
#contentCentreTemp{
	width:auto;
	height: auto;
	left:599px;
	top:35px;
	position:absolute;
	}
#twitter{
	width:251px;
	height:401px;
	left:580px;
	top:155px;
	position:absolute;
	font-size:1.0em;
	text-align: left;
	}
#mainText .sprite {
	float: left;
	display: inline;
	padding: 3px 8px 0px 0px;
	width:50px;
	}
#mainText{
	top:160px;
	left:264px;
	width:547px;
	padding:8px;
	position:absolute;
	border: #A1C78C 5px solid;
	height:auto;
	}
#mainText .maintextback {	
	padding:3px;
	background-image:url(assets/text_background.gif);
	}
#centerBox .sprite {
	float: left;
	display: inline;
	padding: 3px 8px 0px 0px;
	width:50px;
	}
#centerBox{
	top:160px;
	position:absolute;
	border-right: #87776A 1px solid;
	}
.centerBoxSitemap{
	left:260px;
	width:450px;
	height:auto;
	overflow:hidden;
	}
.centerBoxLaunch{
	left:260px;
	width:450px;
	height:2200px;
	overflow:hidden;
	}
.centerBoxContact{
	left:100px;
	width:650px;
	height:500px;
	border-left: #87776A 1px solid;
	overflow:hidden;
	}
.centerBoxContact2{
	left:200px;
	top:190px;
	width:450px;
	border:#0c302d 2px dotted;
	height:310px;
	overflow:hidden;
	}
.centerBoxTerms{
	left:255px;
	top:170px;
	width:580px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: #87776A 1px dashed;
	height: 950px;
	background-color:#FFF;
	overflow: auto;
	}
#contactForm {
	left:50px;
	top:110px;
	width:620px;
	height:355px;
	position: absolute;	
	}
#webDesignGallery{
	width:558px;
	height:600px;
	left:49px;
	top:36px;
	position:absolute;
	}
#mainMenu{
	width:700px;
	height:40px;
	top:103px;
	right:2px;
	position: absolute;
	letter-spacing:0px;
	}
#mainMenu ul{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:900;
	margin:0;
	padding:0;
	list-style: none;
	}
#mainMenu li{
	display: inline;
	text-transform: none;
	}
#mainMenu a{
	float: right;
	display: block;
	width: auto;
	height:30px;
	margin:0px; /*Margin between menu items*/
	padding:10px 12px 0px 12px;
	text-decoration: none;
	color: #FFF;
	border-left:#333333 1px solid;
	}
#mainMenu #currentMain a{
	color: #c1e48b;
	}
#mainMenu a:hover{
	color:#999999;
	}
#footerMenu{
	width:800px;
	height:20px;
	bottom:10px;
	left:25px;
	position: absolute;
	background: transparent;
	letter-spacing:0px;
	border-top:#333 1px solid;
	}
#footerMenu ul{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:900;
	margin:0;
	padding:0;
	list-style: none;
	}
#footerMenu li{
	display: inline;
	text-transform: none;
	}
#footerMenu a{
	float:left;
	display: block;
	width: auto;
	height:15px;
	margin:0px; /*Margin between menu items*/
	padding:5px 10px 0px 10px;
	text-decoration: none;
	color: #333;
	}
#footerMenu a:hover{
	color: #FF3333;
	}

#copyright{
	height:160px;
	width:850px;
	bottom:-155px;
	left:0px;
	position: absolute;
	background-color:#000000;
	background-image:url(assets/footerBack.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
#linksBox {
	position:relative;
	width:850px;
	height:400px;
	margin:0 auto;
	top:900px;
	background-color:#FFF;
	border:#333 5px solid;
	}
#w3cBoxL {
	right:120px;
	top:90px;
	width:95px;
	height:auto;
	position: absolute;
	}
#w3cBoxR {
	right:20px;
	top:90px;
	width:95px;
	height:auto;
	position: absolute;
	}
#contactMasthead {
	right:10px;
	top:0px;
	width:310px;
	height:50px;
	position: absolute;
	padding:0px;
	float:right;
	background-color:#9bbf93;
	}
#contactMasthead a {
	color: #FFF;
	text-decoration:none;
	background-color:#9bbf93;
	}
#contactMasthead a:hover {
	color: #888;
	text-decoration:none;
	}
#contactMasthead a:visited {
	color: #FFCC99;
	text-decoration:none;
	}
#downMenu {
	left:-23px;
	top:160px;
	width:257px;
	height:1000px;
	padding-top:0px;
	position:absolute;
	background-position:top right;
	background-repeat:no-repeat;
	border-right:#87776A 1px solid;
	}
#downMenu ul {
	width:100%;
	}
#downMenu li {
	list-style:none;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-transform: none;
	letter-spacing:0;
	}
#downMenu a {
	width:220px;
	display:block;
	color:#666;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:2px;
	}
#downMenu li a:hover {
	color:#C30;
	text-decoration:none;
	}
#downMenu #leftCurrent a{
	color: #222;
	font-weight:normal;
	text-decoration:none;
	}
#downMenu li a:visited {
	color: #666;
	}
img.c1 {
	border:0;
	width:88px;
	height:31px
	}
#portfolioWrapper {
	padding:0px;
	height:auto;
	width:815px;
	top:170px;
	left:20px;
	position:absolute;
	}
#portfolioWrapper2 {
	padding:0px;
	height:300px;
	position:absolute;
	}
.portfolioLeft{
	left:20px;
	top:190px;
	width:390px;
	}
.portfolioRight{
	left:418px;
	top:170px;
	width:410px;
	border-left: #87776A 1px solid;
	border-right: #87776A 1px solid;
	}
#portfolioSubWrapper {
	padding:0px;
	height:auto;
	width:815px;
	top:530px;
	left:15px;
	position:absolute;
	}

#subMenu {
	left:-37px;
	top:120px;
	width:300px;
	height:350px;
	padding:0px;
	position:absolute;
	}
#subMenu ul {
	width:100%;
	}
#subMenu li {
	list-style:none;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-transform: none;
	letter-spacing:0;
	}
#subMenu a {
	width:250px;
	height:20px;
	display:block;
	color:#3d3b37;
	font-weight: 600;
	text-decoration:none;
	padding:28px 0px 7px 10px;
	margin-bottom:5px;
	background-position:top left;
	background-image:url(assets/subnav04.png);
	background-repeat:no-repeat;
	}
#subMenu li a:hover {
	color:#444;
	text-decoration:none;
	}
#subMenu #subCurrent a{
	background-image:url(assets/subnav04current.png);
	background-position:top left;
	background-repeat:no-repeat;
	color:#3d3b37;
	}
#subMenu li a:visited {
	color: #444;
	}
