body {
	background: #CCC url(images/bg.jpg) repeat-x;
}
html, body {
	height: 100%;
}
a {
	color: #0C6299;
	text-decoration: none;
}
a:hover {
	color: #228FC7;
	text-decoration: underline;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.padright32 {
	padding-right: 32px;
}
.padleft32 {
	padding-left: 32px;
}

.padleft42 {
	padding-left: 42px;
}
.img_left {
	float: left;
	padding: 0 20px 10px 0;
}
.clear {
	clear: both;
}
a.button {
	color: #FFF;
	text-decoration: none;
	padding: 6px 10px;
	background: url(images/but_3feat_off.jpg) no-repeat 50% 0;
}
a.button:hover {
	background: url(images/but_3feat_on.jpg) no-repeat 50% 0;
}
span.more {
	padding-right: 14px;
	background: url(images/icon_arrow_10.gif) no-repeat 100% 50%;
}
span.price {
	color: #107FC6;
	font-size: 1.2em;
	font-weight: bold;
}
span.small_price {
	font-size: 80%;
	color: #666;
}

/* @group header */

#header {
	height: 70px;
	min-height: 70px;
}
#header .logo {
	padding-top: 13px;
}
#header .headnav {
}
#header ul.headnav {
	text-align: right;
	padding: 24px 180px 0 0;
	list-style-type: none;
}
#header ul.headnav li {
	float: right;
	padding-left: 40px;
	list-style-image: none;
}
#header ul.headnav li a {
	color: #BBB;
	font-size: 120%;
	text-decoration: none;
}
#header ul.headnav li a:hover {
	color: #FFF;
	text-decoration: none;
}
#header ul.headnav li a.on {
	color: #6ABBE5;
}
#header .phone h2 {
	float: right;
	color: #6ABBE5;
	padding-top: 16px;
}

/* @end */

/* @group main-nav */

#main_nav {
	margin-top: 20px;
	background: #08080B url(images/bg_nav.jpg) repeat-x 0 top;
}

/* @group ESSENTIAL STYLES */

#mainnav, #mainnav * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size: 13px;
	letter-spacing: .05em;
}
#mainnav {
	line-height:	1.0;
}
#mainnav ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
#mainnav ul li {
	width:			100%;
}
#mainnav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#mainnav li {
	float:			left;
	position:		relative;
}
#mainnav a {
	display:		block;
	position:		relative;
}
#mainnav li:hover ul,
#mainnav li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul#mainnav{
	padding: 0 0 0 10px;
	margin: 0;
}
ul#mainnav li {
	margin-right: 5px;
}
ul#mainnav li:hover li ul,
ul#mainnav li.sfHover li ul {
	top:			-999em;
}
ul#mainnav li li:hover ul,
ul#mainnav li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul#mainnav li li:hover li ul,
ul#mainnav li li.sfHover li ul {
	top:			-999em;
}
ul#mainnav li li li:hover ul,
ul#mainnav li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
#mainnav a.on {
	color: #042133;
	border-bottom: 1px solid #DDD;
	background: #DDD url(images/bg_nav_on.jpg) repeat-x 0 top;
}

/* @end ESSENTIAL STYLES */

/* @group DEMO SKIN */ 

/* move to child theme later */
#mainnav {
	float:			left;
	margin-bottom:	1em;
}
#mainnav a {
	color: #FFF;
	padding: 1em;
	text-decoration: none;
}
/*#mainnav a, #mainnav a:visited  {  visited pseudo selector so IE6 applies text colour
	color:			#FFF;
}*/

#mainnav li:hover, #mainnav li.sfHover,
#mainnav a:focus, #mainnav a:hover, #mainnav a:active {
	color: #222;
	background: url(images/bg_nav_hover.jpg) repeat-x 0 top;
	outline:		0;
}

/* @group arrows */

#mainnav a.sf-with-ul {
	padding-right: 	2.0em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background: url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#mainnav ul .sf-sub-indicator { background-position:  -10px 0; }
#mainnav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#mainnav ul a:focus > .sf-sub-indicator,
#mainnav ul a:hover > .sf-sub-indicator,
#mainnav ul a:active > .sf-sub-indicator,
#mainnav ul li:hover > a > .sf-sub-indicator,
#mainnav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/* @end arrows */

/* @group shadows for all but IE6 */
.sf-shadow ul {
	background:	url('img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* @end shadows for all but IE6 */
/* @end DEMO SKIN */
/* @end main-nav */

/* @group main - feature */

#main {
	background: url(images/bg_main.jpg) repeat-x 0 top;
}
#main .feature {
	padding: 20px;
	text-align: right;
}
#main .feature h1 {
	color: #FFF;
	letter-spacing: 0.025em;
	padding: 30px 20px 0 0;
	margin-bottom: 4px;
}
#main .feature h2 {
	color: #AAA;
	padding-right: 20px;
}
#main .feature p {
	padding: 20px;
}
#main .feature a.button_main {
	color: #FFF;
	text-decoration: none;
	padding: 6px 4px 6px 10px;
	background: #228FC7;
}
#main .feature a.button_main:hover {
	color: #000;
	background: #6ABBE5;
}
#main .feature a.button_main span.intro_more {
	padding-right: 18px;
	background: url(images/icon_feat_arrow_14.gif) no-repeat 100% 0;
}

