@charset "utf-8";

/* Reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
form {margin:0;	padding:0;}

dt {font-weight:bold}

/*CLEARFIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**************************************************************************************************************/
/* Type */
/**************************************************************************************************************/
h1{font-size:24px; color:#007cb6;  font-weight: normal;}
h2{font-size:20px; color:#003b56; line-height:28px; font-weight: normal;}
h3{font-size:15px; color:#007cb6; line-height:16px; font-weight: bold;}
h5{font-family:Tahoma; font-size:15px; color:#003b56; font-weight:bold; line-height:30px;}

input, select, textarea{ margin:1px 0 6px 0;}

input[type="text"], input[type="password"], select, textarea {
	border:solid 1px #0A81B9; background-color:#EFEFEF;
}

fieldset{float:left; margin-top:10px;}
legend{font-weight:bold; color:#055378; display:block; text-indent:10px;}
.colFormContent legend {text-indent:0}
label {display:block;}
.check {margin:0 10px 0 0; width:13px; vertical-align:middle;}
.liCheck {margin:5px}

.highlight1{color:#007cb6}
p, label{color:#003b56; line-height:18px; font-size:12px}


blockquote{font-family:"Georgia", Times New Roman, Times, serif; font-size:18px; font-style:italic; line-height:26px; color:#045378;}
cite{font-family:"Georgia", Times New Roman, Times, serif; text-align:right; display:block; font-size:12px; font-style:normal; font-weight:bold; color:#003b56;}

hr.solid, hr.solidGrey {border:none; border-bottom: 1px solid #FFF; clear:both; display:block; height:1px!important; line-height:1px!important; font-size:1%; margin:0}

.solidGrey {
	border-bottom: 1px solid #CCC!important;
	margin: 0 10px;
}

textarea{width:100%}

br.break {border:none; clear:both; display:block; height:1px; line-height:1px; font-size:1%; margin:0; margin-top:-1px;}

a{color:#3483AA; text-decoration:none}
a:hover{text-decoration:underline}

/**************************************************************************************************************/
/* Structure */
/**************************************************************************************************************/
body {background:#f7f4f4 url(/imgs/bgHeader.gif) repeat-x top; font-family:Tahoma, Verdana, sans-serif; font-size:13px;}
#wrap {width:100%;}
#main {width:960px; margin:0 25px;}

.shadow {width:1010px; margin:0 auto; background:url(/imgs/border.png) repeat-y;}
	#footer .shadow {height:70px;}

#header {height:130px;}
#footer {margin:0 auto; background: #007cb6 url(/imgs/bgFooter.gif) repeat-x bottom; height:70px;}
	#footerContent{width:960px; margin:0 25px;}
	#footerContent img{float:left; margin:18px 10px 0;}
	
#content {background:#f7f4f4;}
.logo{margin:17px 0 0 20px; float:left}
.left{float:left; margin:0; padding:0}
.right{float:right;  margin:0; padding:0}

.column {margin:10px; float:left; line-height:18px;}
	.one {width:300px;}
	.two {width:620px;}
	.three {width:940px;}
	.full {width:960px; margin:10px 0;}
	
	.main {width:640px}
	
.inline {display:inline!important;}

/*	Languague	*/	

#lang{ color:#007bb5; float:left; margin:6px 0 0 20px; font-size:11px}
#lang li{display:inline; color:#3ea2d1}


#lang li a {color:#3bace8; line-height:28px; text-decoration:none;}
#lang li a:hover{text-decoration:underline; color:#43c7f4}
#lang .selected, body.en #lang .english, body.es #lang .spanish {text-decoration:underline; color:#43c7f4}


/*	Navigation	*/	
#navMain{float:right; margin:6px 4px 0 0;}
	#navMain li{display:inline; float:left}
	#navMain li{font-weight:bold; background:#004c70; -moz-border-radius:2px; -webkit-border-radius:2px; border:1px solid #004c70; margin-left:1px; height:23px; display:block;}
	#navMain li a{font-size:13px; color: #fff; text-transform:uppercase; text-decoration: none; text-align:center; line-height:23px; display:block;}
	#navMain li a:hover, #navMain li a:active {background: #003852;}
	#navMain.es li a{width:110px}
	#navMain.en li {width: 90px}
	
/*	Login	*/
#loginMain{float:right; color:#43C7F4; font-size:11px; margin:5px 0;}
	#loginMain li{display:block; float:left; line-height:30px; margin:0 2px;}
	#loginMain input{
		margin:0px 3px 3px 3px; 
		width:70px; 
		font-size:100%;
		vertical-align:middle;	
		-moz-border-radius-bottomleft:2px;
		-moz-border-radius-bottomright:2px;
		-moz-border-radius-topleft:2px;
		-moz-border-radius-topright:2px;
		padding:1px 3px;
	}
	#loginMain label{font-size:11px; color:#43c7f4; font-weight:bold; display:inline; margin:0!important}
	#loginBtnMain{border:medium none; color:#43c7f4; cursor:pointer; font-size:10px!important; font-weight:bold;
		background-color:#004C70;
		width:auto!important;
		height:20px;
		padding:2px 2px 4px !important;
		margin:0 3px 3px !important;
		}

#loginMain a{ margin:0px 20px; color:#43c7f4; line-height:30px;}
#loginMain a:visited{color:#43c7f4}

/*	BREADCRUMB	*/
#breadcrumb {display:block; font-size:90%; margin:0 auto; padding:5px 10px; }
	#breadcrumb li {display:inline; float:left; line-height:13px}
	#breadcrumb .separator {color:#666666; margin:auto 5px;}
	#breadcrumb img{vertical-align:top; margin:3px 0 0 0;}
	
	
	
.titleSection{margin:5px 0 0 10px;}

/*	HOME SERVICES	*/
#navServices li{float:left; width:153px; font-size:11px; font-weight:bold; margin:13px 0; line-height:13px;}
#navServices li a{text-decoration:none; color:#055378}
#navServices li a:hover{text-decoration:underline}
#navServices img{float:left; margin:0 6px}

#homeNavServices li{float:left; width:153px; font-size:11px; font-weight:bold; margin:13px 0; line-height:13px;}
#homeNavServices li a{text-decoration:none; color:#055378}
#homeNavServices li a:hover{text-decoration:underline}
#homeNavServices img{float:left; margin:0 6px}

#Services, #Domain, #Testimonials{height:160px}
#Testimonials blockquote {height:100px; margin:8px;}
#Testimonials cite {margin:0 10px}

#homeDomain{margin:32px 0 0 0}
#Domain label{width:45px; float:left; margin:0 0 0 10px; line-height:20px;}
#Domain input[type="text"]{width:225px; float:left}
#Domain .btnOrder{width:100px!important}
.btn{background: url(/imgs/bgBtn.png) no-repeat scroll 0 0; width:96px; color:#FFFFFF; font-weight:bold; border:none; height:20px; cursor:pointer; font-size:11px; margin-left:0px }

/* BACKGROUNDS */
.fadeGrey{background: #F7F4F4 url(/imgs/fadeGrey.png) repeat-x bottom;}
.fadeGreyMax{background: #F7F4F4 url(/imgs/fadeGrey.png) repeat-x bottom; height:auto}




/*	Plan Boxes	*/
.plan {background: transparent no-repeat top left}
	.plan h2{margin-left:80px;}
	.plan h3{margin-left:80px; margin-top:20px;}
	.plan p{margin-top:20px;}

	#planBoxA {background-image:url(/imgs/plantSeed.jpg)}
	#planBoxB {background-image:url(/imgs/plantStem.jpg)}
	#planBoxC {background-image:url(/imgs/tree.jpg)}

.priceTag{background: transparent url(/imgs/priceTag.jpg) no-repeat bottom;}
	.priceTag a{height:65px; text-decoration:none; display:block;}
	.priceTag .info {display:block; float:left; margin-left:20px; margin-top:35px; color:#fff; text-transform:uppercase; cursor:pointer;}
	.priceTag a:hover .info  {color: #b6e8ff;}
	.priceTag .price{display:block; float:right; margin:20px 10px 0 0; cursor:pointer; font-size:36px; color:#045378; font-family:Arial, Helvetica, sans-serif; letter-spacing:-5px}
	.priceTag .unit{font-size:18px; letter-spacing:normal}

.testimonial {background: #FFF url(/imgs/bgBox.gif) repeat-x top; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #FFFFFF; }
	.testimonial h5 {margin:0 10px}
	.testimonial blockquote{margin:0 10px;}
	.testimonial cite{font-style:normal; font-weight:bold; margin:0 10px;}



/*	SUBMENU	*/

.subMenu{height:40px; background:url(/imgs/bgSubMenu.jpg) repeat-y top; margin:5px 0; float:left;}
.subMenu a:hover{text-decoration:none}
#dedicated #navDedicated a{background-color:#0174A9;}

.subMenu ul{margin:17px 0 0 10px;}
	.subMenu ul li{display:inline; float:left;}
	.subMenu ul li a{color:#FFFFFF;	display:block; font-size:11px; font-weight:bold; line-height:23px; margin-left:1px; text-align:center; text-decoration:none; text-transform:uppercase; padding: 0 15px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	background-color:#0174A9;
	}
	.subMenu ul li a:hover{background-color:#016492;}


/**************************************************************************************************************/
/*	Tables	*/
/**************************************************************************************************************/

/*	COLUMNS	*/
.one_twelve	{width: 60px}
.two_twelve	{width:140px}
.five_twelve{width:380px}

/*	FEATURES	*/
.ulFeatures li{

	background:transparent url(/imgs/liFeatures.gif) no-repeat scroll 0 8px;
	line-height:20px;
	list-style-type:none;
	padding:0 0 0 12px;
	line-height:24px;
}

/*	SPECIFICATIONS	*/
.specifications{padding:0px 10px; color:#003B56; margin:0 0 15px 0; clear:both; }
	.specifications span{background:transparent url(/imgs/bgSpecifications.gif) repeat-x scroll 10px 0; font-weight:bold; padding:12px 12px 10px; display:block;
		-moz-border-radius-bottomleft:0px;
		-moz-border-radius-bottomright:0px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;}	
	.specifications table{width:100%; background-color:#86cdee; margin:0 0 10px 0;}
	.specifications thead td{background-color:#86CDED; padding:5px 0; text-align:center; font-size:12px; }
	.specifications .txtLeft{text-align:left; padding:0 5px 0 30px;}
	.specifications td{text-align:center; border-right: #86CDED solid 1px; font-size:11px; line-height:16px; vertical-align:middle; height:25px;}
	.specifications .txtLeft{text-align:left; padding:0 5px 0 30px;}
	

	#colSelect		{white-space: nowrap;}
	#colName		{white-space: nowrap;}
	#colDrive		{white-space: nowrap;}
	#colRam			{white-space: nowrap;}
	#colBandwidth	{white-space: nowrap;}
	#colPrice		{white-space: nowrap;}

.color1 	{background-color:#BEE3F5; cursor: pointer;}
.color2 	{background-color:#CAEFFF; cursor: pointer;}
.tdButton	{text-align:left!important}
tr .tdButton{border-top:solid 2px #86cded; border-right: 0; height:42px;}


#specialForm input[type="text"],#contactServicesForm input[type="text"],#registerForm input[type="text"],#registerForm input[type="password"],#contactForm input[type="text"],#contactForm input[type="password"]{ width:250px}
#registerForm select,#contactForm select{width:252px}
#specialForm textarea{height:110px}
#specialForm .colFormContent{margin:0px 10px 10px 10px}
#specialForm{margin-bottom:10px; float:left; display:block}

.btnOrder{background: url(/imgs/bgBtnOrder.gif) no-repeat scroll 0 0; width:110px; color:#FFFFFF; font-weight:bold; border:none; height:20px; cursor:pointer; font-size:11px; margin:10px !important;}
.tdOrder{border:none!important;}
.btnOrder{background: url(/imgs/bgBtnOrder.gif) no-repeat scroll 0 0; width:110px; color:#FFFFFF; font-weight:bold; border:none; height:20px; cursor:pointer; font-size:11px; float:left}

/*	PAGES	*/
.pages{float:right; text-align:right; margin:15px 10px; display:block; padding:1px}
.pages a{padding:5px; width:auto;}
.pageSelected{text-decoration:underline!important}




/* FORMS */
.colForm{background-color:#e6e5e5; margin-top:10px; float:left;}
.colFormContent{margin:10px;}



/* SERVICES */
#contactServices{margin:10px 0 0 0}
.servicesList li{float:left; border:1px solid #dedddd; margin:0 0 10px 0}
.servicesList h3{color:#055378!important; font-size:16px; line-height:32px; margin:-10px 0 0; font-weight:normal;}
.contServicesList{width:215px; float:left; margin:10px 0 0 0}
.servicesList img{float:left; margin:10px 20px 0 10px;}

.expand{float:right; text-align:right; margin:5px 0;}
.expand a{float:right; padding:0 11px 0 0; margin:0 10px 0 0;}
.max{background: url(/imgs/downArrow.gif) no-repeat scroll right 50%}
.min{background: url(/imgs/upArrow.gif) no-repeat scroll right 50%}
/*.money{background: url(/imgs/money.gif) no-repeat scroll right 50%}*/
.firstSvcParagraph{display:block; width:215px; margin-bottom: 7px;}
.expandCont{display:none; width:215px; margin-bottom: 7px;}


/*REGISTER*/
.ulTerms{margin:10px auto}
#loginRightForm span{margin:10px auto; display:block}
#registerForm .warning,#contactForm .warning{width:242px}
.required{color:#0A81B9}


/*CONTACT*/
.twocols{margin:0 10px!important;}
#contactForm textarea{height:100px; width:250px; margin:0 0 10px 0; padding:1px 3px;}
#contactForm .column{margin:5px 10px!important}


/*SERVERS*/
.ulFeatures{color:#003B56; font-size:12px;}

/*ERROR MESSAGES*/

.error{ background:#92DEF9 url(/imgs/ico16_error.gif) no-repeat scroll 5px 10px; line-height:16px; margin:0 0 10px 10px; padding:10px 10px 10px 27px}
.warning{ background:#92DEF9; line-height:16px; margin:5px 0; padding:5px;}
.message{margin:50px auto 100px; border:1px solid #DEDDDD;}
.message img{margin:30px 20px; float:left}
.message p{margin:30px 0px;}
.message a{margin:5px 0 30px 0; display:block}

/**************************************************************************************************************/
/*	Footer	*/
/**************************************************************************************************************/

#footer ul{font-weight:bold; margin:10px 10px 5px 0}
#footer ul, #footer p{ float:right;}
#footer p{color:#FFFFFF; font-size:11px; text-align:right; clear:both; margin:0px 9px 0 0; line-height:17px!important}

#footer li{display:inline; color:#008acf; font-size:11px;}
#footer a {color:#FFFFFF; text-decoration:none}
#footer a:hover{color:#11A3EC}

#footer ul a{color:#008acf!important}
#footer ul a:hover{color:#11A3EC!important}


.capitalize{text-transform:capitalize;}
.hide{display:none!important;}
.uppercase{text-transform:uppercase;}
.trOver{background-color: #86cded}
.trSelected{background-color: #10b2ff}