/*
-----------------------------------------------
Title:     CSS Styles 
Author:    Todd Austin - Drake Storm Studios
Updated:   June 16, 2007
----------------------------------------------- */

body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #383d44;
	background: #ffffff url(bg_2.png) repeat-x top left;
}
body#order {
	background: #ffffff url(order_bkg.png) repeat-x top left;
}
#container {
	width: 764px;
	margin:0 auto;
	padding:0;
}

/*-----HEADER-----*/

#header {
	padding: 0;
	margin:0;

	font-size: .9em;
/* background:url(../images/header_valentines.gif) top left no-repeat; 	-- Uncomment for Holiday Header -- */

}
#phone {
	float:right;
	width:230px;
	margin:15px 1px 0 0;
	margin:1px 1px 0 0;

	padding:0;
	color:#96C7FF;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.8em;
*height:30px;
}

#phone a img {margin:0px 0 0px 0; *margin:-5px 0 0px 0}

/*-----NAVIGATION-----*/

#top-nav-box {
	background: url(header_nav_bg_full.png) no-repeat;
	height:259px;
	margin-top:10px;

}
#order #top-nav-box {
	background: url(order_page_nav.png) no-repeat;
	height:49px;
}
#top-nav-box ul#navigation {
	width: 760px;
	_width:780px;
	height:29px;
	margin:0 0 0 3px;
	padding:0px 0 8px 0;	
	text-align: center;
}

#top-nav-box ul#navigation li {
	margin:0;
	list-style-type:none;
	display:inline;
	padding:0px 0px ;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom:1px solid #5f83bf;
	text-align:center;
}
#top-nav-box ul#navigation li a, #top-nav-box ul#navigation li a:visited {
	float: left;
	padding:10px 0px 12px;
	margin:0;
	width:108px;
	color:#FFFFFF;
	border-right:1px solid #5474a9;
	background-image:none;
	text-decoration:none;
}
#top-nav-box ul#navigation li a:hover {
	background: url(hover_2.png) no-repeat bottom left;
	border-bottom:1px solid #223F5D;
		
}

body#ana ul#navigation li#m-ana a,
body#servers ul#navigation li#m-serv a,
body#managed ul#navigation li#m-man a,
body#data-center ul#navigation li#m-dat a,
body#support ul#navigation li#m-sup a,
body#about ul#navigation li#m-about a,
body#contact ul#navigation li#m-contact a {
	background: url(active_4.png) no-repeat bottom left;
	border-bottom:1px solid #5F84B6;
		
}
#top-nav-box ul#navigation li.last a {
	border-right:0px solid #5474a9;
	width:104px;
}
#top-nav-box ul#navigation li.last a:hover {background: url(hover_last_2.png) no-repeat bottom left;}

/*---Fix for IE6---*/
#top-nav-box ul#navigation li#m-contact,
#top-nav-box ul#navigation li#m-contact a,  
#top-nav-box ul#navigation li#m-contact a:hover {
	_width:104px
} 
/*---End Fix---*/

/*-----BILLBOARD AD-----*/

#top-ad {
	margin:7px 0 0 6px;
	_margin:0px 0 0 6px;
	background: url(inner_box_blank_2.png) no-repeat;
	height:210px;
	text-align:left;
}
#top-ad p {
	margin:0;
	padding:0;
	padding-left:15px;
	color:#fff;
	text-align:left;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
}
#top-ad p.primary {
	color: #ffffff;
	font-size:2.9em;
	padding-top:5px;
}
#top-ad p.secondary {
	font-size:2em;
	_font-size:1.5em;
	text-align:left;
	_width
	color: #0994F9;
}
#top-ad div#billboard {
	width:560px;
}
#top-ad div#billboard p.secondary {
	font-size:3.4em;
	letter-spacing:1px;
	color: #ffffff;
	margin:0px 0 0 0;
	_margin:10px 0 0 0;
	padding-top:25px;
	font-weight:bold;
}
#top-ad div#billboard p.secondary span {
	font-size:.7em;
	font-weight:normal;
}
#top-ad div#billboard ul {
	float:left;
	margin:0;
	text-align:left;
	margin:0 25px 0 15px;
	_margin:10px 25px 0 15px;
	padding:10px 0 0 0px;
	width: 200px;
	_width:180px;
}
#top-ad div#billboard ul li {
	margin:0 0 0 15px;
	color: #FFFFFF;
	font-weight: bold;
	list-style-type:none;
	text-align:left;
	padding:3px 0 0 0px;
	_font-size:.9em;
	list-style-image: url(list_arrow.gif);
	*list-style-image: url(list_arrow_ie.gif);
}
#top-ad div#billboard p.info_btn {
	text-align:right;
	padding-top:5px;}
#top-ad div#billboard p.info_btn a img {
	padding-left:0px;
}

/*-----LOGO-----*/

#logo {
  background:url(logo.png) bottom left no-repeat; /*-- Comment this out when using Holiday Header -- */
	padding: 0 ;
	padding-top:14px;
	text-align: left;
}
#logo a {
	display:block;
	width:330px;
	height:52px
}
/*-----MAIN CONTENT-----*/