#main .intro {
	height: 200px;
}
#main .home {
	border: 1px solid #333;
	background: url(images/img_main_home.jpg) no-repeat 0 top;
}
.main_bottom {
	height: 20px;
	width: 950px;
	margin: 0 auto;
	background: url(images/bg_main_corners.gif) no-repeat 0 top;
}

/* @end */

/* @group content */

#content {
	background: url(images/bg_content.gif) repeat-y;
}

/* @group content intro */

.content_intro {
	padding-right: 32px;
}
.content_intro span {
	font-weight: bold;
}
.content_intro h2 {
	font-weight: bold;
	padding-top: 4px;
	margin-bottom: 10px;
}

/* @end */

/* @group content wrapper */

.content_wrapper {
	padding: 10px 32px 10px 0;
}
.content_wrapper span {
	font-size: 120%;
	color: #0C6299;
	font-weight: bold;
}
.content_wrapper h1 {
	color: #107FC6;
}
.content_wrapper h1.about {
	padding-left: 42px;
	background: url(images/icon_about_32.gif) no-repeat 0 50%;
}
.content_wrapper h1.contact {
	padding-left: 42px;
	background: url(images/icon_help_32.gif) no-repeat 0 50%;
}
.content_wrapper h1.colocation {
	padding-left: 42px;
	background: url(images/icon_colocation_32.gif) no-repeat 0 50%;
}
.content_wrapper h1.network {
	padding-left: 42px;
	background: url(images/icon_network_32.gif) no-repeat 0 50%;
}
.content_wrapper h1.reseller {
	padding-left: 42px;
	background: url(images/icon_reseller_32.gif) no-repeat 0 50%;
}
.content_wrapper h1.vortech {
	padding-left: 42px;
	background: url(images/icon_vortech_32.gif) no-repeat 0 50%;
}
.content_wrapper h3 {
	font-weight: bold;
}
.content_wrapper dl dd {
	margin-bottom: 10px;
}

.bg_intro {
	background: url(images/bg_intro.gif) no-repeat right bottom;
}
/* @group dl */

.content_wrapper dl.contact {
	padding-left: 15px;
}
.content_wrapper dl.contact dt {
	clear:both;
	float:left;
	width:4em;
}
.content_wrapper dl.contact dd {
	margin-left:5em;
}

/* @end */

.reseller {
	clear: both;
}
.reseller1, .reseller2, .reseller3 {
	float: left;
}
.reseller1 {
	width: 215px;
	background: url(images/bg_reseller1.png) no-repeat;
	padding: 6px 0 10px 20px;
}
.reseller1 p {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 3px;
}
.reseller1 ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.reseller1 ul li {
	list-style-image: none;
}
.reseller1 img {
	float: right;
	padding-right: 15px;
}
.reseller2, .reseller3 {
	margin-top: 10px;
	width: 215px;
}
.reseller2 .feature_button h3, .reseller3 .feature_button h3 {
	color: #6ABBE5;
	font-size: 2em;
	padding-top: 11px;
}
.reseller2 .feature_button p, .reseller3 .feature_button p {
	font-size: 1.3em;
	font-weight: normal;
}

/* @end */

/* @group block2 */

.block2 {
	background: url(images/bg_block2.gif) no-repeat;
}
.block2 h2 {
	color: #0C6299;
	font-weight: bold;
}
.block2 h2 a:hover {
	text-decoration: none;
}

.block2 h2.colocation {
	padding-left: 42px;
	background: url(images/icon_colocation_32.gif) no-repeat 0 50%;
}
.block2 h2.corporate {
	padding-left: 42px;
	background: url(images/icon_corporate_32.gif) no-repeat 0 50%;
}
.block2 h2.linux {
	padding-left: 42px;
	background: url(images/logo_linux_32.png) no-repeat 0 50%;
}
.block2 h2.starter {
	padding-left: 42px;
	background: url(images/icon_starter_32.gif) no-repeat 0 50%;
}
.block2 h2.windows {
	padding-left: 42px;
	background: url(images/logo_windows_32.gif) no-repeat 0 50%;
}

.news {
	padding: 30px 32px 0 0;
}

.specials {
	padding: 30px 0 0 42px;
}

.news h3, .specials h3 {
	font-weight: bold;
	color: #0C6299;
	font-size: 1.75em;
	letter-spacing: 0.05em;
	padding: 10px 0 5px 38px;
}
.news h3 {
	background: url(images/icon_clock_32.gif) no-repeat 0 50%;
}
.specials h3 {
	background:url(images/icon_specials_32.gif) no-repeat 0 50%;
}

