/** ----------////////// MAIN PAGE LAYOUT ELEMENTS - SITE WIDE \\\\\\\\\\---------- **/

/** MAIN PAGE BODY ELEMENTS **/
	BODY {
		margin:0;
		PADDING:0px;
		font-family:"Trebuchet MS";
		font-size:12px;}

/** PAGE CONTENT CONTAINER **/
	#container {
	margin:0;
	width:930px;
	text-align: left;
	background-position: center;
	margin: 0 auto;}
	
/** TOP LEFT PAGE HEADER FOR LOGO **/
	#headerleft {
		float:left;
		left:0%;
		width:320px;
		height: 130px;}

/** TOP RIGHT PAGE HEADER FOR PHONE AND H1 **/
	#headerright {
		float:right;
		margin-top: 15px;
		height:80px;
		width:600px;
		background-image: url(../img/phone-hours.gif);
		background-repeat: no-repeat;}

/** PARAGRAPHS SITE WIDE **/
	p { width:99%;}

/** H TAGS SITE WIDE **/
	H1 {
		font-size: 14px;
		font-family: "Trebuchet MS";
		color: #666666;
		text-align: right;
		margin-right: 20px;
		padding: 0px;
		margin-top: 64px;}

	H2 {font-family: "Trebuchet MS";}

	H3 {
		color:#CC0000;
		font-size: 17px;
		font-family: "Trebuchet MS";
		text-decoration:none;
		font-style: italic;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;}

	H4 {
		color:#CC0000;
		font-size: 15px;
		text-decoration:none;
		margin-top: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;
		text-align: left;}

	H5 {
		color:#666666;
		font:"Trebuchet MS";
		font-size: 15px;
		margin-top: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;}

	img {
		margin: 0px;
		padding: 0px;
		border:0;}

	HR {width:99%;}
	UL {margin-left: 0px; padding-left: 0px; list-style-type: none;	margin-top: 10px;}
	DL {margin-left: 5px; padding-left: 0px; list-style-type: none;	margin-top: 10px;}

/*** FORM ELEMENTS SITE WIDE ***/
	.inputtitle{font-family:"Trebuchet MS"; font-size:18px; font-weight:bold;}
	input {font-family: "Trebuchet MS";}
	select {font-family: "Trebuchet MS";}

