@charset "utf-8";

/*** Global Layout ***/

html, body {
border:0;
margin:0;
padding:0;
}

body {
color:#333;
background:#fff;
font:1em/1.35 Verdana, sans-serif;
}


li {
	font-size: 12px;
}

/*** Top 3 Columns ***/

#col1 {
      margin-right: -490px;
      float: left;
      width: 50%;
}
#col1 .liner {
      background: #fff;
      margin-right: 490px;
	  height:29px;
	  width:auto;
}
#col2 {
      margin-left: -490px;
      float: left;
      width: 50%;
}
#col2 .liner {
      background: #0e2751;
      margin-left: 490px;
	  height:29px;
	  width:auto;
}
#content {
      width: 980px;
      float: left;
} 
#content .liner {
      float: right; 
	  width: 412px;
	  height: 29px; 
	  background-color: #0e2751;
} 



/*** Far Top Menu ***/

#farTopMenu {
    text-align:right;	  
    padding-top: 0px;
}

#farTopMenu a { 
	FONT-SIZE: 0.7em; 
	FONT-type: Verdana; 
	COLOR: #92c4f8;  
	margin-left: 11px; 
	margin-right: 1px; 
	TEXT-DECORATION: none;
}

#farTopMenu a:hover { 
	FONT-type: Verdana; 
	COLOR: #fff;  
	TEXT-DECORATION: none
}
#farTopMenu .topPhone {
	FONT-SIZE: 0.7em; 
	FONT-type: Verdana; 
	COLOR: #92c4f8;
}

#framecontent{
	position: absolute;
	top: 0px;
	bottom: 0;
	right: 0px;
	height:29px;
	width: 438px; /*Width of frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#maincontent{
position: fixed;
top: 0;
left: 0;
height:29px;
right: 623px; /*Set right value to WidthOfFrameDiv*/
bottom: 0;
overflow: auto; 
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}



/*** Logo, News, topSubTitles ect. ***/

div#fancyone{
    background: #fff 
    }

div#fancytwo{
    text-align: left;
    }

div#realcontent{
    width: 980px;
    margin: 0px auto;
    text-align: left;
	background: #fff;
    }
#topSubtitles {
	float:left; 
	width:760px; 
	text-align: right; 
	font-size:0.78em; 
	margin-top:14px; 
	color:#0f223d;
	letter-spacing:-0.1px;
}
#topSubtitles .divider {
	FONT-SIZE: 0.74em;  
	COLOR: #0f6fc9;
}
#news {
	margin-top:6px;
	margin-right:1px;
	float:right; 
	width: 260px; 
	height:59px;
	background:no-repeat; 
	border: 1px dotted #cccccc;
	/**background:url(/images/newsbox.gif); **/
	text-align: left;
}
#livechat{
	margin-top:6px;
	margin-right:30px;
	padding-right:20px;
	float:right;  
	height:103px;
	background:no-repeat; 
}
#newscontents {
	padding-left:8px; 
	padding-top:2px;
	padding-right:6px; 
	padding-bottom:7px; 
	font-size:0.66em; 
	color:#ff8a00;
	line-height:13px;
}
#newscontents .header {
	color:#666;
}



/*** main menu ***/

div#fancyone{
    background: #fff 
    }

div#fancytwo{
    text-align: left;
    }

div#realcontent{
    width: 980px;
    margin: 0px auto;
    text-align: center;
	background: #fff 
    }


#topmenu {
	FLOAT: left;
	FONT-SIZE: 0.77em;
}

#topmenu a {
	margin-right:3px;
	FLOAT: left; 
	WIDTH: auto; 
	COLOR: #1c4d8b; 
	PADDING-TOP: 5px;
	PADDING-bottom: 6px;
	PADDING-left: 11px;
	PADDING-right: 11px;
	BACKGROUND-COLOR: #eaeaea; 
	TEXT-ALIGN: center;
	TEXT-DECORATION: none
}

#topmenu a:hover {
	background:url(/images/menu_bg.gif); 
	TEXT-DECORATION: none;
	COLOR: #fff;
}