.specials dl.chklist {
	margin-left: 15px;
	margin-bottom: 25px;
}
.specials dl.chklist dt {
	padding-left: 32px;
	font-size: 16px;
	background: url(images/icon_check_24.gif) no-repeat 0 50%;
}
.specials dl.chklist dd {
	padding-left: 14px;
	margin-bottom: 10px;
}

.news dl.eventlist {
	
}
.news dl.eventlist dt {
	color: #666;
	font-weight: normal;
	font-style: italic;
	padding-left: 14px;
}
.news dl.eventlist dd {
	font-size: 14px;
	margin-bottom: 10px;
}

/* @end */

.b2left {
	padding: 30px 0 0 32px;
}
.b2right {
	padding: 30px 32px 0 0;
}

.b2table table {
	margin-bottom: 20px;
}
.b2table table.unix1 {
	margin-bottom: 24px;
}
.b2table table.win4 {
	margin-bottom: 51px;
}
.b2table thead {
	background: url(images/bg_thead.jpg) repeat-x 0 top;
}
.b2table thead th {
	color: #FFF;
	text-align: center;
	background: none;
}
.b2table tr:hover {
	background: #F3FBFF;
}
.b2table td {
	text-align: center;
	border-bottom: 1px solid #DDD;
}
.b2table td.order {
	padding: 10px 0;
}

.b2table td span.size {
	color: #107FC6;
	font-size: 1.3em;
	font-weight: bold;
}
.b2table td.product_title {
	text-align: left;
	font-weight: bold;
}
.b2table tfoot {
	background: url(images/bg_nav_on.jpg) repeat-x 0 bottom;
}
.b2table tfoot tr:hover {
	background: none;
}


/* @end */

/* @group customer service */

#customer_service {
	margin-bottom: 10px;
}
.cust_serv {
	height: 100px;
	text-align: right;
	background: url(images/bg_cust_serv.png) no-repeat left top;
}
.cust_serv h3 {
	color: #F5FE00;
	padding: 20px 30px 0 0;
	margin-bottom: 5px;
}
.cust_serv p {
	color: #FFF;
	padding: 0 30px 0 28px;
	line-height: 1.2em;
}

/* @end */

/* @group widget sidebar */

.widget {
	margin: 10px 0;
	background: url(images/bg_widget_bot.png) no-repeat left bottom;
	/*background: url(images/bg_widget.gif) repeat-y left;*/
}
.widget span {
	font-weight: bold;
}
.widget h3 {
	color: #0C6299;
	font-weight: bold;
}
.widget h3.bonus {
	padding: 8px 0 8px 34px;
	margin-bottom: 8px;
	background: url(images/icon_favs_32.gif) no-repeat 0 50%;
}
.widget_content {
	padding: 20px;
}
.widget_content ul {
	padding: 0;
	margin: 0 0 20px 0;
	list-style: none;
}
.widget_content ul li {
	list-style-image: none;
	font-size: 110%;
	padding-left: 18px;
	margin-bottom: 3px;
	background: url(images/icon_check_12.gif) no-repeat 0 50%;
}

/* @end */

/* @group feature button */

.feature_button {
	color: #FFF;
	text-align: center;
	font-weight: bold;
	height: 80px;
	background: url(images/but_3feat_off.jpg) no-repeat 50% 0;
}
.feature_button:hover {
	background: url(images/but_3feat_on.jpg) no-repeat 50% 0;
}
.feature_button h3 {
	color: #FFF;
	font-weight: bold;
	padding-top: 8px;
	margin-bottom: 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 0.02em;
}
.feature_button p {
	margin: 0;
}
.feature_button span {
	color: #6ABBE5;
	font-size: 26px;
}

.featured3 {
}
.featured3 ul {
	padding: 10px 0 10px 10px;
	margin-bottom: 5px;
	list-style: none;
}
.featured3 ul li {
	color: #666;
	list-style-image: none;
	padding-left: 16px;
	background: url(images/icon_check_10_gray.gif) no-repeat 0 50%;
}
.featured3 a.button {
	font-size: 120%;
	font-weight: bold;
}
.featured3 p {
	text-align: center;
}


div.first {
	/*background: url(images/bg_feat1.gif) no-repeat left bottom;*/
}
div.first ul {
	padding-left: 24px;
}
div.mid {
	padding-right: 16px;
	/*background: url(images/bg_feat2.gif) no-repeat left bottom;*/
}
div.mid ul {
	padding-left: 18px;
}
div.end {
	padding-right: 32px;
	/*background: url(images/bg_feat3.gif) no-repeat left bottom;*/
}

/* @end */

/* @group footer */

.footer, .push {
	height: 100px; /* .push must be the same height as .footer */
}
.footer {
	background: #333;
}
.foot {
	padding-top: 30px;
	text-align: center;
	color: #CCC;
}
.foot a {
	color: #DDD;
	text-decoration: none;
}
.foot a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* @end */