#main-body {
	margin: 15px auto;
	padding: 0;
	font-size: .9em;
	line-height: 1.6em;
	text-align: left;
}
#content {
	padding: 0;
	font-size: .9em;
	background: transparent;
	min-height:430px;
	}
#order #content {
	margin-top:25px;
}
.left {
	float:left
}
.right {
	float:right;
}

/*-----BOXES-----*/

.half, .half-two {
	background:url(half_3.png) bottom left no-repeat;
	padding:0 0 14px 0;
	margin:10px 2px 10px 0;
	width:372px;
}
.half h3 {
	margin:0 0  0;
	padding:7px 10px 3px 10px;
	background:url(half_3.png) top left no-repeat;
	color:#383D44;
	font-size:1.1em;
	}
.half-two h3 {
	margin:0;

	padding:7px 10px 3px 10px;
	background:url(half_3.png) top left no-repeat;
	}
h3 img,#content li img {padding:0 0 5px 0;}
.half p, .half a.more {
	margin:0;
	padding:0 10px 3px;
	border:1px solid #dcdbdb;
	border-width:0 1px;
	background:#f7fafb;
	}
.half ul,.full ul {
	border:1px solid #dcdbdb;
	border-width:0 1px;
	background:#f7fafb;
	margin:0;
	padding-left:50px;
}
.half ul, .half-two ol {
	padding-top:20px;
	margin-bottom:0;
}
.half ul li, .half-two ul li, .half-two ol li {
	list-style-type:none;
}
.half ul li a.dedicated_chat2 {
	display:block;
	width:162px;
	height:34px;
	background-image: url(dc_wht_bg.gif);
	margin:0px 0 7px 0
}
.half ul li a.dedicated_chat2:hover {
	background-image: url(dc_hover_wht_bg.gif);
}
div.half.half-two {height:220px;}
body#ana div#container div#main-body div#content div.half.half-two {height:205px;}
body#contact div#container div#main-body div#content div.half.half-two {height:405px;}
.full{
	background:url(full.png) bottom left no-repeat;
	padding:0 0 14px 0;
	margin:10px 2px 10px 0;
	width:762px;
}
.full a, .half a, .half-two a, p a {
	color:#346090;
}
.full h3 {
	margin:0;
	padding:7px 10px 3px 10px;
	background:url(full.png) top left no-repeat;
	color:#383D44;
	font-size:1.1em;
	}
.full h3 img, .half h3 img {
	margin:0 5px 3px 0; 
}
.full-two h3 {
	margin:0;
	padding:7px 10px 3px 10px;
	background:url(full.png) top left no-repeat;
}
.full p, .full a.more {
	margin:0;
	padding:3px 10px 3px;
	border:1px solid #dcdbdb;
	border-width:0 1px;
	background:#f7fafb;
	}
.full ul, .half ul {
	border:1px solid #dcdbdb;
	border-width:0 1px;
	background:#f7fafb;
	margin-top:0;
	padding-right:15px;
}
.sales p {
	text-align:justify;
}
.sales h3 {
	color:#346090;
	margin-bottom:-3px;
	padding-bottom:2px;
	border-bottom: 2px solid #346090;
	font-size:1.3em;
}
.sales p a {
	color:#346090;
}

/*-----FORM-----*/

form, fieldset {
	margin: 10px 0 0 0;
	padding: 0;
}
fieldset { }
legend {
	padding: 0;
	color: #000;
}
input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	height:18px;
}
select { 
	padding: 0; 
}	
form {
	margin:12px 0 13px;
	padding:0; 
}
/* Target Safari 3 */
body:first-of-type form {margin:12px 0 10px;}


.sales {
	margin:10px 0px 10px 0;
}
form.lsform fieldset {
	padding-top:10px;
  margin-bottom: -35px;
	_position:relative;
}
form.lsform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.lsform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.lsform fieldset ol {
  margin: 0;
  padding: 0;
}
form.lsform fieldset ol li {
  list-style: none;
  padding: 0;
  margin: 0;
}
form.lsform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.lsform fieldset fieldset legend {
  padding: 0 0 15px;
  font-weight: normal;
}
form.lsform fieldset fieldset label {
  display: block;
  width: auto;
}
form.lsform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.lsform label {
  width: 120px; /* Width of labels */
}
form.lsform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.lsform {
	width: 370px;
	font-size: 1.1em;
	color: #333;
}
form.lsform legend { 
	padding-left: 0; 
}
form.lsform legend,
form.lsform label {
	color: #333; 
}
form.lsform fieldset {
	border: none;
}
form.lsform fieldset fieldset {
	background: none;
}
form.lsform fieldset ol li {
	padding: 0px 10px 15px;
}
#submit {
	text-align:center;
	margin:15px 0 0;
}
textarea {
	margin-bottom:5px;
}


/*-----TABLE-----*/

