/* GLOBAL */
* { margin: 0; }
.clear { clear: both; height: 0; overflow: hidden; }
#infoContainer ul {
	list-style-position: inside;
	margin-left: 21px;
}
#conContainer a {
	color: #005697;	
}
div#content h2 {
	color: #005697;
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	padding-left: 10px;
}
.fade {
	background-image: url(../images/title_background.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:13px;
}
body {
	background: #ffffff url(../images/bg.png) repeat-x;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #000;
}
a, a:visited { color: #111111; text-decoration: none;	}
#header {
	height: 194px;
	width: 940px;
	margin: 0 auto;
	background: url(../images/logo.png) left 50px no-repeat;
}
#header h1 { display: none; }
ul#nav {
	list-style: none;
	position: absolute;
	top: 65px;
	right: 10px;
}
ul#nav li {
	float: left;
	margin-left: 30px;
	position: relative;
}
ul#nav li a {
	color: #717171;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	text-shadow: #000000 0 -1px 0;
}
ul#nav li a:hover { color: #ffffff; }
ul#nav li.current a { color: #00a4e5; font-weight: bold; }


#nav .sub {
	position: absolute;
	top: 30px;
	left: -60px;
	width: 205px;
	display: none;
	border: 1px solid #004c7c;
	height: 22px;
	padding-top: 3px;
	background: url('../images/subnavbg.png') repeat-x;
}
#nav .sub ul {
	list-style: none;	
}
#nav .sub li {
	margin: 0 7px;
	line-height: 20px;
	list-style: none;	
}
#nav .sub li a { 
	font-size: 14px;
}


#parentContainer {
	width: 940px;
	margin: 0 auto;
	position: relative;	
}
#notification {
	position: absolute;
	top: 145px;
	width: 940px;
	height: 49px;
	line-height: 49px;
	font-family: arial, sans-serif;
}
#notification p {
	float: left;
	color: #acd4e5;
	text-shadow: #0072ae 0 -1px 0;
}
#notification p strong { color: #ffffff; }
#notification a {
	float: right;
	display: block;
	width: 124px;
	height: 49px;
	background: url(../images/more.png) no-repeat;
}
#notification a span { display: none; }
#notification a:hover { opacity:0.7; filter:alpha(opacity=70) ; }

/* content */

#content {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;
	background: url(../images/right.png) no-repeat;
	background-position: 620px top;
	padding-bottom: 30px;
}
#content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] #content { display: block; }
#left {
	width: 600px;
	float: left;
}
#right {
	width: 300px;
	float: right;
}
#banner {
	width: 598px;
	height: 247px;
	border: 1px solid #b1b1b1;
	background: #ffffff url(../images/servers.png) bottom left no-repeat;
	border-radius: 7px;
	-moz-border-radius: 7px;
	margin-bottom: 20px;
}
#banner_content { padding: 30px 0 0 265px; }
#banner_content p {
	padding: 20px 0 20px 0;
	color: #5d5d5d;
	font-size: 12px;
	line-height: 18px;
	width: 310px;
}
a.orange_button {
	display: block;
	height: 28px;
	width: 250px;
	border: 1px solid #97430b;
	background: url(../images/orange.png) repeat-x;
	text-align: center;
	line-height: 28px;
	color: #e6cdbd;
	border-radius: 15px;
	-moz-border-radius: 15px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #9e4c18 0 -1px 0;
	float: left;
}
a:hover.orange_button { color: #ffffff; }

ul#why {
	width: 285px;
	list-style: none;
	background: url(../images/why.png) no-repeat;
	background-position: top left;
	padding-top: 28px;
	float: left;
}
ul#why li {
	width: 255px;
	height: 24px;
	margin-top: 8px;
	position: relative;
	padding-left: 30px;
	color: #6b6b6b;
	line-height: 24px;
	font-size: 12px;
}
ul#why li .num {
	width: 20px;
	height: 20px;
	border: 1px solid #97430b;
	background: url(../images/orange.png) repeat-x;
	background-position: bottom;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	position: absolute;
	top: 2px; left: 0;
}

