@charset "utf-8";
/* CSS Document */
body{
	margin-top:0px;
	background-color:#f8f8f8;
	font-size:11px;	
	font-family:Arial;
 
}
a{
	color:#0ab04c; 
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
}
p{
	background:none;
	font-family:Arial;
	font-size:10pt;
}

h3{
font-weight: bold;
}
.topper{
	background-image:url(../images/topBG.jpg);
	background-repeat:repeat-x;
	height:82px;
}
.midHome{
	background-image:url(../images/midBG.jpg);
	background-repeat:repeat-x;
	height:279px;
}
.wrapTop{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.mid{
	background-image:url(../images/midBG.jpg);
	background-repeat:repeat-x;
	height:300px;
}
.wrench{
	float:left; 
	width:16px;
}
.blogTitle{
	padding-left:2px; 
	float:left; 
	width:205px;
}	
.midSub{
	background-image:url(../images/midBG.jpg);
	background-repeat:repeat-x;
	height:190px;
}
/*navtop top layer of navigation css...blue bar */
#navTop{
	width:100%;
	vertical-align:middle;
	background-image:url(../images/navBG.jpg);
	font-family:Arial;
	height:42px;
	color:#7ba621;
}

#navTop a{
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	padding-top:3px;
	text-align:center;
	font-family:Arial;
	size:11px;
	font-weight:bold;
} 
#navTop a:active{
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	padding-top:3px;
	text-align:center;
	font-family:Arial;
	size:11px;
	font-weight:bold;
}
.headerEmp{
	padding-left:40px;
	padding-top:15px;
	float:left;
	font-weight:bold;
	font-size:18px;
	color:#004080;
}
.headerEmp2{
	float:left;
	font-weight:bold;
	font-size:18px;
	color:#004080;
}

.logo{
	padding-left:20px;
	padding-top:5px;
}
.spacer{
	vertical-align:top; 
	padding-left:10px; 
	padding-right:10px;
}

.midImage{
	padding-left:230px;
	padding-top:5px;
}

.mainTable2{
	margin-Left:auto;
	margin-right:auto;
	width:900px;

}
.wrapGrad{
	margin-top:-16px;
	width:100%;
	background-image:url(../images/bodyBG.jpg);
	background-color:#f8f8f8;
	background-repeat:repeat-x;
	font-size: 10pt;

}
.wrapGradHome{
	margin-top:-20px;
	width:100%;
	background-image:url(../images/bodyBG.jpg);
	background-color:#f8f8f8;
	background-repeat:repeat-x;
	font-size: 10pt;

}
.footer{
	font-size:12px;
	clear:both;
	height:20px;
	text-align:right;
	padding-right:10px;
	margin-top:50px;
	margin-bottom:50px;
	background-color:#b7c0ad;
	margin-Left:auto;
	margin-right:auto;
	width:900px;
	
}
.titlePad{
	padding-left:5px;
	margin-bottom:10px;
	vertical-align:top;
	font-size:10px;	
	font-family:Arial;
}
.padLogin{
	padding-left:15px;
	margin-bottom:10px;
	vertical-align:top;
	font-size:10px;	
	font-family:Arial;
}
.titlePad2{
	padding-left:10px;
	vertical-align:top;
	padding-bottom:11px;
}
#headline{
	padding-top:5px;
	font-family:"Arial";
	font-size:20px;
	font-weight:bold;
}
.lineBG{
	background-image:url(../images/line.gif);
	background-repeat:repeat-y;
}
.blog{
	margin-bottom:5px;
}
.readMore{
	padding-right:20px;
}
.outsourcing{
	vertical-align:top;
	padding-left:27px;
	font-family:"Arial";
	color:#333333;
	font-size:13px;
	text-align:left;
}
.name{
	padding-left:22px;
	font-size:12px;
}
.blogLeft{
	float:left;
	width:229px;
	margin-top:10px;	
}
.blogLeftHosting{
	float:left;
	width:229px;
	margin-top:10px;
}
.blogLeft2{
	width:229px;
	background-image:url(../images/blogBG.jpg);
	background-repeat:repeat-x;
	background-color:#e7e7e7;
	padding-bottom:5px;
	margin-bottom: 10px;
}
.portfolioLeft{
	background-color:#d0e0e8;
	padding-bottom:10px;
}
.contentRight{
	margin-left:15px;
	margin-top:15px;
	float:left;
	width:650px;
}

.posTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#5f5e5e;
}
.empName{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.78pt;
	text-align:left;
}
.headerEmp{
	width:596px;
	margin-top:0px;
	margin-right:20px;
	margin-left:10px;
}
.headerBlog{
	background-image:url(../images/blogHeaderBG.gif);
	margin-right:5px;
	margin-left:5px;
	height:45px;
}
.headerEmpText{
	width:610px;
	padding-left:0px;
	float:left;
	font-weight:bold;
	font-size:18px;
	color:#004080;
}
.headerTextSmall{
	width:610px;
	padding-left:0px;
	float:left;
	font-weight:bold;
	font-size:17px;
	color:#004080;
}
* { margin:0;
	padding:0;
}



#wrap2 { 
	width: 600px;
	margin: 50px auto 0 auto;
}

