@charset "utf-8";
/* CSS Document */

/* @import url(http://fonts.googleapis.com/css?family=Crimson+Text); */

body{font-family: Arial, Helvetica, sans-serif, Tahoma, Geneva, sans-serif; font-size: 10px;}
img{margin: 0px  0px  0px 0px ; border: none;}
p{ font-size: 1em;}
h1{font-size: 2em;}


#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:900px;

}

	#masthead{
	width:100%;
	background-image:url(../images/banner2.png); background-position: bottom; 
	height:250px;
	background-repeat:no-repeat;
	float:left;
	position:relative;
	color: #314A68;
	margin: 0px  0px  0px 0px ; clear: both; 
		
	}
	#masthead  h1 {
	font-size:5em;
	color:#314A68;
	float:right;
	margin-right: 95px;
}
	#content{
	width:100%;
	float:left;
	position:relative;
	margin: 0px  0px  0px 0px ;
	padding: 0px;
		
	}
	
	
		
		#left {width:696px;
		float:left;position:relative;
		padding-left:5px;}
	#right{
	width:190px;
	float:left;
	position:relative;
	padding-left:5px; background-color: rgb(255,255,255); opacity: 0.65;
}	

	#right img{
		border:0; float:right; clear:left; margin-top:10px;
}	
	#right p{
		 float:right; text-align:right;
}			
#footer{
		width:100%;
		height:50px;
		float:left;
		position:relative;
		border:1px solid #666;}


#nav_bar{ 
	height: 70px;
	width: auto;
	position:relative;	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0px;	font-size: 1em;
		}
.menu {
	position:relative;	
	width:700px;
	float:inherit;
	margin-bottom:3.5em;
	font-size: 1.05em;
	
	
}
/* sub-menu ULs */
.menu li ul {

	cursor:default;
	width:100em;	
	position:relative;
	
	border-bottom:1px solid #ccc;
	height:2em;
	top:2.08em;
	padding:8px 0 10px;
	padding-left:2em !important;
	background-position:0 0 !important;
	left:-9000px;
}
/* All LIs */
.menu li {
	cursor:pointer;
	float:left;
	width:10.23em;
	max-width:29.5%;
	text-align:center;
	list-style-type:none;
	font-weight:bold;
	
}
/* sub-menu LIs */
.menu li ul li {
	padding:0 5px 5px  0;
	border:none;
	width:auto;
	
}
/* All anchors */
.menu li a {
	color:#666;
	border-left:1px solid #333;
	text-decoration:none;	
	float:left;
	padding:0 .4em;
	height:2em;
	line-height:2em; text-align: center; 
}
/* sub-menu Anchors */
.menu li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	line-height:1.7em;
	height:1.7em;
	font-weight:400;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #999 #999 #ccc;
	color:#666;
	background-position:0 50% !important;
}
/* :hover and stuff */
.menu li a:hover, 
.menu li a:focus,

.menu li a:active {color:#000}
/* position and z-index for the sub-menus */
.menu li:hover ul,
.menu li.msieFix ul {left:-100%;z-index:10; width:300px}

.menu2:hover,.menu2:focus,.menu li.menu2 ul,.menu2  .menu li.menu2 
{
	background-color:#6394CE ;!important
}
.menu2 li a
{background:#e5ecf6 ;}

/* "trigger" and "msieFix" classes */
.menu li.msieFix a {color:#000 ;!important}

.pack_detail{
	position: relative;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
	padding-bottom:20px;
	clear:right;
}
.pack_detail li{ width:100%;float: left; }

.packages {
	float: left; position: relative;
	background-image:url(../images/box1.jpg);
	height:176px;
	width:212px;
	margin-left:20px;
	background-repeat:no-repeat;
	font-size: 1.5em;
}
.hosting{
	padding:0px 0px 0px 0px;
	position:relative;
	margin-top:10px;
	margin-left:60px;
	float:left;
	font-size: 1.5em;
	color: #C00;
}

.offer {
	position:absolute;
	width:200px;
	height:92px;
	z-index:1;
	left: 37px;
	top: 75px;
}
	
.offer ul  {
	font-size: 1em;
	float: left;
	/*list-style:none;*/
	position:absolute;
	top: 4px;
	left:-50px;
}
.offer li{
	/*color:#3470A5;*/
	position: relative;
	font-family: 'Crimson Text', arial, serif,"Times New Roman", Times, serif;
	font-weight:bold; 
	color: #EE113E;
	text-align:left;
	margin-bottom: 5px;
} 
.rownav{ width:100%; clear:both;background: url(../images/nav.jpg)repeat-x; margin-top:0;}

.rounded {background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 5px; }
.server_detail {
	clear: right;
	float: left;
	width: 50%;
	position: relative;
}
.server_detail h2{ font-weight:bold ; }
.server_detail li{  }
.clear{clear:both;}
.white{
	background: #eaeff5;
	-moz-border-radius: 8px;
-webkit-border-radius: 8px;
	border:1px solid #C7C7C7;
	padding:10px 14px;
	float: left;
	width: 45%;
	position: relative;
}