/** LINKS SITE WIDE **/
	A:link {COLOR: #0000FF; FONT-FAMILY: "Trebuchet MS"; text-decoration: none;	font-size:12px;}
	A:visited {COLOR: #0000FF; FONT-FAMILY: "Trebuchet MS"; text-decoration: none; font-size: 12px;}
	A:hover {COLOR: #CC0000; FONT-FAMILY: "Trebuchet MS"; text-decoration: underline; font-size: 12px;}
	
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}





/**** ----------////////// HOMEPAGE ELEMENTS ONLY \\\\\\\\\\---------- ****/
	#banner {
	float:right;
	width:930px;
	height:180px;
	background-image:url(../img/spl-index.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top:5px;
	margin-bottom:5px;}
	
	.bannerorderbutton{
		float:left;
		margin-top: 110px;
		margin-left:50px;
		padding:10px;
		font-size:12px;
		font:Arial, Helvetica, sans-serif;}

/**** 3 HOMEPAGE BOXES WITH VARIABLE BACKGROUND ****/
	#BOX1 {float:left; margin-right: 15px;}
	#BOX2 {float:left; margin-right: 15px;}
	#BOX3 {float:right; margin-right: 0px;}

	.boxwide {width:500px;}
	.boxnormal {width:400px;}
	.boxthin {width:300px;}

	.boxtop {height:34px; background:url(../img/box.jpg); line-height:40px; overflow:hidden;}
	.boxtop h2 {
		font-size:14px;
		background:url(../img/box.jpg) right top;
		text-align:center;
		height:34px;
		margin:0 0 0 20px;
		padding:0 20px 0 0;}

	.boxmiddle {background:url(../img/box.jpg) left -34px;}
	.boxmiddle .boxcontent {margin:0 0 0 20px; padding:10px 10px 0 0; background:url(../img/box.jpg) right -34px;}

	.boxfooter {height:45px; background:url(../img/box.jpg) left bottom; line-height:45px; overflow:hidden;}
	.boxfooter h2 {font-size:14px; text-align:center; height:45px; margin:0 0 0 20px; background:url(../img/box.jpg) right bottom; padding:0 20px 0 0;}


/**** HOME PAGE BOTTOM FEATURES BOXES ALLOWING FOR SMALL IMG  ****/
	.indexbox {
		padding:4px;
		float:left;
		width:292px;
		margin: 5px;
		background-image: url(../img/grad-bg-index.gif);
		background-repeat: repeat-x;
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #CCCCCC;}
	
	.indexboxtitle {
		float:left;
		font-size:14px;
		line-height:20px;
		font-weight: bold;
		font-family: "Trebuchet MS";
		color: #CC0000;}

	.indexboximg {
		float:right;
		width:26px;
		margin-left: 2px;}
/**** ----------\\\\\\\\\\ HOMEPAGE ELEMENTS ONLY //////////---------- ****/





/**** ----------////////// 2ND LEVEL PAGE LAYOUT ONLY \\\\\\\\\\---------- ****/
/** PAGE CONTENT ON LEFT HAND SIDE OF ALL PAGES 750 PIXELS WIDE **/
	.content {
		float:left;
		width:750px;
		margin-right: 8px;
		padding-right: 5px;}

		.contentpara {
			float:left;
			width:520px;}

		.contentimg {
			float:right;
			width:220px;
			background-position:right;
			text-align: center; /* for IE */}

		.contentparawide {
			float:left;
			width:710px;}
	
		.contentparawideimg {
			float:right;
			width: 220px;
			background-position:right;
			text-align: center; /* for IE */}

/** MENU ON RIGHT HAND SIDE OF ALL PAGES 160 PIXELS WIDE **/
	.menu {
	float:left;
	width:148px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #999999;
	padding-left: 4px;
	}
	.menutitle{
	font-family:"Trebuchet MS";
	font-size:14px;
	font-style: italic;
	color: #CC0000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


/**** ----------\\\\\\\\\\ 2ND LEVEL PAGE LAYOUT ONLY //////////---------- ****/





/**** ----------////////// DOMAIN NAME LAYOUT PAGES \\\\\\\\\\---------- ****/
/**** ----------\\\\\\\\\\ DOMAIN NAME LAYOUT PAGES //////////---------- ****/














.pbox{
	color:#CC0000;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style: italic;
	padding: 5px;
	border: none;
	margin-bottom: 5px;
	font-weight: bold;}

.prodttl {
	color:CC0000;
	font-size:15px;
	font:arial;}

.articletitle {font-size:26px; COLOR:#333333; font-family:"Trebuchet MS", Verdana, Arial, Helvetica;}
.price {
	font-size:26px;
	COLOR:#333333;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
}

.style1 {
	color: #CC0000;
	font-style: italic;
	font-weight: bold;}





/**** ----------////////// HELPDESK STUFF \\\\\\\\\\---------- ****/
.smalltext{FONT-SIZE: 11px; line-height: 12px; COLOR: #333333; FONT-FAMILY: "Trebuchet MS";}
.tutorialimg{
	float:left;
	width:45px;
	height:45px;
	margin-right:5px;}
.tutorialdesc{
	float:left;
	width:270px;
	height: 50px;
	margin-top: 0px;}
/**** ----------\\\\\\\\\\ HELPDESK STUFF //////////---------- ****/





/**** ----------////////// CONTACT POP-UP \\\\\\\\\\---------- ****/
	.popup{	
		margin-top:0px;
		padding-top: 30px;}
		
	.popupheader {
		color: #cc0000;
		font-weight: bold;
		padding-bottom: 5px;}	
/**** ----------\\\\\\\\\\ CONTACT POP-UP //////////---------- ****/


	.portfoliotext {
			float:left;
			width:255px;
			margin-left:5px;}

	.portfolioimg {
			float:left;
			width:200px;
			background-position:right;
			text-align: center; /* for IE */}


/**** ---------- ///// NAVIGATION CSS LAYOUT AND STYLING \\\\\ ---------- ****/
.nav {
	height:36px;
	position:relative;
	font-family:"Trebuchet MS";
	font-size:10px;}

.nav .select {
	margin:0;
	padding:0 0 0 0;
	list-style:none;
	white-space:nowrap;}

.nav li {
	float:left;
	background:url(../img/blank_over_bw.gif);}

.nav .select a {
	display:block;
	height:36px;
	float:left;
	background: url(../img/blank_bw.gif);
	padding:0 0 0 10px;
	text-decoration:none;
	line-height:25px;
	white-space:nowrap;
	color:#ddd;}

.nav .select a b {
	display:block;
	padding:1px 15px 10px 5px;
	background:url(../img/blank_bw.gif) right top;}

.nav .select a:hover, .nav .select li:hover a {
	background: url(../img/blank_over_bw.gif);
	padding:0 0 0 10px;
	line-height:25px;
	cursor:pointer;
	color:#FFFF00;}

.nav .select a:hover b, 
.nav .select li:hover a b {
	display:block; 
	padding:1px 15px 10px 5px;
	background:url(../img/blank_over_bw.gif) right top; 
	cursor:pointer;}

.nav .sub {
	display:none;}

/* IE6 only */
.nav table {
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;}

.nav .sub {
	margin:0; 
	padding:0 0 0 60px;
	list-style:none;}

.nav .sub li {background:transparent;}

.nav .select :hover .sub {
height:18px;
display:block; 
position:absolute;
float:left;
width:910px;
top:28px; 
left:0; 
text-align:center;
}

/*** MOUSEOVER HOLD TEXT YELLOW ON WEBSITE SECTIONS ***/
#nav a:hover, body#domains #t-domains a		{color: #FFFF00;}
#nav a:hover, body#hosting #t-hosting a		{color: #FFFF00;}
#nav a:hover, body#vps #t-vps a				{color: #FFFF00;}
#nav a:hover, body#servers #t-servers a		{color: #FFFF00;}
#nav a:hover, body#reseller #t-reseller a	{color: #FFFF00;}
#nav a:hover, body#custserv #t-custserv a	{color: #FFFF00;}
#nav a:hover, body#contact #t-contact a		{color: #FFFF00;}
/**** ---------- \\\\\ NAVIGATION CSS LAYOUT AND STYLING ///// ---------- ****/

/**** ----------////////// -- PAGE FOOTER SECTIONS -- \\\\\\\\\\---------- ****/
.botcont1 {text-align: left; float:left; width: 160px; padding: 5px;}
.botcont2 {text-align: left; float:left; width: 200px; padding: 5px;}
.botcont3 {text-align: left; float:left; width: 280px; padding: 5px;}
.botcont4 {text-align: left; float:left; width: 245px; padding: 5px;}
/**** ----------\\\\\\\\\\ -- PAGE FOOTER SECTIONS -- //////////---------- ****/