/* General Rules */

html{padding:0px;margin:0px;}

body{	
     	
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#001879;
        font-size:11px;
        text-align:center;
        margin-top: 0px;
        margin-left:0px;
        
        padding:0px;
        background:url(images/bg.gif);
        background-color:#eeeeee;
	
}

/***** Main Link *********/
a, a:visited {
	text-decoration: none;
	color: #b2ddff;
}

a:hover {
	text-decoration: none;
	color: #ffa509;
}

a.menu, a.darklink, a.menu:visited, a.darklink:visited{
    text-decoration:none;
    color:#2f7cbc;
  	border-bottom: 1px dotted #ccc;
    
}

a.menu:hover, a.darklink:hover{
   text-decoration:underline;
   color:#ea7000;
   border-bottom: 1px solid #ccc;
 
}



#menubottom a, #menubottom a:visited{
    background:url(images/menubottom_li.gif) no-repeat left;
    padding:20px 5px 20px 20px;
    
}
/***** End of Main Link *******/
p,pre,h4 {margin:0px 0px 0px 0px;line-height:15px;}

p.p4{
    font-size:11px;
    font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#174e8f;
  
} 

p.p5{
    font-size:11px;
    font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#ff8400;
    font-weight:bold;
  
} 


p.p6{
    font-size:11px;
    font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#ffffff;
  
  
} 

h1 {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
     	padding:0px;
     	color:#e7f9ff;
}


h2 {
    	font-size:11px;
    	border-bottom:1px dotted #eeeeee;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
     	color:#174e8f;
     	margin-bottom:5px;
     	
}

h4 {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
     	color:#ffffff;
     	line-height:17px;
     	margin-bottom:5px;
     	
}


#network h2{
        font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
     	color:#ffffff;
     	padding-left:0px;
     	padding-bottom:5px;
     
}

#toolsdownloadlist h2, #setting h2, #profilelist h2 {
    	font-size:11px;
    	border-bottom:1px solid #eeeeee;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
     	color:#174e8f;
     	padding-left:20px;
     	padding-bottom:5px;
     	background:url(images/arrow_btn.jpg) no-repeat;
     	background-position:left -3px;
     	
}

h3 {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
     	padding:0px;
     	color:#ff9000;
}


/**** List Decoration *****/
#clientlist ul{	
    list-style:none outside;
	margin:0px;
	padding:0px;
}

#clientlist li{	
    padding:0px 0px 5px 20px;
	margin:0px;
	background:url(images/li.gif) no-repeat left;
}


#settinglist ul{
    list-style:none outside;
	margin:0px;
	padding:0px;
}

#settinglist li{
    padding:0px 0px 5px 20px;
	margin:0px;
	color:#014fa4;
	background:url(images/li_light.gif) no-repeat left;
}

#heading ul, #basicin ul, #advancedin ul, #proin ul{	
    list-style:none outside;
	margin:0px;
	padding:0px;
}

#heading li, #basicin li, #advancedin li, #proin li, #hostheading li, #hostcontent li{	
    padding:0px 0px 5px 20px;
	margin:0px;
    border-bottom:1px dotted #5f8ab4;
	
}

ul{	
    list-style:none outside;
	margin:0px;
	padding:0px;
}

li{	padding:0px 0px 5px 20px;
	margin:0px;
   
	
}
/****** End of List Decoration ****/

/***** Border decoration *********/
img.border5 { border:4px solid #f4f4f4; margin:0px 0px 5px 8px;}
img.border1 { border:1px solid #ffffff; float: left; margin:0px 8px 8px 0px;}
/***** End of Border Decoration ********/


.inputstyle,.textstyle{	
	font-size:11px;
	color:#666;
	line-height:20px;
	border: 2px solid #fff;
	background-color: #fff;
}


/* Positioning Layers*/


#box {
	width:700px;
	margin:auto;
	text-align:left;
	padding:0px;
	background-color:#014fa4;
    border:2px solid #c1d0e0;
}

#top 	{
	text-align:left;
	background-image:url(images/bodybg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height: 323px;
    position:relative;
    
}


    
#middle {
    overflow:hidden;
    background:url(images/bg_container.jpg) repeat-x left top;
	background-color:#014fa4;
    padding-bottom:20px;

}

#middlew {
    overflow:hidden;
    background:url(images/bg_containerw.jpg) no-repeat left top;
    background-color:#ffffff;
    padding-bottom:20px;
    
   
}

#left {
    width:450px;
    float:left;
    padding-bottom:10px;
    overflow:hidden;
}


#right {
    width:240px;
    padding-bottom:10px; 
    overflow:hidden;
    margin-left:1px;
    
}