#topmenu .rollover {
	background:url(/images/menu_bg.gif); 
	COLOR: #fff;
	WIDTH: auto; 
	PADDING-TOP: 5px;
	PADDING-bottom: 6px;
	PADDING-left: 11px;
	PADDING-right: 11px;
	FLOAT: left;
	margin-right:3px;
}



/*** index intro page ***/

div#fancyone2{
    background:url(/images/bg_index.gif); 
    }

div#fancytwo2{
    text-align: left;
    }

div#realcontent2{
    width: 980px;
    margin: 0px auto;
    text-align: left;
	background: #fff;
	height:356px;
    }

#indexIntro {
	float:left; 
	width:960px; 
	height:287px; 
	background:url(/images/bg_index_intro_bg.gif);
}

#indexPlans {
	clear: both; 
	background:url(/images/bg_index_intro_bt.gif); 
	height:72px;
	width:980px; 
	float:left;
}

#indexPlansTitle{
	float:left;
	width:246px; 
	margin-left:17px; 
	color:#3786e1; 
	font-size:1em;
}
#indexPlansTitle2{
	float:left;
	width:246px; 
	margin-left:28px; 
	color:#3786e1; 
	font-size:1em;
}
#indexPlansPrice{
	float:left; 
	margin-left:15px; 
	margin-top:5px;
}
#indexPlansPrice2{
	float:right; 
	margin-right:15px; 
	margin-top:5px;
}

#indexPlansDescipt{
	float:left; 
	width:176px; 
	margin-left:12px; 
	margin-top:4px; 
	color:#666; 
	font-size:0.66em; 
	line-height:12px;
}
#indexPlansDescipt2{
	float:right; 
	width:170px; 
	margin-right:10px; 
	margin-top:4px; 
	color:#666; 
	font-size:0.66em; 
	line-height:12px;
}



/*** index 4banners ***/

#bannersBox span{
    float:left; 
	width:245px; 
	height:155px; 
	margin-top:32px;
	padding-top:7px;
	color:#000;
	font-size:0.85em;
	letter-spacing:-0.5px;
}

#bannersBoxDescipt3 {
	color:#666;
	padding-top:2px;
	font-size:0.8em;
	letter-spacing:-0.1px;
	line-height:13px;
	width:210px;
	
}
#bannersBoxDescipt1 {
	color:#666;
	padding-top:48px;
	padding-left:140px;
	padding-right:15px;
	font-size:0.8em;
	letter-spacing:-0.1px;
	text-align: left;
	line-height:14px;
}
#bannersBoxDescipt4 {
	color:#666;
	padding-top:2px;
	padding-left:20px;
	padding-right:90px;
	font-size:0.8em;
	letter-spacing:-0.1px;
	text-align: right;
	line-height:13px;
}




/*** footer ***/

#footer{
    margin-top:15px;
    text-align: center;
	font-size:0.65em;
    }
#footer .helix{
    color:#ff6927;
    }
#footer .slogen{
    color:#000;
    }
	
#footerMenu {
	position: relative;
	padding-top: 3px;
}

#footerMenu a { 
	FONT-SIZE: 0.7em; 
	COLOR: #3786e1;  
	margin-left: 8px; 
	margin-right: 8px; 
	TEXT-DECORATION: none;
}

#footerMenu a:hover { 
	COLOR: #0e2751;  
	text-decoration:underline;
}
#footerMenu .divider {
	color:#999;
	FONT-SIZE: 0.7em; 
}



/*** subpage ***/

div#fancyone3{
    background:url(/images/bg_sub.gif); 
    }

div#fancytwo3{
    text-align: left;
    }

div#realcontent3{
    width: 980px;
    margin: 0px auto;
    text-align: left;
	background: #fff;
	height:192px;
    }

#subIntro {
	float:left; 
	width:960px; 
	height:153px; 
	background:url(/images/bg_sub_intro_bg.gif);
	text-align: center;
}
#subTitle {
	clear: both; 
	background:url(/images/bg_sub_intro_bt.gif);
	height:40px;
	width:980px; 
	float:left;
}

#page_content{
	float: left;
	width: 979px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
}


