body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #5f7fba;
}

a:link {
color: #003fd3;
text-decoration: none;
}
a:visited {
color: #003fd3;
text-decoration: none;
}
a:hover {
color: #5f92f4;
text-decoration: none;
}
a:active {
color: #003fd3;
text-decoration: none;
}
p {
font-size: .8em;
text-align: left;
line-height: 1.3em;}

	


/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#header{
	float:left;
	width: 100%;
	margin-left: 0px;
	background-color: #5f7fba;
	background-repeat: repeat;
}

#col_left{
	width: 235px;
	height: 100%;
	margin: 0px;
	left: 100px;
	top: 0px;
	position: absolute;
	background-image: url(../images/client_bg.jpg);
	background-repeat: repeat-y;
}

#contents{
	width: 511px;
	min-height: 600px;
	top: 0px;
	left: 335px;
	position: relative;
	height: 100%;
	overflow: visible;
	background-color: #FFFFFF;

}

#col_right{
	height: 100%;
	float: left;
	top: 0px;
	left: 846px;
	width: 54px;
	position: absolute;
	background-image: url(../images/col_right_bg.jpg);
	background-repeat: repeat-y;
	
}

#container{
	float:left;
	width: 100%;
	height: 100%;
	top: 0px;
	margin: 0px;
	position: relative;
	overflow: visible;
}


#footer{
	width: 800px;
	bottom: 0px;
	margin: 0px;
	left: 100px;
	height: 106px;
	position: relative;
	z-index: 50; 
}

#blank{
	width: 511px;
	height: 10px;
	bottom: 0px;
	}
	
/***********************************************/
/* Conponent Divs                              */
/***********************************************/

#banner{
	float: none;
	width: 800px;
	margin-left: 100px;

	background-color: #5f7fba;
	background-repeat: repeat;	
}

#client_header{
	width: 235px;
	margin: 0px;
	left: 100px;
	position: relative;
}

#client_bg{
	width: 235px;
	height: 81px;
	margin: 0px;
	left: 100px;
	position: relative;
	background-image: url(../images/client_bg.jpg);
	background-repeat: repeat-y;
}

#buttonbar{
	top: 154px;
	left: 335px;
	width: 565px;
	height: 127px;
	position: absolute;
	background-image: url(../images/buttonbar.jpg);
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-top: 3px;
}

#navbar_header{
	width: 235px;
	margin: 0px;
	top: 0px;
	left: 100px;
	position: relative;
}

#navbar_bg{
	width: 235px;
	height: 154px;
	margin: 0px;
	top: 0px;
	left: 0px;
	position: relative;
	background-image: url(../images/navbar_bg.jpg);
	background-repeat: repeat-y;
	font-weight: bold;
}

#whoweare_header{
	width: 235px;
	margin: 0px;
	left: 0px;
	position: relative;
}

#whoweare_bg{
	width: 235px;
	height: 180px;
	top: 0px;
	left: 0px;
	position: relative;
	background-image: url(../images/client_bg.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
}

#status_header{
	width: 235px;
	height: 25px;
	margin: 0px;
	left: 0px;
	top: 0px;
	position: relative;
}

#status_bg{
	width: 235px;
	margin: 0px;
	left: 0px;
	top: 0px;
	position: relative;
	background-image: url(../images/client_bg.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
}

/************** .whoweare styles ***************/

#whoweare_bg-text{
	color: #1b2d41;
	display: block;
	background-color:#CCCCCC;
	text-decoration: none;
	border: solid #1b2d41 1px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 5px;
	margin-left: 68px;
	margin-right: 10px;
	height: 165px;
	text-align: left;
	line-height: normal;
	font-size: 14px;
}

/************** #recentnews styles ***************/

#recentnews_header{
	width: 167px;
	height: 21px;
	top: 0px;
	left: 0px;
	position: relative;
	}

#recentnews_body{
	width: 167px;
	height: 255px;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	position: relative;
	background-image: url(../images/recentnews_adsl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}


#recentnews_text{
	left: 10px;
	top: 65px;
	width: 150px;
	height: 180px;
	color: #1F3861;
	font-family: arial, sans-serif;
	font-size: 11px;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	text-align:justify;
	}
	
/************** #testimonials styles ***************/

#testimonials_header{
	width: 344px;
	height: 21px;
	top: 0px;
	left: 167px;
	position: absolute;
	}
	
#testimonials_body{
	width: 344px;
	height: 255px;
	top: 21px;
	left: 167px;
	background-image: url(../images/testimonial_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: left top;
	position: absolute;
	}

#testimonial_main{
	width: 300px;
	left: 20px;
	top: 10px;
	background-color: #FFFFFF;
	background-image: url(../images/5star.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	padding: 0px 5px 5px 0px;
	}
