\/*
Theme Name: Hostme Premium Hosting Template
Author: http://themeforest.net/user/system32
Author website: http://www.aivahthemes.com
Tags: space, fixed width, two columns, widgets
*/


/* --- GENERAL CSS
________________________________________*/

html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
		margin:0!important;
		padding:0!important; 
		outline:none;
		}	
		
.style9 {
	color: #666666;
}
	
body 								{ color:#5c5c5c; font:normal 12px/20px "Trebuchet MS","Lucida Sans Unicode", Arial, Helvetica, sans-serif;} 
* html body 						{ margin:0;padding:0; }
		
.alignleft							{ float:left; margin:0 0px 0px 0;}
.alignright							{ float:right; margin:0 0 0px 0px;}
.aligncenter						{ text-align:center;  }

.textleft 							{ text-align:left;}
.textright  						{ text-align:right;}

.floatright 						{ float:right;}
.floatleft  						{ float:left;}
.clear								{ clear:both;}

p										{	text-align:justify;
											padding:0px;
											margin:0px;}	
a									{ text-decoration:none;	}
a:hover								{ text-decoration:underline; }

.img_border							{ background:#f8f8f8; padding:3px; border:1px solid #c6c6c6;       }

.ribbon 		{ position:absolute; top:0; right:0; z-index:9; width:70px; height:70px; }
.ribbon_large 	{ position:absolute; top:0; right:0; z-index:9; width:100px; height:100px; }

.thinframe				{ padding:3px;margin:2px;
border:1px solid #f1f1f1 !important;
	background-color:#fff;
	background:-moz-linear-gradient(bottom, #f2f2f2 0px, #fff 100%);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff));
	-moz-box-shadow:0px 1px 1px #aaa;
	-webkit-box-shadow:0px 1px 1px #aaa;
	box-shadow:0px 1px 1px #aaa;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}

/* --- HEADINGS
________________________________________*/

h1						{ font-size:28px; margin:0 0 20px 0; }
h2						{ font-size:24px; margin:0 0 15px 0; color:#086994;}
h3 						{ font-size:20px; margin:0 0 15px 0; }
h4						{ font-size:17px; margin:0 0 15px 0; }
h5 						{ font-size:14px; margin:0 0 10px 0; }
h6						{ font-size:11px; margin:0 0 10px 0; }

h1, h2, h3, h4, h5, h6	{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; padding: 0; color:#000000; }


/* --- FEATURED SLIDER
________________________________________*/

.plan_box					{ width:250px; height:280px; overflow: hidden; position: relative; padding:0 0px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,1.8);
		-moz-box-shadow: 0 3px 5px rgba(0,0,0,1.8);
		box-shadow: 0 3px 5px rgba(0,0,0,1.8); }

.plan_box .plan_info 		{
	width:250px;
	position:absolute;
	height:280px;
	left:1px;
	text-align:center;
	cursor:pointer;
	z-index:1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.plan_box .plan_details 	{ width:250px; margin:0 auto; height:280px; text-align:center; z-index:0;}
.plan_box .content			{ margin:0 }

ul.boxlist					{ margin:0  }
ul.boxlist li				{ list-style-type:none; text-align:left; line-height:18px; margin:0px 0; list-style-position:outside; font-size:12px;}

.plan_box h2				{ font-weight:bold; background:none; border:none; margin:20px 0 0 0 ; padding:0; }
.plan_box h3.price			{ margin:0; font-weight:bold; padding:0;}
.plan_box h3.price span, 
.plan_box h4				{ margin:0; padding:0; font-size:90%; font-weight:normal; 
opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.plan_box h4				{ font-size:100%; font-weight:bold; margin:10px 0;} 
.plan_box h5 				{ color:#fff; }


.featurebox						{ width:250px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; margin:0; }
.featurebox .content 			{ margin:0 0 0px 0; }

.featurebox .content h2 span	{ display:block; font-size:12px; margin:0; text-transform:uppercase; letter-spacing:0.08em;  }

.featurebox ul.lists			{ margin:20px 0; list-style-type:none; }
ebox ul.lists li			{ background:url(../images/box_tick.png) 0 16px no-repeat; list-style-type:none; list-style-position:outside; margin:0px; padding-left:25px; line-height:normal;    }


.fancytoggle 		{ position:relative;
padding:10px; margin-bottom:10px; 
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
 }

.fancytoggle h4		 			{ margin:0 0 0px 0; }



/* --- 29.SOCIAL ICONS POPUP BOX
________________________________________*/

.tipsy 									{  font-size: 10px; background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner 							{ background-color: #fff; color: #000; max-width: 200px; text-align: center; }
.tipsy-inner 							{ -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north 							{ background-position: top center; }
.tipsy-south 							{ background-position: bottom center; }
.tipsy-east 							{ background-position: right center; }
.tipsy-west 							{ background-position: left center; }





/* --- PLANBOX
________________________________________*/
.plan_box								{ color:#FFFFFF; }
ul.boxlist								{ background:#fff;  }
.plan_box .plan_info					{ background:url(../images/bg_shadow.png) 50% 0px no-repeat; }

.plan_box h2							{ color:#FFFFFF;  }
.plan_box h3.price						{ color:#FFCC33;}
#sub_header, 
.plan_box h3.price span, 
.plan_box h4,
#footer_wrapper h4,
.tweets a:hover							{ color:#fff; }

ul.host li img 							{ background:#fbfbfb; border:3px solid #e3e3e3; }



ul.lists								{ margin:0px 0; list-style-type:none; }
ul.lists li								{ background:url(../images/box_tick.png) 0 8px no-repeat; list-style-type:none; margin:0px; line-height:inherit;    }

ul.host li 								{ list-style-type: none; border-bottom: 1px solid #ddd;}
ul.whyhost li 							{ list-style-type: none; border-bottom: 1px solid #ddd;}

ul.host li  							{ overflow:hidden; height:100%;  }
ul.host li img 							{ float:left; margin-right:5px;  }
/* --- MOUSE HOVER LINK COLOR
________________________________________*/

a, a:hover, 
.widget li a:hover,			
#sidebar ul li a:hover, 
#footer_wrapper a:hover,
.tweets a					{ color:#006bb3; }

.fancyheading		{ margin-bottom:18px; padding-bottom:0; }
.fancyheading span { text-transform: uppercase; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color :#fff; font-size:12px; font-weight: normal; letter-spacing: 2px; line-height: 22px; background:#555; }

.red_hl,
.green_hl,
.yellow_hl,
.blue_hl		{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:1px 5px; margin: 0 2px; }

.red_hl			{ color: #fff !important; background-color: red; }
.green_hl		{ color: #fff !important; background-color: green; }
.yellow_hl		{ color: #000 !important; background-color: #ffcc00; }
.blue_hl		{ color: #fff !important; background-color: #0099d2; }

.redtxt									{	color:#990000;
											font-size:10px;
											font-weight:bold;
											text-decoration:none;}	
img							{	border:none;}