ul#servicelist {
	width: 298px;
	height: 247px;
	border: 1px solid #111111;
	background: #111111 url('../images/black.png');
	background-position: left -1px;
	list-style: none;
	border-radius: 7px;
	-moz-border-radius: 7px;
}
ul#servicelist li {
	height: 20px;
	width: 269px;
	line-height: 20px;
	padding: 15px;
	color: #b1b1b1;
	background: url(../images/arrow.png) 260px 22px no-repeat;
}
ul#servicelist li.head { text-align: center; font-size: 16px; background: transparent; color: #ffffff; }
ul#servicelist li a { color: #b1b1b1; text-decoration: none; }
ul#servicelist li a:hover { font-weight: bold; }

#news {
	width: 285px;
	float: right;
}
#news img { padding-bottom: 20px; }
a#sale {
	display: block;
	background: url(../images/sale.png) no-repeat;
	width: 218px;
	height: 27px;
	line-height: 28px;
	padding-left: 67px;
	color: #c3d8e4;
	font-size: 11px;
	text-decoration: none;
	text-shadow: #0074a8 0 -1px 0;
}
a:hover#sale { color: #ffffff; }
#post {
	margin-top: 10px;
	width: 263px;
	height: 97px;
	border: 1px solid #b1b1b1;
	padding: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	font-size: 11px;
	color: #696969;
}
#post #posthead {
	width: 263px;
	border-bottom: 1px dashed #b1b1b1;
	padding-bottom: 7px;
	font-size: 13px;
	color: #494949;
	font-weight: bold;
	margin-bottom: 7px;
	line-height: 14px;
}
#post #posthead span { color: #b0b0b0; font-size: 10px; font-weight: normal; }

ul#morelinks {
	width: 300px;
	height: 120px;
	list-style: none;
	background: url(../images/morelinks.png) no-repeat;
	margin-top: 20px;
}
ul#morelinks li {
	width: 270px;
	height: 30px;
	line-height: 30px;
	padding: 7px 15px 0 15px;
}
ul#morelinks li a {
	text-decoration: none;
	color: #717171;
}
ul#morelinks li a img { vertical-align: middle; padding-right: 7px; }
ul#morelinks li a.order { color: #0184c0; font-weight: bold; }
ul#morelinks li a span.online { color: #00b81c; font-weight: bold; }
ul#morelinks li a span.offline { color: red; font-weight: bold; }


/* sub page */

#subpage {
	width: 558px;
	padding: 20px;
	border: 1px solid #b1b1b1;
	border-radius: 7px;
	-moz-border-radius: 7px;
	background: #ffffff;
}
#subpage h2 {
	float: left;
	font-size: 20px;
	color: #313131;
	line-height: 30px;
	font-weight: bold;
}
#subpage_button {
	float: right;
	margin-top: 2px;
	margin-bottom: 18px;
	height: 26px;
	border: 1px solid #97430b;
	background: url(../images/orange.png) repeat-x;
	line-height: 26px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#subpage_button a {
	display: block;
	height: 26px;
	padding: 0 10px 0 10px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #e6cdbd;
	text-shadow: #9e4c18 0 -1px 0;
}
#subpage_button a:hover { color: #ffffff; }
#subpage_content {
	padding-top: 15px;
	border-top: 1px dashed #b1b1b1;
	width: 558px;
	clear: both;
	font-size: 12px;
	line-height: 17px;
	color: #6e6e6e;
}