#testimonial_text{
	left: 65px;
	top: 5px;
	width: 230px;
	color: #1F3861;
	font-family: arial, sans-serif;
	font-size: 11px;
	position: relative;
	text-align:justify;
	}
/************** #deals styles ***************/

#deal_header{
	width: 511px;
	height: 25px;
	top: 0px;
	left: 0px;
	position: relative;
	}

#deal_bg{
	width: 511px;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/deal_bg.jpg);
	background-repeat: repeat-y;
	position: relative;
	overflow: hidden;	
	}
	
#tab_pos{
	left: 6px;
	top: 6px;
	position: relative;
	}
	
.tab_blue {
	width: 154px;
	height: 23px;
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #1f3861;
	padding: 2px 2px 2px 4px;
	background-image: url(../images/tab_blue.jpg);
	border: 1px solid #1F3861;
		}
		
.tab_white {
	width: 154px;
	height: 23px;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #1f3861;
	padding: 2px 2px 2px 4px;
	background-color: #FFFFFF;
	border: 1px solid #1F3861;

		}
		
/************** #login_pos styles ***************/

#login_pos{
		left: 68px;
		top: 13px;
		position: relative;
		}

/************** #login input styles ***************/

.input_main {
        font-size: 10px;
        font-family:  Tahoma, Arial, Sans-serif;
        color: #1F3861;
        padding: 0px 2px 0px 2px;
        height: 15px;
        border: solid #1F3861 1px;
        width: 120px;

}

/************** #client login styles ***************/

.login_input {
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	color: #1F3861;
	background-color: #fffba2;
	padding: 4px 0px 4px;
	font-weight: bold;
	}

#mini_head {
	top: 0px;
	left: 0px;
	width: 511px;
	height: 21px;
	background-image: url(../images/mini_head_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
}

#mini_head_font{
	font-size: 12px;
	font-family: Arial;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px 0px 0px 12px;
	position: relative;
}

#mini_body {
	top: 5px;
	left: 5px;
	width: 511px;
	position: relative;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #1f3861;
}

#tmini_body {
	top: 5px;
	left: 0px;
	width: px;
	position: relative;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #1f3861;
	height: 850px;
}

#contact_head {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 2px;
	width: 485px;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #1f3861;
	font-weight: bold;
	position: relative;
}

#contact_body {
	top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: #6498fd solid 1px;
	width: 483px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #1f3861;
	position: relative;
	margin-bottom: 15px;
}

#contactcontainer{
top: 5px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
position: relative;
}


/***********************************************/
/* tabbed styles                               */
/***********************************************/

#tablist{

padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 11px Arial;
}


#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
background: #deeaff;
}

#tablist li a:link{ 
color: #1f3365;
}

#tablist li a:visited{
color: #1f3365;
}

#tablist li a:hover{
color: #c30e05;
background-color: #fefe9a;
}

#tablist li a.current{
background: #FFFFFF;
}


#tabcontentcontainer{
top: 5px;
width: 511px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
position: relative;
}

.tabcontent{
display:none;
}

/***********************************************/
/* hosting table style                         */
/***********************************************/
.hosting_standard { 
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #1f3861;
	text-align: justify;
}

.hosting_tab_header {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #1c2753;
	padding: 2px 2px 2px 4px;
	background-color:#fffa9c;
	border: 1px solid #1F3861;
	text-align: center;
	font-weight: bold;
}

.hosting_tab_blue {
	height: 23px;
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #1f3861;
	padding: 2px 2px 2px 4px;
	background-color: #e0ebff;
	border: 1px solid #1F3861;
	text-align: center;
}

.hosting_tab_white {
	height: 23px;
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #1f3861;
	padding: 2px 2px 2px 4px;
	background-color: #FFFFFF;
	border: 1px solid #1F3861;
	text-align: center;
}

.glossary_tab_blue {
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #1f3861;
	padding: 2px 2px 2px 4px;
	background-color: #e0ebff;
	border: 1px solid #1F3861;
	text-align: left;
}

.glossary_tab_white {
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #1f3861;
	padding: 2px 2px 2px 4px;
	background-color: #FFFFFF;
	border: 1px solid #1F3861;
	text-align: left;
}
.tab_blue_head {
	height: 23px;
	width: 100px;
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #1c2753;
	padding: 2px 2px 2px 4px;
	background-color: #fffa9c;
	border: 1px solid #1F3861;

		}
		
.tab_white_head {
	height: 23px;
	width: 100px;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #1c2753;
	padding: 2px 2px 2px 4px;
	background-color: #fffa9c;
	border: 1px solid #1F3861;


		}
		
/***********************************************/
/* Jargon Buster style                         */
/***********************************************/

.jargon_header{
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}