body{margin:0; padding:0; background:#fff;}
form{display:inline;}

/* header */
.header{width:100%; height:90px; border-bottom:1px solid #fff; background:#990000;}
.tips{font: normal 12px tahoma; color:gray;}

.top-link-back{background: url('lb.gif') no-repeat bottom right;}
.top-link{width:433px; height:15px; font: normal 14px tahoma; color:#ffffff;padding:0 10px 0 0;}
.top-link a:link{font: normal 14px tahoma; color:#ffffff; text-decoration:none;}
.top-link a:active{font: normal 14px tahoma; color:#ffffff; text-decoration:none;}
.top-link a:visited{font: normal 14px tahoma; color:#ffffff; text-decoration:none;}
.top-link a:hover{font: normal 14px tahoma; color:#ff0000; text-decoration:none;}

.home-search{font: normal 12px tahoma; color:#ffffff;padding:0 10px 0 0;}
.home-search-input{font: normal 11px tahoma; color:#e9e9e9;padding:3px 0 0 5px;border:1px solid #bfbfbf; background:#000000;width:100px; height:18px;}
.home-search-go{position:relative; top:9px;left:-2px;}
body:nth-of-type(1) .home-search-go{position:relative; top:8px;left:-2px;} /* hack for chrome */


/* banner */
.banner{width:100%; background:#ffffff;margin-bottom:0px;border-top:3px solid silver; border-bottom:1px solid silver}
.banner-text{font: bold 16px verdana; color:#A3A3A3;}
.banner-text a{font: bold 13px verdana; color:#fff;text-decoration:none;border:1px outset #404040; padding:8px 8px 8px 8px;background:#484848 url('but_grad1.gif') repeat-x;}

/* banner2 */
.banner2{width:100%; height:80px; background:#000000; margin-bottom:20px; border-bottom:6px solid #d3d3d3; margin-bottom:25px;}
.banner2-text {font: italic 40px arial; color:#363636;letter-spacing:-2px;position:relative; top:8px;}


/* services */
.servb{border-right:1px solid #ffffff;}
.serv-head{margin-left:10px;font: normal 18px tahoma; color:#ffffff;}
.serv td {font: bold 13px arial; color:#ffffff; text-decoration:none;text-align:left;}
.serv a:link{font: normal 12px tahoma; color:#ffffff; text-decoration:underline;}
.serv a:active{font: normal 12px tahoma; color:#ffffff; text-decoration:underline;}
.serv a:visited{font: normal 12px tahoma; color:#ffffff; text-decoration:underline;}
.serv a:hover{font: bold 12px tahoma; color:#ffffff; text-decoration:underline;}
.serv-freeq{position:relative; top:10px;left:0px;}
html > body .serv-freeq{position:relative; top:10px;left:0px;}

/* other info */
.otherinfo td {font: normal 11px arial; color:#b6b6b6;text-align:left; line-height:13px;}
.otherinfo strong {font: bold  18px arial; color:#b6b6b6;text-decoration:underline;}

.otherinfob{border-right:1px solid #777777;}

.otherinfo-mar{width:180px; margin:0 5px 0 8px; border:0px solid white;}

.otherinfo-but a:link{font: bold 11px verdana; color:#c4c4c4; width:170px; border:1px solid #868686; background:#535353 url('grad7.gif') repeat-x; text-decoration:none; margin-left:8px; padding:3px;text-indent:5px;display:block; }
.otherinfo-but a:visited{font: bold 11px verdana; color:#c4c4c4; width:170px; border:1px solid #868686; background:#535353 url('grad7.gif') repeat-x; text-decoration:none; margin-left:8px;padding:3px; text-indent:5px;display:block;}
.otherinfo-but a:active{font: bold 11px verdana; color:#c4c4c4; width:170px; border:1px solid #868686; background:#535353 url('grad7.gif') repeat-x; text-decoration:none; margin-left:8px; padding:3px; text-indent:5px;display:block;}
.otherinfo-but a:hover{font: bold 11px verdana; color:#c4c4c4; width:170px; border:1px solid #ffffff; background:#535353 url('grad8.gif') repeat-x; text-decoration:none; margin-left:8px; padding:3px; text-indent:5px;display:block;}

/* footer */
.footer{width:100%; height:135px; background:#343434 url('grad9.gif') repeat-x; padding-top:10px;}
.footer td{font:normal 11px tahoma; color:#949494;}
.footer-url{font:normal 36px arial; color:#4b4b4b;}

.footer a:link{font: normal 11px tahoma; color:#949494; text-decoration:none;}
.footer a:active{font: normal 11px tahoma; color:#949494; text-decoration:none;}
.footer a:visited{font: normal 11px tahoma; color:#949494; text-decoration:none;}
.footer a:hover{font: normal 11px tahoma; color:#ffffff; text-decoration:underline;}

/* top navigation / bread crumbs*/
.top-nav{font: normal 12px tahoma; color:#7f7f7f;border-bottom:0px solid #cecece; height:25px;margin-bottom:5px;text-align:left;}
.top-nav a:link{font: normal 12px tahoma; color:#7f7f7f; text-decoration:underline;}
.top-nav a:active{font: normal 12px tahoma; color:#7f7f7f; text-decoration:underline;}
.top-nav a:visited{font: normal 12px tahoma; color:#7f7f7f; text-decoration:underline;}
.top-nav a:hover{font: normal 12px tahoma; color:#000000; text-decoration:underline;}

/* content */
.content-head{font: bold 22px tahoma; color:#1c6d93;margin-bottom:15px;text-align:left;}
.content{font: normal 12px verdana; color:#373737; line-height:20px;text-align:left;}
.content td{font: normal 12px verdana; color:#373737; line-height:20px;text-align:left;}
.content small{font: normal 9px verdana; color:#373737; line-height:10px;text-align:left;}
.content hr{color:#898989; height:1px;text-align:left;}
.content a:link{font: normal 12px verdana; color:#990000; text-decoration:underline;}
.content a:active{font: normal 12px verdana; color:#990000; text-decoration:underline;}
.content a:visited{font: normal 12px verdana; color:#990000; text-decoration:underline;}
.content a:hover{font: normal 12px verdana; color:#000000; text-decoration:underline;}

.content-input {border-right:1px solid #cecfce; border-bottom:1px solid #cecfce; border-top:1px solid #525552; border-left:1px solid #525552;font:normal 14px arial; color:#1e1e1e}
.content-input-on {border-right:1px solid #cecfce; border-bottom:1px solid #cecfce; border-top:1px solid #525552; border-left:1px solid #525552; font:normal 14px arial; color:#1e1e1e; background:#f1dddd;}
.content-select {font:normal 11px arial; color:#1e1e1e}
.content-but {border:1px solid #525552;font:bold 13px verdana; color:#fff; background:url('grad13.gif') repeat-x; cursor:pointer;padding:5px 5px 5px 5px;}
.content-but-on {border:1px solid #525552;font:bold 13px verdana; color:#fff; background:url('grad14.gif') repeat-x; cursor:pointer;padding:5px 5px 5px 5px;}

/* left links */
.link-head{text-align:left;}
.link-head-active{font: normal 15px tahoma;text-align:left; color:#ffffff; text-decoration:none;display:block; width:250px;height:28px;background:#868686 url('grad11.gif') repeat-x;line-height:28px;text-indent:20px;border-bottom:1px solid #d3d3d3;}
.link-head a:link{font: normal 15px tahoma;text-align:left; color:#ffffff; text-decoration:none;display:block; width:250px;height:28px;background:#868686 url('grad10.gif') repeat-x;line-height:28px;text-indent:20px;border-bottom:1px solid #d3d3d3;}
.link-head a:active{font: normal 15px tahoma;text-align:left; color:#ffffff; text-decoration:none;display:block; width:250px;height:28px;background:#868686 url('grad10.gif') repeat-x;line-height:28px;text-indent:20px;border-bottom:1px solid #d3d3d3;}
.link-head a:visited{font: normal 15px tahoma;text-align:left; color:#ffffff; text-decoration:none;display:block; width:250px;height:28px;background:#868686 url('grad10.gif') repeat-x;line-height:28px;text-indent:20px;border-bottom:1px solid #d3d3d3;}
.link-head a:hover{font: normal 15px tahoma;text-align:left; color:#ffffff; text-decoration:none;display:block; width:250px;height:28px;background:#868686 url('grad11.gif') repeat-x;line-height:28px;text-indent:20px;border-bottom:1px solid #d3d3d3;}

.sub-links{text-align:left;}
.sub-links a:link{font: normal 13px tahoma; color:#373737; text-decoration:none;display:block; width:250px;height:25px;background:#bcbcbc;line-height:25px;text-indent:20px;border-bottom:1px solid #d3d3d3;}
.sub-links a:active{font: normal 13px tahoma; color:#373737; text-decoration:none;display:block; width:250px;height:25px;background:#bcbcbc;line-height:25px;text-indent:20px;border-bottom:1px solid #d3d3d3;}
.sub-links a:visited{font: normal 13px tahoma; color:#373737; text-decoration:none;display:block; width:250px;height:25px;background:#bcbcbc;line-height:25px;text-indent:20px;border-bottom:1px solid #d3d3d3;}
.sub-links a:hover{font: normal 13px tahoma; color:#373737; text-decoration:none;display:block; width:250px;height:25px;background:#a6a6a6;line-height:25px;text-indent:20px;border-bottom:1px solid #d3d3d3;}

.sub-links1 {font: normal 13px tahoma; color:#373737;text-align:left;text-decoration:none;display:block; width:250px;height:25px;background:#a6a6a6 url('grad12.gif');line-height:25px;text-indent:20px;border-bottom:1px solid #d3d3d3;}

/* portfolio images */
.portfolio img{border:1px solid gray;}
.portfolio a:link{background:silver; padding:4px; border:0px solid gray;font:normal 10px arial; color:#404040; text-decoration:none;}
.portfolio a:active{background:silver;padding:4px;  border:0px solid gray;font:normal 10px arial; color:#404040; text-decoration:none;}
.portfolio a:visited{background:silver;padding:4px;  border:0px solid gray;font:normal 10px arial; color:#404040; text-decoration:none;}
.portfolio a:hover{background:gray; padding:4px; border:0px solid red;font:normal 10px arial; color:#ffffff; text-decoration:none;}
#portfolio-head{background:#EBEBEB; font:bold 15px georgia;border-bottom:5px solid #fff;border-top:5px solid #fff;text-indent:10px;padding: 5px 0 5px 0} 
.portfolio-cat{background:#990000; color:#fff; font:normal 18px trebuchet ms;width:500px;}

.live-chat{position:relative; left:55px;}

.points-text td{background: url('topgrad.gif'); font: bold 18px calibri; color:#880000;}


/*drop down menu*/
#dropmenudiv{
position:absolute;
border:1px solid #2a2a2a;
border-bottom:1px solid #3E3E3E;
filter: progid:DXImageTransform.Microsoft.DropShadow(color=#404040,direction=135,strength=2); /*Add Shadow in IE. Remove if desired*/
font: normal 10px arial;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #5E5E5E;
padding: 2px 0 2px 0;
text-decoration: none;
color:#ffffff;
font:bold 10px verdana;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #990000;
color:#ffffff;
}

/* Start project slideshow */

.stepcarousel{
	position: relative; 
	border: 0px solid #B5B6B5;
	overflow: scroll; 
	width: 310px; 
	height: 130px; 
	}
	.stepcarousel .belt{
	position: absolute;
	left: 0;
	top: 0;
	}
	.stepcarousel .panel{
	float: left;
	overflow: hidden; 
	margin: 10px;
	height: 176px;
		}
/*End project slideshow */

/*Start payment tabs */

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#003366;
	background-color:#D9D9D9;
	width:90%;
	margin-bottom:2px;
	margin-top:2px;
	padding:5px 2px 5px 12px;
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
	font: normal 16px Helvetica, Arial, sans-serif;  
	border:0px solid gray;


}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:0px solid #317082;
	background-color:#ffffff;
	width:95%px;
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font:normal 12px verdana;	
	position:relative;
	line-height:120%;
}

/*End payment tabs */

/*Start hosting price list tabs */

.dhtmlgoodies_question1{	/* Styling question */
	/* Start layout CSS */
	color:#404040;
	background-color:#D5D5D5;
	width:96%;
	margin-bottom:2px;
	margin-top:2px;
	padding:4px 2px 4px 12px;
	/* End layout CSS */
	text-align:left;
	overflow:hidden;
	cursor:pointer;
	font: bold 14px Helvetica, Arial, sans-serif;  
	border:0px solid gray;


}
.dhtmlgoodies_answer1{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:0px solid #317082;
	background-color:#fff;
	width:95%px;
	/* End layout CSS */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font:normal 12px verdana;	
	position:relative;
	line-height:120%;
}

/*End hosting price list tabs */

/* Rate card */
.rate-ul{font:normal 10px arial;color:#000;}
td{font:normal 12px arial;color:#000;}
#td_head{background:#9C0000; font:bold 14px helvetica; color:#fff; padding: 5px 0 5px 5px}
#td_head1{background:#9C0000; font:bold 16px verdana; color:#fff}
#td_head2{background:#9C0000; font:bold 16px verdana; color:#fff}
#td_even{background:#F7F3F7;}
#td_odd{background:#E7E7E7; }
#td_rate{background:#E7E7E7; font:bold 20px helvetica; color:#9C0000; text-align:center;}
#head-act{background:url(back_act.gif) no-repeat; font:normal 18px helvetica; color:#fff;}
#head-inact{background:url(back_inact.gif) bottom left no-repeat; padding-top:8px;}
#head-inact a{font:bold 14px helvetica; color:#646464;text-decoration:underline;}
.domain-avail{background:#FFDCAF; border:1px solid #987952; height:25px; font: normal 16px arial; width:300px; color:#000; padding: 0 0 3px 5px; line-height:25px;}
.domain-avail-sel{background:#FFDCAF; height:25px; font: normal 16px arial; color:#000;}
.domain-avail-but {border:2px groove #525552;font:bold 11px verdana; color:#fff; background:#9C0000; cursor:pointer;padding:5px 0 5px 0;width:150px;}
.td-call{font:normal 18px helvetica; color:#9C0000;}
/* End Rate card */

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:975px;
		height:230px;
		overflow:hidden; 
		}
		
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:280px;
		height:110px;
		overflow:hidden; 
		}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	

/* popup window */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 18px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(close_grey.png) no-repeat; }
}
