/*
Mass Reset
-------------------------------------------------------------------------------------------------------------------------------*/
/* { padding: 0; margin: 0; } */
body { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; }
li, dd, blockquote { margin-left: 30px; }
fieldset { padding: 10px; }

/*
Essential
-------------------------------------------------------------------------------------------------------------------------------*/
body { color: #333; background: #fff url(../img/body_bg.gif) top left repeat-x; font-family: helvetica, arial, sans-serif; font-size: 12px; }
a { color: #0f5ca2; text-decoration: none; }
a:hover { text-decoration: underline; }
#wrapper { margin: 0 auto; padding: 0 0 10px 0; width: 760px; }
table#header, table#main-image, table#home-content, table#footer { border-collapse: collapse; padding: 0; }
table#header td, table#main-image td, table#home-content td, table#footer td { vertical-align: top; padding: 0; }
td#interior-right table tr td { border-collapse: separate; }
/*
Header & Logo
-------------------------------------------------------------------------------------------------------------------------------*/
#blue-border { background: #0f5ca2; height: 4px; overflow: hidden; border-bottom: 1px solid #fff; }
#header { width: 760px; }
#logo { padding: 35px 0 0 0; width: 315px; vertical-align: top; }
#logo a { margin: 35px 0 0 6px; float: left; }
#logo a img { border: none; }

/*
Navigation
-------------------------------------------------------------------------------------------------------------------------------*/
#navigation { width: 436px; height: 70px; vertical-align: top; padding: 0 0 10px 0; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { float: left; margin: 0 43px 20px 0; padding: 0; }
#navigation li.last { margin: 0; }
#navigation span { display: none; }
#navigation a { display: block; float: left; height: 50px; background: url(../img/navigation.gif) 0 0 no-repeat; }

#navigation a.company { width: 57px; background-position: 0 0; }
#navigation a:hover.company { width: 57px; background-position: 0 -50px; }
#navigation a.hosting { width: 46px; background-position: -100px 0; }
#navigation a:hover.hosting { width: 46px; background-position: -100px -50px; }
#navigation a.technology { width: 67px; background-position: -189px 0; }
#navigation a:hover.technology { width: 67px; background-position: -189px -50px; }
#navigation a.support { width: 48px; background-position: -299px 0; }
#navigation a:hover.support { width: 48px; background-position: -299px -50px; }
#navigation a.contact { width: 46px; background-position: -390px 0; }
#navigation a:hover.contact { width: 46px; background-position: -390px -50px; }

/*
Contact-Bar
-------------------------------------------------------------------------------------------------------------------------------*/
#contact-bar { width: 445px; height: 30px; background: url(../img/contact_bar_bg.gif) bottom left no-repeat; color: #fff; vertical-align: middle; }
#contact-bar ul { list-style: none; padding: 0; margin: 0; }
#contact-bar li { display: inline; margin: 0 0 0 25px; padding: 5px 0 0 0; height: 12px; }
#contact-bar li.live-chat { margin: 0 0 0 12px; padding: 6px 0 6px 36px; height: 24px; background: url(../img/live_chat_icon.gif) center left no-repeat; }
#contact-bar li.toll-free { margin: 0 0 0 13px; padding: 4px 0 6px 22px; height: 24px; background: url(../img/toll_free_icon.gif) center left no-repeat; }

/*
Main-Image
-------------------------------------------------------------------------------------------------------------------------------*/
#main-image { margin: 0; }
#main-left h1, #main-left h2 { text-indent: -10000px; height: 0px; overflow: hidden; }
#main-left { border-right: 2px solid #fff; }
#main-right { color: #fff; width: 239px; height: 156px; background: url(../img/price_box_bg.gif) top left no-repeat; }
#main-right h2 { text-indent: -10000px; height: 0px; overflow: hidden; }
#main-right ul { margin: 35px 0 10px 0; }
#main-right ul li { margin: 0 10px 0 35px; }
#main-right #more-button { width: 103px; margin: 0 0 0 68px; }
#main-right #more-button a img { border: none; }

/*
Home-Content
-------------------------------------------------------------------------------------------------------------------------------*/
#home-content { width: 760px; float: left; display: inline; margin: 20px 0; }
#home-left { vertical-align: top; width: 519px; float: left; display: inline; }
#home-left h2 { font-size: 18px; margin: 0 15px 5px 15px; }
#home-left h3 { font-size: 14px; margin: 5px 15px; }
#home-left h4 { font-size: 12px; margin: 0 0 5px 0; }
#home-left p { margin: 5px 15px 15px 15px; }
#home-left ul { margin: 0; padding: 0; list-style-image: url(../img/double_arrow_bullet.gif); }
#home-left ul li p { margin: 0 15px 15px 0; }

#home-right { vertical-align: top; }

.side-block { background: #f5f5f5 url(../img/rounded_top.gif) top left no-repeat; margin: 0 0 10px 0; }
.side-block .rounded-btm { clear: both; width: 239px; height: 3px; background: url(../img/rounded_btm.gif) bottom left no-repeat; overflow: hidden; }
.side-block img { float: left; margin: 10px 10px 7px 10px; }
.side-block h3 { padding: 7px 10px 0 0; font-size: 12px; }
.side-block p { margin: 5px 10px 10px 0; }

/*
Interior-Content
-------------------------------------------------------------------------------------------------------------------------------*/
#interior-content { width: 760px; margin: 20px 0; }

#interior-left { width: 210px; padding: 0; margin: 0; vertical-align: top; }

#left-navigation { width: 210px; background: #f5f5f5 url(../img/left_rounded_top.gif) top left no-repeat; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif;}
#left-navigation ul { width: 210px; padding: 3px 0 0 0; margin: 0; list-style: none; }
#left-navigation li { width: 210px; padding: 0; margin: 0; border-bottom: 1px solid #fff; }
#left-navigation li.last { border-bottom: none; }
#left-navigation a { width: 180px; display: block; font-weight: bold; font-size: 12px; color: #0f5ca2; padding: 6px 15px; text-decoration: none; background: url(../img/left_nav_arrow_blue.gif) center right no-repeat; }
#left-navigation a:hover { width: 180px; display: block; font-weight: bold; font-size: 12px; color: #fff; background: #0f5ca2 url(../img/left_nav_arrow_white.gif) center right no-repeat; padding: 6px 15px; text-decoration: none; }
#left-navigation .rounded-btm { clear: both; width: 210px; height: 3px; background: url(../img/left_rounded_btm.gif) bottom left no-repeat; overflow: hidden; }

#interior-right { vertical-align: top; width: 550px; padding: 0; }
#interior-right h2 { font-size: 18px; margin: 0 20px 5px 20px; }
#interior-right h3 { font-size: 14px; margin: 5px 20px; }
#interior-right h4 { font-size: 12px; margin: 0 0 5px 0; }
#interior-right p { margin: 5px 20px 15px 20px; }
#interior-right ul { margin: 0; padding: 0 20px; list-style-image: url(img/double_arrow_bullet.gif); }
#interior-right ul li p { margin: 0 0 15px 0; }

/*
Footer
-------------------------------------------------------------------------------------------------------------------------------*/
#footer { color: #555; clear: both; width: 760px; margin: 0 auto; border-top: 1px solid #dfdfdf; font-family: Arial, Helvetica, sans-serif;}
td#footer-logos { width: 239px; text-align: right; padding: 0; }
td#footer-logos img { margin: 7px 0 0 15px; }
#footer p { margin: 10px; font-size: 10px; }
#footer a {  }
#footer a:hover {  }

.style1 { font-family: Arial, Helvetica, sans-serif; }



/* Grey Border Boxes {{{ */
.dataBox1	{
	border:				1px solid #EFEFEF;
	padding:			2px;
	background:			#fff;
}

.dataBox2	{
	border:				4px solid #F9F9F9;
}

.dataBox3	{
	border:				1px solid #ccc;
	padding:			3px;
	background:			#fff;
}
/* }}} */

/* Form Elements {{{ */
.csubmit		{
	background: 		url(/images/btn.gif) repeat-x;
	border: 			1px outset;
	cursor: 			pointer;
	font-family:		Tahoma, sans-serif;
	font-size:			9px;
	font-weight: 		normal;
	margin: 			0px 0px 1px 1px;
	padding: 			1px 1px 1px 1px;
}

input, select, textarea	{
	font-family:		Tahoma, Verdana, Sans-serif;
	font-size:			11px;
	border:				1px solid #ccc;
}
/* }}} */

.clear			{
	width:				0px;
	height:				1px;
	line-height:		0px;
	font-size:			0px;
	clear:				both;
}

.clear_c			{
	background:			#fff;
	height:				1px;
	line-height:		0px;
	font-size:			0px;
	clear:				both;
}

.sm_w			{
	background:			#C2C2C2;
	height:				100%;
	width:				1px;
	line-height:		0px;
	font-size:			1px;
	padding:			0px !important;
	margin:				0px;
}

.sm_h	{
	background:			#C2C2C2;
	height:				1px;
	width:				145px;
	line-height:		0px;
	font-size:			1px;
	padding:			0px 5px 0px 7px !important;
	margin:				5px 0 0 0;
}

.nb	{
	border:				0px !important;
}

.dataTable	{
	width:				100%;
	color:				#333;
	font-size:			10px;
}

/* Plan Page Table {{{ */
.dataTable	{
	width:				100%;
	color:				#333;
	font-size:			10px;
}

.features	{
	width:				493px !important;
	margin:				10px 5px 5px 5px;
}

.inner	{
	width:				95%;
}

.dataTable th	{
	color:				#147;
	border-bottom:		1px solid #147;
}

.dataTable th.top	{
	padding:			3px;
	background:			#158;
	color:				#fff;
	border:				1px solid #147;
}

.dataTable td {
	padding:			4px;
	border-bottom:		1px solid #ddd;
}

.dataTable td.sp {
	padding:			0px;
	border-bottom:		0px;
}

.dataTable td.pad3	{
	padding:0 3px 0 3px;
}

.dataTable td.pad5	{
	padding:0 5px 0 7px;
}

.dataTable tr.dark {
	background:			#FAFAFA;
	border:				1px solid #000 !important;
	font-weight:		bold;
	color:				#666;
}

.dataTable tr.dark td {
	border-top:			1px solid #ccc !important;
	border-bottom:		1px solid #ccc !important;
}

.dataTable tr.dark td.st {
	border-left:		1px solid #ccc !important;
}

.dataTable tr.dark td.ed {
	border-right:		1px solid #ccc !important;
}


.dataTable .nul {
	border-bottom:		0px !important;
}

.dataTable .center {
	text-align:			center;
}

.dataTable .gy{
	background:			#F6F6F6;
}

.dataTable a.dis {
	display:			block;
	height:				20px;
	line-height:		20px;
	padding-left:		8px;
	border-bottom:		1px solid #E5E5E5 !important;
	border-right:		1px solid #ccc !important;
	border-left:		1px solid #E5E5E5 !important;
	background:			#FAFAFA;
	cursor:            pointer;
}

.dataTable a.tl {
	border-top:			1px solid #E5E5E5 !important;
}

.dataTable a.bl {
	border-bottom:		1px solid #E5E5E5 !important;
}

.dataTable a.hightl {
	border-top:			1px solid #ccc !important;
}

.dataTable a.highlighted {
	background:			#fff;
	color:				#147 !important;
	font-weight:		bold;
	border-right:		0px !important;
	display:			block;
	height:				20px;
	line-height:		20px;
	padding-left:		8px;
	border-bottom:		1px solid #ccc !important;
	border-left:		1px solid #ccc !important;	
}

.dataTable a.highbot {
	border-bottom:		1px solid #ccc !important;	
}

.dataTable a.dis:hover {
	background:			#fff;
}

.displayBox {
	width:				350px;
	border:				1px solid #ccc !important;
	border-left:		0px !important;
	background:			#fff;
}




/* Failover Plan  {{{ */

.failoverCont {
	font-family:		Arial, Helvetica, sans-serif;
	text-align:			justify;
	font-size:			12px;
	color:				#6a6969;
}

.failoverBoxTitle {
	font-family:		Arial, Helvetica, sans-serif;
	text-align:			center;
	font-weight:		bold;
	font-size:			12px;
	color:				#fff;
	margin:				0 0 5px 0;
}

/* }}} */

/* Failover Plan Box {{{ */

.failoverBox {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#666666;
	vertical-align:		text-top;
}

ul.ulsd {
	margin:				0;
	padding:	        0 0 0 3px;
}

ul.ulsd li {
	padding:       	    4px 0 0 0px;
	margin:				0 0 0 0px;
	list-style-type:	square;			
}

/* }}} */