/*** web hosting ***/


#hosting_content {
	width: 580px;
	float: left;
	padding-left: 40px;
	text-align: left;
}
#hosting_content span {
	font-size: 1.2em;
	letter-spacing:-0.1px;
	color:#3786e1;
	float:left; 
}

#hosting_content .titleblue{
	color:#194077;
}		

#hosting_content h2{
	font-size: 17px;
	font-weight:normal;
	border-bottom: 1px dotted #3d8ee9;
	padding-bottom: 5px;
}
#hosting_content p{
	font-size: 0.75em;
	float: left;
	
}

#hosting_content li{
	font-size: 0.75em;
	padding-bottom:8px;
	padding-left:8px;
	margin-left:30px;
	list-style-type: disc;
}



#hosting_features {
	width: 300px;
	float: left;
	text-align: left;
	padding-left: 50px;
	padding-right: 0px;
}

#hosting_features h4{
	font-size:1em; color:#3786e1;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	margin-left: 7px;
}

#hosting_features_list h4{
	font-size:1.2em; color:#3786e1;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	margin-left: 7px;
}

#hosting_features_list td {
	font-size: 12px;
	color: #333;
}

#hosting_features_1 {
	margin-right:5px;
	width: 245px;
	FLOAT: left; 
	border-bottom: 1px dotted #ccc;
	margin-left:20px; 
	margin-bottom:5px;
	padding-bottom: 6px;
}


#hosting_features_1 a { 
	color:#666;
	TEXT-DECORATION: none;
}
#hosting_features_1 a:hover { 
	color:#194077;
	text-decoration:underline;
}

#hosting_features_2 {
	margin-right:5px;
	width: 242px;
	FLOAT: left; 
	margin-left:23px; 
	padding-bottom: 0px;
	color:#333;
	line-height:16px;
}


#reseller a { 
	font-size:0.75em; 
	color:#666; 
	TEXT-DECORATION: none;
}
#reseller a:hover { 
	COLOR: #3786e1;  
	text-decoration:underline;
}

#reseller2 a { 
	color:#3786e1; 
	font-size:0.9em;
	TEXT-DECORATION: none;
}
#reseller2 a:hover { 
	text-decoration:underline;
}

#specs_contents {
	margin-left: 20px;
}


/*** webhosing tab ***/

#tab {
	FLOAT: left;
	FONT-SIZE: 0.9em;
	clear: both; 
	margin-top:35px; 
	margin-bottom:35px; 
	border-bottom: 5px solid #d6d6d6;
	height:32px;
	padding-left:10px;
	
}

#tab a {
	margin-left:7px;
	FLOAT: left; 
	WIDTH: auto; 
	COLOR: #194077; 
	PADDING-TOP: 6px;
	PADDING-bottom: 5px;
	PADDING-left: 40px;
	PADDING-right: 40px;
	BACKGROUND-COLOR: #f0f0f0; 
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
}

#tab a:hover {
	TEXT-DECORATION: none;
	COLOR: #ff9c00;
	BACKGROUND-COLOR: #fff; 
}

#tab .rollover {
	margin-left:7px;
	FLOAT: left; 
	WIDTH: auto; 
	COLOR: #ff9c00; 
	PADDING-TOP: 6px;
	PADDING-left: 40px;
	PADDING-right: 40px;
	BACKGROUND-COLOR: #fff; 
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	height:30px;
}


.planHeaderTextBlue strong {
	font-weight: normal;
	color: #194077;
}


/*** support ***/

#reseller3 a { 
	color:#ff9c00; 
	font-size:0.9em;
	TEXT-DECORATION: none;
}
#reseller3 a:hover { 
	text-decoration:underline;
}
#reseller4 a { 
	color:#194077; 
	font-size:0.9em;
	TEXT-DECORATION: none;
}
#reseller4 a:hover { 
	text-decoration:underline;
}




/*** company ***/
	
#company_sub {
	margin-right:5px;
	width: 225px;
	FLOAT: left; 
	border-bottom: 1px dotted #ccc;
	margin-left:30px;
	margin-right:20px;  
	margin-bottom:5px;
	padding-bottom: 9px;
	padding-top: 5px;
	font-size:0.8em;
	background: #fafafa;
}