#content table {
	font: .8em;
	margin-top: -34px;
	margin-bottom: -35px;
	position:relative;
	width: 754px;
	
}
#content table tr th {
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	font-size: 1em;
	font-weight: bold;
	color:#fff;
}
#content table tr {
	height: 35px;
}
#content table tr td {
	padding: 0 10px;
}
.table h3 {
	background:#fff;
	color:#346090;
	padding:0 0px 3px 0px; 
	margin:0px;
}
.table h3 a {
	background:#fff;
	color:#346090;
	padding:0 0px 0px 0px; 
	margin:0px;
}
.table span a {
	float:right;
	margin:0px;
	margin-top:0px;
	background:none;
	color:#333;
	font-size:1em;
	padding:0 5px 0px 5px; 
}
.table {
	width: 762px;
	background: url(table_bg35.gif) repeat-y left 24px;
	margin-top: 15px;
}
.alternate {
	background: url(table_bg_big3.gif) repeat-y left 24px;
}
.order {
	background: url(table_bg_order.gif) repeat-y left 24px;
}
.alternate tr.main td,.order tr.main td {
	border-bottom:1px solid #b6c8db;
	margin:0 5px;
}
.order tr.main td.desc {
	border-left:1px solid #b6c8db;
	border-bottom:0px solid #b6c8db;
}

.desc p, .desc  p ul {
	padding-left:25px;
	margin-top:5px;
}
.desc  ul {
	margin-top:-5px;
	padding-top:0;
}
td.alt {
	background-color:#EAEFF4;
}
td.alt1 {
	background-color:#DCE5ED;
}
label {
	font-weight:bold;
	color:#346090;
}
label a {
	font-weight:bold;
	color:#346090;
}
tr.main td a,tr td a {
	text-align:center;
	color:#346090;
} 
.table .table_header {
	background: url(table_head_bg.gif) no-repeat top left;
	height: 35px;
}
.table .table_header_order {
	background: url(table_head_bg_order.gif) no-repeat top left;
	height: 35px;
}
.table .table_footer {
	background: url(table_bottom.gif) no-repeat bottom left;
	height: 35px;
}
.table .table_footer2 {
	background: url(table_bottom3.gif) no-repeat bottom left;
	height: 35px;
}
.table .table_footer_plan {
	background: url(table_bottom_plan.gif) no-repeat bottom left;
	height: 35px;
}
.table .table_footer_order {
	background: url(table_bottom_order.gif) no-repeat bottom left;
	height: 35px;
}
.table td img {
	margin:0;
	padding:0;
}
#content table tr th.breakdown {
	font-weight:bold;
	color:#346090;
	border-bottom:1px solid #b6c8db;
}
.award {
	float:left; 
	margin:10px; 
	width:170px;
	_width:168px;
}
.award p {
	text-align:left;
	font-size: .9em;
}
.award img {
	float:left;
	margin:0 5px;
	_margin:0 4px;
}

/*-----FOOTER-----*/

#footer {
	background: #1d334c url(footer_bg.gif) top left repeat-x;
 	height:145px;
	margin-top:20px;
	position:relative;
}
#footer ul{
	width: 764px;
	margin:0 auto;
	padding:12px 0 0 0;
	text-align:left;
 }
#footer ul li {
	list-style-type:none;
	display:inline;
	padding:0px 0px;
	color:#346090;
	margin-right:15px;
	font-weight: bold;
}
#footer ul li a {
	color:#346090;
}
#footer p{
	font-size: .8em;
	width: 764px;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
	color:#fff;
 }
#footer p a {
	color:#96C7FF;
}
p.promotions, p.promotions-ana, p.promotions-linux,p.promotions-windows,p.promotions-mega,p.promotions-hp,p.promotions-quad{
	background:url(promotion2.png) no-repeat; 
	height:40px;
	padding:9px 0 0 10px;
	margin-bottom:0;
	width:762px
}
p.promotions-ana {
	background:url(promotion_bos.png) no-repeat; 
	}
	p.promotions-quad {
	background:url(promo-quad-core_bos.png) no-repeat; 
	}
p.promotions-linux {
	background:url(promotion-linux.png) no-repeat; 
	}
p.promotions-windows {
	background:url(promotion-win.png) no-repeat; 
	}
p.promotions-mega {
	background:url(promotion-mega.png) no-repeat; 
}
p.promotions-hp {
	background:url(promotion-hp.png) no-repeat; 
	}
	
#content #promo {
	background: url(ms_prom.png) no-repeat;
	height: 222px;
}
#content #promo h1 {
	font: bold 30pt Arial, Helvetica, Geneva, sans-serif;
	color: #346091;
	padding:25px 0 0 12px;
	margin: 0 0 -8px 0;
}
#content #promo p {
	font: 14pt Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	line-height: 18pt;
	padding:10px 0 0 12px;
	width: 475px;
	*width: 505px;
	margin: 0;
	
}
#content #promo img {
	padding:8px 0 0 9px;
	*padding:8px 0 0 5px;
}