@charset "utf-8";
/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
CINEMATIC KINDA STRETCH
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
.hStretch{ width:100%; background: #272727 url(../images/himg.jpg) repeat-x;}
.nStretch{ width:100%; background:url(../images/nimg.jpg) repeat-x; position:relative;}
.sStretch{ width:100%; background:#dddcdc url(../images/billboard1.jpg) repeat-x top;}
.bStretch{ width:100%; background:#fff url(../images/bw.gif) repeat-x top;}
.xStretch{ width:100%; background:#fff url(../images/billbg.jpg) repeat-x bottom; padding:0 0 19px;}
.fStretch{ width:100%; background:#555555 url(../images/ff.jpg) repeat-x top;}
.aStretch{ width:100%; background:#c2e3f6 url(../images/abouttopbg.jpg) repeat-x top;}
.pStretch{ width:100%; position:relative; background:#fff url(../images/portbg.jpg) no-repeat center top;}

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
CENTERED CONTAINERS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
*/
.globalHeader, .navigation, .showcase, .billboard, .ffPipe, .preFooter, .copyright{ width:990px; margin:0 auto;}

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
HEADER
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
*/
.globalHeader{ height:138px;}
.callnum{ position:absolute; right:20px; top:4px; height:37px; width:221px;}
.callnum a{ background:url(../images/callus.jpg) no-repeat 0 0; width:221px; top:10px; right:20px; display:block; height:37px;}
.callnum a:hover{ background:url(../images/callus.jpg) no-repeat 0 -37px;}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
NAVIGATION---This is defined in dw2009821cckr.css
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
*/

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
SHOWCASE - THE FLASH BANNER PART
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
*/
.showcase{ background:url(../images/showc_bg1.jpg) no-repeat top; padding:32px 0 0; }
.welcome{ float:left; width:345px; position:relative;}
.welcome h1{ background:url(../images/welcome.png) no-repeat; height:35px; text-indent:-9999px;}
.welcome p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; line-height:22px;}
.welcome h2.number{ background:url(../images/number.png) no-repeat; height:23px; text-indent:-9999px; display:block;}
.welBut{}
a.welAbt{ background:url(../images/welabt.png) no-repeat; height:28px; width:155px; display:block; position:absolute; bottom:0; left:0;  cursor:pointer; }
a.welAbt span{ display:none;}
a.welAbt:hover{  background:url(../images/welabt.png) no-repeat 0 -28px;}

a.welPort{background:url(../images/welport.png) no-repeat; height:28px; width:155px; display:block; position:absolute; bottom:0; left:160px;}
a.welPort:hover{  background:url(../images/welport.png) no-repeat 0 -28px; cursor:pointer;}
a.welPort span{ display:none;}
.animation{ float:right; width:632px;} 

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
BILLBOARD
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
*/
.billboard{ padding:25px 0 20px; }
.webDev{ background:url(../images/web_dev.jpg) no-repeat top; padding:195px 0 0;}
.hostMaint{ background:url(../images/host_maint.jpg) no-repeat top; padding:195px 0 0;}
.seOpt{ background:url(../images/seo.jpg) no-repeat top; padding:195px 0 0;}

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
INTERACTIVE BUTTON PART
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
*/
.ffPipe{ padding:19px 0 19px;}
.ffPipe a.request{ background:url(../images/request.jpg) no-repeat 0 0; height:78px; display:block;}
.ffPipe a.request:hover{ background:url(../images/request.jpg) no-repeat 0 -78px;}

.ffPipe a.domain{ background:url(../images/domain.jpg) no-repeat 0 0; height:78px; display:block;}
.ffPipe a.domain:hover{ background:url(../images/domain.jpg) no-repeat 0 -78px;}

.ffPipe a.customer{ background:url(../images/customer.jpg) no-repeat 0 0; height:78px; display:block;}
.ffPipe a.customer:hover{ background:url(../images/customer.jpg) no-repeat 0 -78px;}

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
PRE-FOOTER
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
*/
.preFooter{ padding:0 0 19px; position:relative; }
.viewOther{ width:150px; font-size:1.2em; height:25px; line-height:25px; margin:-5px auto 15px; background:#555555; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; padding:8px;}
.viewOther a{ color:#fff; text-decoration:none;}
.viewOther a:hover{ color:#0099FF; text-decoration:none;}
.box{ background:#2a2b2d; border:1px solid #323232; -moz-border-radius:10px; -webkit-border-radius:10px; padding:8px;}
.cTest{ background:url(../images/test.png) no-repeat; height:32px; display:block; padding:0 0 10px;}
.cTestP{ margin:10px 0 0; background:url(../images/quotation.jpg) no-repeat; padding:18px;}
.cTestP p{ color:#818181; font-size:13px; font-style:italic;}
p.name{ display:block; text-align:right; font-weight:bold; padding:15px 0 0;}
.oServ{ background:url(../images/services.png) no-repeat; display:block; padding:0 0 25px;}
.servList{ background:url(../images/listbg.jpg) no-repeat; padding:30px 0 0 52px;}
.servList li{ color:#949494; font-size:1.6em;}
.feedCom{ background:url(../images/feedback.png) no-repeat; display:block; padding:0 0 10px; }

.form input.textboxoff { width:177px; height:30px; background:#fff url(../images/input_text.jpg) 0 0; border:none; color:#6f7165; font-size:18px; padding:6px 10px 0 42px;}
.form input.textboxon {	width:177px; height:30px; background:#fff url(../images/input_text.jpg) 0 -36px; border:none; color:#fcd975; font-size:18px; padding:6px 10px 0 42px;}
.form textarea.texton {	height:145px; width:227px; background:#fff url(../images/textarea.jpg) no-repeat 0 -168px; border:none;	padding:13px 10px 10px 52px; color:#00B0FF; font-size:18px;}
.form textarea.textoff { height:145px; width:227px;	background:#fff url(../images/textarea.jpg) no-repeat 0 0; border:none;	padding:13px 10px 10px 52px; color:#6f7165;
	font-size:18px;}
input.btnsoff {	height:36px; width:109px; background: #99CC00 url(../images/sendbtn.jpg) top no-repeat;	font-size:18px;	color:#000000; border:none;	cursor:pointer;}
input.btnson {	height:36px; width:109px; background: #99FF00 url(../images/sendbtn.jpg) bottom no-repeat; font-size:18px; color:#4b5038; border:none; cursor:pointer;}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
GLOBAL FOOTER PART
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
*/
.globalFooter{ margin:0 auto; width:970px; color:#535353; font-size:1.2em; padding:0 10px; background:#252a2d; -moz-border-radius:5px; height:35px; line-height:35px;}
.footLeft{ float:left;}
.footLinks{ float:right; word-spacing:5px;}
.globalFooter a{ color:#535353; text-decoration:none;}
.globalFooter a:hover{ color:#999898; text-decoration:none;}
a.violet:hover{ color:#AE89CD;}
a.indigo:hover{ color:#7361D4;}
a.blue:hover{ color:#5987C5;}
a.green:hover{ color:#6DB33E;}
a.yellow:hover{ color:#C3B600;}
a.orange:hover{ color:#F37420;}
a.red:hover{ color:#E31736;}

.copyright{ text-align:center; font-size:1.1em; color:#666666; padding:10px 0;}
	
	.textbox2{ width:100px;}
	.tarea{width:280px;}