#company_sub a {
    margin-left:13px; 
	color:#666;
	TEXT-DECORATION: none;
	font-size:0.8em;
}
#company_sub a:hover { 
	color:#049eff;
	text-decoration: none;
	font-size:0.8em;
}

.top {
	width: 100%;
	text-align:right;
}

.top a{
	color: #3786e1;
	text-align: right;
	font-size: 10px;
}

#company_content h2{
	font-size:120%;
	font-weight: normal;
	color: #194077;	
}

#company_content h3{
	font-weight: bold;
	font-size: 95%;
	
}

#company_content p{
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0px;
	clear: both;
	width: 100%;
}

#company_content li {
	border-left: 2px slid;
}


/** support **/

#support_content ul {
	margin-left: 30px;
	margin-top:20px;
}

#support_content li {
	margin-left: 30px;
	margin-top:0px;
}


/** whmcs **/

#client_content {
	width: 100%;
	text-align: left;
	font-size: 13px;
}

#client_body a {
	color: #ff4e00;
}

#client_body {
	padding: 0px 40px ;
}

#client_body .heading {
	color: #3786e1;
	font-size: 1.5em;
}

/** scripts **/

#scripts_content h3 {
	color: #000;
	font-size:20px;
	font-weight: normal;
	margin: 0;
	margin-bottom:30px;
}

#scripts_content th {
	font-size: 12px;
}
#scripts_content a {
	color: #3786e1;
}

#scripts_features h3{
	font-weight: normal;
	color: #3786e1;
	font-size: 19px;
	margin:10px 0;
}

#scripts_features {
	font-weight: normal;
	font-size: 12px;
}


.tableRowGrey td { 
	padding: 6px 0;
}

.tableRowWhite td { 
	padding: 6px 0;
}

#ticket_form .extensions {
	font-size: 10px;
}

#ticket_form input {
	width: 99%;
}

#ticket_form .submit {
	width: 200px;
}

#ssd_content td{
	color: white;
	font-size: 12px;
}

#ssd_content td .title {
	font-size: 18px;
	font-weight: bold;
}

#ssd_content td .heading {
	font-weight: bold;
	padding-left: 20px;
}	

#ssd_content td li {
	margin-left: 30px;
	margin-top: 10px;
	list-style: none;
}

#tutorialvideopage {
    width: 800px;
	float: left;
	padding-left: 10px;
	text-align: left;
}	

#tutorialvideopage h4{
	font-size:1em; 
	color:#3786e1;
	font-weight: bold;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
}

ul.tutorials li {
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 20px;
}

ul.tutorials {
list-style-type: none;
padding: 0px;
margin: 10px 0px 10px 0px;
}

#tutorialvideopage a { 
	color:#194077;
	TEXT-DECORATION: none;
}

#tutorialvideopage img {
border: none;
}

#tutorialvideopage a:hover { 
	color:#194077;
	text-decoration:underline;
}

ul.tutorial_categories li {
text-transform: uppercase;
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 20px;
}

ul.tutorial_categories {
list-style-type: none;
padding: 0px;
margin: 10px 0px 10px 60px;
width: 200px;
float: left;
}

.tutorial_heading {
    width: 800px;
	font-size:2em; 
	color:#3786e1;
	font-weight: bold;
	margin: 0px 0px 0px 50px;
	padding: 0px;
	text-align: center;
}


.blog_entry{
width:650px;
float:left;
padding-left:20px;	
text-align:left;
}
.blog_content{
width:650px;
float:left;
padding-left:20px;	
text-align:left;

}

.entry{
font-size: 0.75em;	
text-align:left;

}
.blog_entry h2{
font-size: 0.9em;	
	text-decoration:none;



}

.recentposts{
	text-decoration:none;
}

.recentposts ul{
	text-decoration:none;
}

.recentposts li{
	text-decoration:none;
}


blog_sidebar_outer{
		text-decoration:none;

	
}

blog_sidebar_inner{
		text-decoration:none;

	
}