#bottom {
	text-align:left;
	color:#ffffff;
	background-color:#7A8F1D;
	height:40px;
	margin-bottom:0px;
	background:url(images/footer.jpg) repeat-x left top;
	
}


	
/**** END of Positioning style *****/


/***** Positioning decoration style *****/

#logo{
    padding-left:35px;
    padding-top:10px;
    float:left;
    width:200px;
    position:absolute;
}

#flash{
    position:absolute;
    float:left;
    text-align:left;
    padding-top:60px;
    padding-left:65px;
    
    
    
}
    
#menubottom	{
	text-align:right;
	float:right;
	width:250px;
	margin-top:10px;
	padding-top:10px;
    padding-bottom:5px;
	background:url(images/menubottom_bg.gif) no-repeat;
	background-position:left 0px;
	

}    
    

#menu	{
	padding-top:50px;
	padding-left:10px;
	text-align:right;
	padding-right:10px;
	color:#5795c9;
	
}



#moto{
    padding-left:370px;
    padding-top:123px;
    
}

#clientlist{
    width:350px; 
    background:url(images/task_icon.gif) no-repeat right bottom;
   
}

#promocontact {
    background-color:#ffffff;
    overflow:hidden;
}
#contactname{
    float:left;
    
}

#contactbox{
    float:left;
    padding-left:20px;
}

#settingintro, #toolsdownloadintro{
    border:1px dotted #5692cb;
    padding:10px;
    margin-bottom:10px;

}


#hostingtable{
    background:url(images/offer.jpg) no-repeat right top;
    width:610px;
    overflow:hidden;
}

#promo{
    padding-top:20px;
    padding-left:35px;
}



#tools, #software, #system{
    width:190px;
    float:left;
    padding:0 0px 0 5px;
}

#server{
	width:250px;
	margin-left:35px;
	color:#ffffff;
	padding-bottom:5px;
	position:relative;
   
}


#network{
	width:660px;
	overflow:hidden;
	padding-top:10px;
    margin-left:35px;
	text-align:left;
	color:#4f4f4f;
    background:url(images/lan.jpg) no-repeat right bottom;
   
   
}

#networklist {
	width:400px;
	overflow:hidden;
	text-align:left;
	color:#4f4f4f;
	padding-bottom:15px;
 
   
}


#hostingdetail, #hostingin, #faq, #general,#payment,#website,#email,#mailing,#other, #setting, #toolsdownload, #profile, #newsin{
	width:610px;
	overflow:hidden;
	padding-top:30px;
    margin-left:35px;
	text-align:left;
	color:#4f4f4f;
	
   
   
}

#intro, #contactform,#news,#design,#client,#hosting{
	width:400px;
    padding-left:35px;
	text-align:left;
	color:#ffffff;
    overflow:hidden;
    float:left;
    
}

    
#contact,#portfolio,#virus,#link,#template{
	width:200px;
	text-align:left;
	color:#ffffff;
	padding-bottom:5px;
	overflow:hidden;
	
}

#hostingmenu{
    background-color:#014fa4;
    overflow:hidden;
    width:400px;
   
    
}


#basic{
    float:left;
    width:93px;
    background:url(images/hosting_basic.jpg) no-repeat left top;
    background-color:#014fa4;
    overflow:hidden;
    position:relative;
    }

#advanced{
    float:left;
    width:106px;
    background:url(images/hosting_advanced.jpg) no-repeat left top;
    background-color:#014fa4;
    overflow:hidden;
    position:relative;
    }

#pro{
    float:left;
    width:125px;
    height:101px;
    background:url(images/hosting_pro.jpg) no-repeat left top;
    background-color:#014fa4;
    overflow:hidden;
    position:relative;
    
    }

#heading{
    float:left;
    width:120px;
    border-left:1px dotted #5682bb;
    border-top:1px dotted #5682bb;
    color:#00387f;
   
    }
    
#freedomain{
   
    width:100px;
    height:50px;
    float:left;
    position:relative;
}
    
#basicin{
    float:left;
    width:120px;
    border-left:1px dotted #5682bb;
    border-top:1px dotted #5682bb;
    
    }

#advancedin{
    float:left;
    width:120px;
    border-left:1px dotted #5682bb;
    border-top:1px dotted #5682bb;
  
    }

#proin{
    float:left;
    width:120px; 
    border-left:1px dotted #5682bb;
    border-right:1px dotted #5682bb;
    border-top:1px dotted #5682bb;
   
    }


#copyright {
	text-align:left;
	padding-top:15px;
	color:#c7dfff;
	padding-left:35px;
	float:left;
}

/***** End Positioning decoration style *****/

/**** positioning pop up*****/
#promobox{
    width:380px;
    background-color:#ffffff;
    border:1px solid;
   
    }
    