#packages {
	width: 600px;
	margin-top: 10px;
}
#packagehead {
	background: #b54f1e url(../images/orange.png) repeat-x;
	border: 1px solid #97430b;
	width: 598px;
	height: 42px;
	border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	line-height: 42px;
}
.packagerow {
	width: 598px;
	height: 34px;
	background: url(../images/row.png);
	border: 1px solid #d4d4d4;
	border-top: 0;
	line-height: 34px;
}
.feature {
	height: 34px;
	float: left;
	width: 216px;
	padding-left: 10px;
	color: #6a6a6a;
}
.packagefloat {
	width: 120px;
	height: 34px;
	float: right;
	border-left: 1px solid #d4d4d4;
	text-align: center;
	font-size: 11px;
	color: #a4a4a4;
}
.packagefloat img { margin-top: 10px; }
.packagefloat strong { color: #292929; }
#packagehead .feature, #packagehead .packagefloat { line-height: 42px; height: 42px; }
#packagehead .packagefloat { border-left: 1px solid #97430b; color: #ffffff; font-weight: bold; font-size: 15px; text-shadow: #9e4c18 0 -1px 0; }
a.order { color: #0f9d00; font-weight: bold; font-size: 13px; text-decoration: none; }
a:hover.order { color: #096000; }

/* footer */

#footer {
	height: 250px;
	border-top: 1px solid #b1b1b1;
	background: url(../images/bg.png) repeat-x;
	background-position: 0 -194px;
	text-shadow: #ffffff 0 1px 0;
}
#fwrap { width: 940px; margin: 0 auto; padding-top: 15px; }
#fleft { float: left; color: #5f5f5f; }
#fleft strong { color: #333333; }
#fleft a { color: #8b8b8b; font-size: 11px; text-decoration: none; }
#fright { float: right; }
#fright a { color: #898989; text-decoration: none; padding-left: 10px; }
#fright a.order { color: #5f5f5f; font-weight: Bold; }


div#content div#conContainer p {
	margin-left: 25px;
	margin-bottom: 10px;
}
/* HOSTING */

div#content.hosting div.boxContainer {
	float: left;
	width: 210px;
	margin: 0 8px;
	margin-bottom: 20px;
	padding: 0px;

}
div#content.hosting div.boxContainer ul {
	list-style: none outside;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#content.hosting div.boxContainer ul li {
	margin-top: 1px;
	margin-bottom: 1px;
}
div#content.hosting div.box {
	background: #d5f0fb;
	border: 1px solid #40b4e4;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 10px;
}
div#content.hosting div.avg div.img {
	text-align: right;
	margin-top: -150px;
}
div#content.hosting div.wrapper p {
	margin-left: 30px;
	margin-top: 0px;
	/* font-weight: bold; */
	border: 0px;
}
div#content.hosting div.wrapper ul {
	margin-left: 50px;
	margin-right: 5px;
	margin-top: 20px; 
	margin-bottom: 30px;
	border: 0px;
}
div#content.hosting div#infoContainer {
	margin-top: -40px;
}
div#content.hosting div#conContainer ul {
	margin-left: 30px;
	margin-bottom: 10px;
}
div#content.hosting .underline {
	text-decoration: underline;	
}
/* DESIGN SERVICES */
#content.design-services div#boxContainer div.box {
	float: left;
	border: 1px solid #ddd;
	padding: 2px;
	margin: 5px;
	margin-left: 10px;
}
/* LIGHTBOX */
#overlay { 
	background: url('../images/lightbox_overlay.png'); 
}
#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails {
	padding-top: 0.4em;
}	
#lightboxCaption{ 
	float: left; 
}
#keyboardMsg {
	float: right;
}
#closeButton {
	top: 5px;
	right: 5px;
}
#lightbox img {
	border: none;
	clear: both;
} 
/* HOME SERVICES */
#content.home-services .avg .img {
	position: absolute;
	top: 320px;
	right: 25px;
}
/* BUSINESS SERVICES */
#content.business-services table {
	margin: 0 10px 0 5px;
	width: 100%;
	border-spacing: 2px;
}
#content.business-services table h2 a {
	font-size: 14px;
	text-decoration: none;
}
#content.business-services table tr.dark td {
	background: #E6ECF1;
}
#content.business-services table tr td {
	padding-left: 5px;	
}
#content.business-services table tr td.tcenter {
	padding-left: 0;
	text-align: center;
}