/* 
	Site Name: Futured Hosting
					     */
   
/*
 ******************************************************************************
 * Start of General CSS
 ******************************************************************************
 */

body { padding: 0; margin: 0; font: 0.7em Tahoma, sans-serif; line-height: 1.6em; background: #fff; color: #454545; }
a { color: #003B6E; background: inherit; }
a:hover { color: #9EC068; background: inherit; }	

.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
img { border: none; }

form {
	padding: 0 0 2px 2px;
}
.styled {
	border: 1px solid #DDD;
	padding: 2px;
}
input {
	color: #555;
	font: normal 1.1em Tahoma, sans-serif;
}

/*
 ******************************************************************************
 * End of General CSS
 ******************************************************************************
 */

/*
 ******************************************************************************
 * Start of Header CSS
 ******************************************************************************
 */

/* headings */
h1 { font-size: 21px; font-weight: normal; text-decoration: underline; line-height: 30px; margin: 0 0 20px 0; padding: 0; color: #000; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
h2 { font-size: 20px; font-weight: normal; line-height: 28px; margin: 0 0 15px 0; padding: 0; color: #000; }
h3 { font-size: 18px; font-weight: normal; line-height: 28px; margin: 0 0 15px 0; padding: 0; color: #000; }
h4 { margin: 0 0 0 0; padding: 0 0 5px 0; font-size: 14px; font-weight: bold; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 17px; font-weight: normal; line-height: 28px; margin: 0 0 8px 0; padding: 0; color: #000; }
.title { color: #808080; background: #fff; }


/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }


/* content holder */
#content { margin: 10px auto; width: 960px; }


/* header */
#header { height: 70px; }
#logo { padding: 0px 0 0 5px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 20px 0 0; text-align: right; }


/* horizontal tabbed menu */	
#tabs { background: #fff url(images/bigbox.gif) no-repeat top left; color: #000;  height: 61px; text-align: center; padding: 0 0 0 185px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; }	
#tabs li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; }	
.key { text-decoration: underline; }

/*
 ******************************************************************************
 * End of Header CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Search CSS
 ******************************************************************************
 */

#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbg.gif) no-repeat;
	padding: 10px 0 10px 0px;
	width: 563px;
	margin: 0.2em 0 0 0;
}

#search p { padding: 0; margin: 0; }

/*
 ******************************************************************************
 * End of Search CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Content CSS
 ******************************************************************************
 */

/* middle */
.middle { float: center; width: 950px; margin: 0 0 10px 0; }
	.middle_articles {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 0px dotted #ccc;
		color: #000;
		background: #fff;
		font-size: 13px;
	}
	
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }


/* left side */
.left { float: left; width: 650px; margin: 0 0 10px 0; }
	.left_articles {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 0px dotted #ccc;
		color: #000;
		background: #fff;
		font-size: 13px;
	}
	
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }


/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}
	.boxtop { height: 19px; background: #fff url(images/boxtop.gif) no-repeat; color: #000000; }
	.box { background: #fff url(images/box.gif) no-repeat bottom left; color: #000000; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }

/*
 ******************************************************************************
 * End of Content CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Footer CSS
 ******************************************************************************
 */

.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px dotted #ccc; }
.footerend { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; }

.footer_menu_column {
	float: left;
	width: 230px;
	padding: 0 10px 0 0;
}

.footer_menu_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.footer_menu_list li {
	margin: 0px;
	padding: 0px;
}

/*
 ******************************************************************************
 * End of Footer CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Comparison Table CSS
 ******************************************************************************
 */

td {
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    color: #000000
}

table.mdtable {
    	width: 100%;
    	border: 1px solid #ccc;
}

.mdtable th, .mdtable td {
    	color: #666;
    	padding: 5px;
    	text-align: left;
    	vertical-align: top
    }

.mdtableline1 {
    	background-color: #fff;
    
    }

.mdtableline2 {
    	background-color: #eff2f3;
    
    }

.mdtable {
    	border-collapse: collapse;
    
    }

.mdtable th, .mdtable th a, .mdtable th a:visited {
    	background: #999;
    	color: #fff;
    	font-family: Tahoma, sans-serif;
    	font-weight: bold;
    	font-size: 16px;
    	text-decoration: none;
    
    }

table.mdtable td {
    	border-bottom: 1px solid #dcdcdc;
    	border-right: 1px dotted #ccc;
    	border-left: 1px dotted #ccc;
    	font-size: 11px
    }

table.mdtable .sec-header {
    	background: #ccc;
    	font-size: 12px;
    	font-weight: bold;
    
    }

table.mdtable .sec-header-ref {
    	background: #ccc;
    	color: #009933;
    	font-size: 11px;
    	font-weight: bold;
    
    }

table.mdtable td h2, table.mdtable td h3, table.mdtable td h4, table.mdtable td h5 {
    	margin: 0;
    	padding: 0;
}

/*
 ******************************************************************************
 * End of Comparison Table CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Slider CSS
 ******************************************************************************
 */

#slider {
	width: 900px;
	height: 200px;
	padding: 40px 30px;
	background: url(images/slider.png) no-repeat;
}

.button a {
	clear: both;
	display: block;
	width: 90px;
	height: 24px;
	padding: 4px 0 0 15px;
	background: url(images/button.png) no-repeat;
	color: #333;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}

.button a:hover {
	color: #000;
}

/*
 ******************************************************************************
 * Start of Slider CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Testimonial Page CSS
 ******************************************************************************
 */

.testi_quote_01 {
	clear: both;
	position: relative;
	width: 850px;
	padding: 30px 40px 20px 40px;
	margin-bottom: 20px;
	background: url(images/quote_middle.jpg) repeat-y;
}

.testi_quote_01 .top {
	position: absolute;
	width: 930px;
	height: 22px;
	top: 0px;
	left: 0px;
	background: url(images/quote_top.jpg) top left no-repeat;
}

.testi_quote_01 .bottom {
	position: absolute;
	width: 930px;
	height: 22px;
	bottom: 0px;
	left: 0px;
	background: url(images/quote_bottom.jpg) bottom left no-repeat;
}

/*
 ******************************************************************************
 * End of Testimonial Page CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Social Box CSS
 ******************************************************************************
 */

#social_box {
	float: right;
	display: inline-block;
	padding: 0;
	list-style: none;
}

#social_box li {
	display: block;
	float: right;
	padding: 5px;
	margin: 0;
}

#social_box li a {
	width: 48px;
	height: 48px;
	margin-right: 3px;
}

/*
 ******************************************************************************
 * End of Social Box CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Homepage Boxes CSS
 ******************************************************************************
 */

.video-sub {width: 305px;float: right;padding-top: 15px;}

#content .message_blue_packedup,.content_full_width .message_blue_packedup{color:#333;padding: 15px;  margin: 0 0 10px 0;}
#content .message_blue_packedup, .content_full_width .message_blue_packedup {background: #DAE6F2; border:1px solid #BDC4CA;}
#content .message_blue_packedup .rightblock, .content_full_width .message_blue_packedup .rightblock{float:right; text-align:center; }
#content .message_blue_packedup .rightblock a, .content_full_width .message_blue_packedup .rightblock a{text-decoration:none;}

.message_blue_packedup{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

span.price{ font-size:22px; font-weight:bold; color:#446592; display:block; }

.styled1{
	color:#3e9735;
	font-size:15px;
	font-weight:bold;
}

.planslist {margin:0;list-style:none;padding:0 0 20px 0;}
.planslist li {padding:5px 0 0 15px;background:url(images/bullet.png) 0 11px no-repeat;margin-bottom: 0px;}
.planslist1 li {background:url(images/bullet.png) 0 10px no-repeat !important;padding:5px 0 0 18px !important;}

/*
 ******************************************************************************
 * End of Homepage Boxes CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Cleaners CSS
 ******************************************************************************
 */

.cleaner { clear: both; width: 100%; height: 15px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

/*
 ******************************************************************************
 * End of Cleaners CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Contact Page Listing CSS
 ******************************************************************************
 */

.list {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

.list li {
	background: url(images/list.png) no-repeat;
	margin:0 0 20px;
	padding:0 0 0 25px;
	line-height: 1em;
}

.list li a {
	background: #fff;
	line-height: 1em;
}

/*
 ******************************************************************************
 * End of Contact Page Listing CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Columns and Floating CSS
 ******************************************************************************
 */

.contact_col_w420 {
	width: 420px;
}

.contact_col_w400 {
	width: 400px;
}

.whyus_col_w290 {
	width: 290px;
}

.whyus_col_w290 {
	width: 290px;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.fl_img {
	float: left;
	margin: 3px 20px 10px 0;
}

/*
 ******************************************************************************
 * End of Columns and Floating CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Domains Page CSS
 ******************************************************************************
 */

.full_column {padding-bottom: 5px;}
.full_column {width:100% !important;margin-right:30px !important;}

.message_green,.message_red {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.message_green {color:#333;padding: 20px 20px 20px 60px;margin: 0 0 20px 0;}
.message_green {background: #DFE9B7 url(images/green-tick.gif) 20px center no-repeat;border:1px solid #BAC398;}
.message_green a {font-weight:bold;color:#66B500;}

.message_green_noimg {color:#333;padding: 20px 20px 20px 20px;margin: 0 0 20px 0;}
.message_green_noimg {background: #DFE9B7; border:1px solid #BAC398;}

.message_red {color:#333;padding: 20px 20px 20px 60px;margin: 0 0 20px 0;}
.message_red {background: #DFE9B7 url(images/red-cross.gif) 20px center no-repeat;border:1px solid #BAC398;}
.message_red a {font-weight:bold;color:#66B500;}

.absmiddle{vertical-align:middle;}


#domains {
    margin: 0;
    padding: 10px;
    font-size: 14px;
    text-align: center;
}

#domains input {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-family: "lucida grande", "lucida sans unicode", arial, verdana, tahoma, sans-serif;
	color: #5e5e5e;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	font-size: 14px;
	padding: 3px;
}

#domains input:hover{
	border: 1px solid #7a7a7a;
}

#domains input:focus{
	-moz-box-shadow: 0 0 7px #0f50ba;
	-webkit-box-shadow: 0 0 7px #0f50ba;
	box-shadow: 0 0 7px #0f50ba;
	border: 1px solid #0f50ba;
}

#domains textarea {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size: 14px;
	font-family: "lucida grande", "lucida sans unicode", arial, verdana, tahoma, sans-serif;
	color: #5e5e5e;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}

#domains textarea:hover{
	border: 1px solid #7a7a7a;
}

#domains textarea:focus{
	-moz-box-shadow: 0 0 7px #0f50ba;
	-webkit-box-shadow: 0 0 7px #0f50ba;
	box-shadow: 0 0 7px #0f50ba;
	border: 1px solid #0f50ba;
}

#domains select {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size: 1em;
	font-family: "lucida grande", "lucida sans unicode", arial, verdana, tahoma, sans-serif;
	color: #5e5e5e;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	font-size: 14px;
	padding: 3px;
}

#domains select:hover{
	border: 1px solid #7a7a7a;
}

#domains select:focus{
	-moz-box-shadow: 0 0 7px #0f50ba;
	-webkit-box-shadow: 0 0 7px #0f50ba;
	box-shadow: 0 0 7px #0f50ba;
	border: 1px solid #0f50ba;
}

/*
 ******************************************************************************
 * End of Domains Page CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Content Slider CSS
 ******************************************************************************
 */

/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding: 0; /* This acts as a border for the content slider */
  background: none; /* This is the color of said border */
} 
.cs_wrapper, .cs_slide {
/*  background-color: none;  Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:43px; /* Should be as wide as the button graphic being used */
  background: none; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */

.contentslider {
  position:relative;
  display:block;
  width: 900px;
  height: 200px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width: 740px;
  height: 200px;
  margin: 0 80px;
  padding: 0;
  overflow:hidden;
}
.cs_slider {
	position:absolute;
	width:10000px;
	height:100%;
	margin: 0;
	padding: 0;
}
.cs_slide {
  float:left;
  position:relative;
  top:0;
  left:0;
  width: 740px;
  display: block;
  margin: 0 auto;
}

.cs_slide .slide_content {
	  width: 740px;
	padding: 0;

}

.slide_content .left {
	float: left;
	width: 400px;
}

.slide_content .right {
	float: right;
	width: 300px;
}

.slide_content h2 {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 20px;
	color: #000;
}

.slide_content p{
	color: #000;
	font-size: 14px;
	margin-bottom: 20px;
}

.slide_content img {
	width: 298px;
	height: 180px;
	border: 1px solid #CCC;
}

.cs_leftBtn, .cs_rightBtn {
	position: absolute;
	top: 70px;
	padding: 0;
	z-index: 10000;
}
.cs_leftBtn {
	left : 0px;
	outline: 0;
}
.cs_rightBtn {
	right : 0px;
	outline: 0;
}
.cs_leftBtn img, .cs_rightBtn img {
	border: 0;
	position: relative;
	margin: 0;
}

/*
 ******************************************************************************
 * End of Content Slider CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Thickbox CSS
 ******************************************************************************
 */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/*
 ******************************************************************************
 * End of Thickbox CSS
 ******************************************************************************
 */


/*
 ******************************************************************************
 * Start of Social Sharing Icons CSS
 ******************************************************************************
 */

.social {
	border:1px solid #D8D8D8;
	background:#F2F2F2;
	padding:5px 10px;
	font-size:12px;
}

.social a img {
	padding:0;
	border:none;
	background:none;
	vertical-align:middle;
}

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

/*
 ******************************************************************************
 * End of Social Sharing Icons CSS
 ******************************************************************************
 */


/* 
	Copyright Futured Hosting
					      */