.box2 {
	width: 100%;
	margin: 0 0 0 0;
	float: left;
}
.planBG1{
	float:left;
	margin-top:3px;
	padding:5px;
	width:381px;
	margin-right:20px;
	margin-left:20px;
}
.planBG2{
	font-weight:bold;
	/*background-image:url(../images/paper2.jpg);*/
	background-image:url(../images/homeBG.jpg);
	background-repeat:repeat-x;
	background-color:#d9d5d6;
	padding:10px;
	float:left;
	margin-right:7px;
	width:620px;
}
.bgEmps{
	padding:10px;
	float:left;
	margin-right:7px;
	width:408px;
}
.planBG3{
	float:left;
	margin-left:15px;
	width:655px;
}
.planBG4{
	float:left;
	margin-top:15px;
	margin-left:5px;
	width:655px;
}
.planBGContact{
	float:left;
	margin-top:10px;
	width:100%;
}
.hosting{
	float:left;
	margin-left:5px;
	width:655px;
}
.Expertise{
	vertical-align:top;
	font-weight:bold;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	/*background-image:url(../images/paper2.jpg);*/
	background-image:url(../images/homeBG.jpg);
	background-repeat:repeat-x;
	background-color:#d9d5d6;
	margin-right:15px;
	margin-bottom:35px;
	margin-top:14px; 
	margin-left:15px;
	width:620px;
}
.planLogin{
	float:left;
	padding:10px;
	background-color:#c0c0b4;
	margin-left:5px;
	width:184px;
	height:7px;
}
.loginText{
	font-family:Arial;
	font-size:12px;
	line-height:7px;
	font-weight:bold;

}
.planLogin2{
	
	float:left;
	padding:10px;
	/*background-image:url(../images/paper2.jpg);*/
	background-image:url(../images/homeBG.jpg);
	background-repeat:repeat-x;
	background-color:#d9d5d6;
	margin-top:2px;
	margin-right:5px;
	margin-left:5px;
	width:184px;
}
/***********Text Body*****************/
.bodyText{
	padding-top:10px; 
	padding-left:20px; 
	padding-right:30px;
}

/**********Portfolio**********/
.portfolioBox{
	border:1px solid #CCCCCC;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	padding-top:10px; 
	padding-left:20px; 
	padding-right:30px;
}

.portfolioText{
	float:left; 
	margin-left:75px; 
	margin-top:10px;
	margin-bottom: 10px;
}
.textMargin{

}
.contactMargin{
	padding-top:75px;
	padding-left:400px;
}

.floatLeft{
	float:left;
}
/******Navigation*******/
ul.topnav {
	text-align:center;
    list-style: none;
    margin: 0;   
    width: 690px;   
    font-family:Arial;
	size:11px;  
    background-image:url(../images/navBG.jpg);
	
}   
ul.topnav li {   
	text-align:center;
    float: left;   
    margin: 0;   
    padding: 0 15px 0 0;   
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}   
ul.topnav li a{   
	text-align:center;
    padding: 10px 5px;   
    color: #fff;   
    display: block;   
    text-decoration: none;   
    float: left;   
}   
ul.topnav li a:hover{   
   /* background: url(topnav_hover.gif) no-repeat center top;   */
}   
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;   
    height: 35px;   
    float: left;   
 
}   
ul.topnav li span.subhover {} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {   
    list-style: none;   
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px;   
    background: #333;   
    margin: 0; padding: 0;   
    display: none;   
    float: left;   
    width: 170px;   
    border: 1px solid #111;   
}   
ul.topnav li ul.subnav li{   
    margin: 0; padding: 0;   
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;   
    width: 170px;   
}   
html ul.topnav li ul.subnav li a {   
    float: left;   
    width: 145px;   
    background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;  
    padding-left: 20px;   
}   
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    /*background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;  */ 
}  
.empWrap{
	vertical-align:top;	
	background-image:url(../images/whiteBoard.gif); 
	background-repeat:no-repeat; 
	font-size: 9pt;
	width:650px; 
	height:450px;
}
.empWrapMark{
	vertical-align:top;	
	background-image:url(../images/whiteBoardMark.gif); 
	background-repeat:no-repeat; 
	width:650px; 
	height:450px;
}
.empText{
	padding-left:30px;
	padding-top:20px;
	width:500px;
}
.empTextMain{
	font-size: 9pt;
	padding-top:10px;
	padding-left:30px;
	width:590px; 
	text-align:left;
}
/****hosting****/

.hostRight{
	vertical-align:top;
	border-right:1px dashed #b7c0ad;
	margin-right:10px;
}
.hostRight2{
	vertical-align:top;
	border-left:1px dashed #b7c0ad;
	margin-right:10px;
}

.headerBlue{
	margin:0px;
	vertical-align:top;
	font-weight:bold;
	font-size:18px;
	color:#004080;
}
.costFarcry{
	background-image:url(../images/paperBG.jpg);
	background-repeat:no-repeat;
	padding:10px;
}
.costHEader{
	vertical-align:top;
	font-weight:bold;
	font-size:14px;
	color:#004080;
}
.borderHost{
	font-size:1px;
	padding-left:10px; 
	padding-right:10px;
	background-repeat:repeat-x;
	background-image:url(../images/line.gif); 
}
.bgcolorHost{
	background-color:#d3ddd7;
	
}
/*form*/
input{
	background-color:#e4e5e4;
	border:1px solid #006633;
}
textarea{
	background-color:#e4e5e4;
	border:1px solid #006633;
}
	.tblMatrix {
		width: 100%; 
		padding: 0px; 
		margin: 0px; 
		font-family: arial, tahoma;
	}
	.tblMatrix th {
		border: 1px solid #000044; background-color: #000033; color: #FFFFFF; padding: 0px; margin: 0px;
	}
	.tblMatrixtd1 {
		border: 1px solid #000044; padding: 0px; margin: 0px; 
		background-color: #e7e7e7;
	}
	.tblMatrixtd {
		border: 1px solid #000044; padding: 0px; margin: 0px; 
	}