#promotop{
    background:url(images/promo_bg.jpg) no-repeat;
    background-position:top right;
    background-color:#ffffff;
	padding-top:60px;
	margin-top:0px;
	text-align:left;
	padding-left:20px;
	padding-bottom:5px;
	border:1px solid #ffffff;
}

#promocontent{
    background-color:#ffffff;
    text-align:left;
    padding-top:20px;
    padding-left:20px;
    overflow:hidden;
    padding-bottom:20px;
    }

    
#hostbox{
    width:380px;
    background:url(images/bg_container.jpg) repeat-x;
	background-position:left top;
	background-color:#014fa4;
	overflow:hidden;
	text-align:left;
	margin-left:0px;
	
}

#hosttop{
	background-color:#e9f1f5;
	padding-top:0px;
	margin-top:0px;
	text-align:left;
	padding-left:20px;
	padding-bottom:5px;
	border:1px solid #ffffff;
}

#hostheading{
    
    float:left;
	width:230px;
	text-align:left;
	color:#ffffff;
	border-right:1px dotted #ffffff;
	overflow:hidden;
    background:url(images/bg_container.jpg) repeat-x;
	background-position:left top;
	background-color:#014fa4;
}

#hostcontent{
    float:left;
	width:149px;
	text-align:left;
	color:#ffffff;
    overflow:hidden;
    background:url(images/bg_container.jpg) repeat-x;
	background-position:left top;
	background-color:#014fa4;
}
/***** end of positioning pop up*****/

/******** Start of h3 replacements ***********/

#intro h3 span, #welcome h3 span,#portfolio h3 span,#news h3 span,
#hosting h3 span,#hostingin h3 span,#virus h3 span,
#link h3 span,#client h3 span,#template h3 span,
#hostingdetail h3 span,#design h3 span,#faq h3 span,
#general h3 span,#payment h3 span,#website h3 span,
#email h3 span,#mailing h3 span,#other h3 span, #setting h3 span, #toolsdownload h3 span,
#profile h3 span, #contact h3 span, #contactform h3 span, #network h3 span, #newsin h3 span, #promotop h3 span{
	display:none;
}

#intro h3{background:url(images/intro_text.gif) no-repeat left;width:200px;height:19px;}
#welcome h3{background:url(images/header_welcome.gif) no-repeat left;width:200px;height:19px;}
#portfolio h3{background:url(images/portfolio_text.gif) no-repeat left;width:200px;height:19px;}
#news h3{background:url(images/news_text.gif) no-repeat left;width:200px;height:19px;}
#hosting h3{background:url(images/hosting_text.gif) no-repeat left;width:200px;height:19px;}
#hostingin h3{background:url(images/hostingin_text.gif) no-repeat left;width:200px;height:19px;}
#virus h3{background:url(images/virus_text.gif) no-repeat left;width:200px;height:19px;}
#links h3{background:url(images/links_text.gif) no-repeat left;width:200px;height:19px;}
#design h3{background:url(images/design_text.gif) no-repeat left;width:200px;height:19px;}
#client h3{background:url(images/client_text.gif) no-repeat left;width:200px;height:19px;}
#template h3{background:url(images/template_text.gif) no-repeat left;width:200px;height:19px;}
#hostingdetail h3{background:url(images/specification_text.gif) no-repeat left;width:200px;height:19px;}
#faq h3{background:url(images/faq1_text.gif) no-repeat left;width:200px;height:19px;}
#general h3 {background:url(images/general_text.gif) no-repeat left;width:200px;height:19px;}
#payment h3 {background:url(images/payment_text.gif) no-repeat left;width:200px;height:19px;}
#website h3 {background:url(images/website_text.gif) no-repeat left;width:200px;height:19px;}
#email h3 {background:url(images/email_text.gif) no-repeat left;width:250px;height:19px;}
#mailing h3 {background:url(images/mailing_text.gif) no-repeat left;width:200px;height:19px;}
#other h3 {background:url(images/other_text.gif) no-repeat left;width:200px;height:19px;}
#setting h3 {background:url(images/setting_text.gif) no-repeat left;width:230px;height:19px;}
#toolsdownload h3 {background:url(images/tools_text.gif) no-repeat left;width:290px;height:19px;}
#profile h3 {background:url(images/about_text.gif) no-repeat left;width:290px;height:19px;}
#contact h3 {background:url(images/contact_text.gif) no-repeat left;width:290px;height:19px;}
#contactform h3 {background:url(images/contactform_text.gif) no-repeat left;width:290px;height:19px;}
#network h3 {background:url(images/intranet_text.gif) no-repeat left;width:290px;height:19px;}
#newsin h3 {background:url(images/newsin_text.gif) no-repeat left;width:300px;height:19px;}
#promotop h3 {background:url(images/promo_text.gif) no-repeat left; width:243px;height:26px;}
/***** End of  h3 replacements**********/