@charset "utf-8";


body {
	background-image: url(images/bg_img1.jpg);
	background-color:#000000;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;


}

.top{
	width:1004px;
	height:145px;	
	background-image:url(images/bg_top.png);


}
#logo{
	float:left;
	width:275px;
	margin:25px 0px 10px 25px;
}
#tcontent {
	float:left; width:95%; margin-left:25px;
}
#cdet {
	width:200px; float:right;
}
.clear{
	clear:both;
}

#nav {
	width:600px;
	height: 20px;
	/*border: 1px dashed #ff0000;*/ /*menu border*/
	float:left;
}

#btn1 a{
padding:0.3px 0px 2px 0px;
background:url(images/btn_home.gif) no-repeat;
}
#btn1 a:hover{
padding:0.3px 0px 2px 0px;
background:url(images/btn_home_over.gif) no-repeat;
}
#btn2 a{
padding:0.3px 0px 2px 0px;
background:url(images/btn_aboutus.gif) no-repeat;
}
#btn2 a:hover{
padding:0.3px 0px 2px 0px;
background:url(images/btn_aboutus_over.gif) no-repeat;
}
#btn3 a{
padding:0.3px 0px 2px 0px;
background:url(images/btn_services.gif) no-repeat;
}
#btn3 a:hover{
padding:0.3px 0px 2px 0px;
background:url(images/btn_services_over.gif) no-repeat;
}

#btn3_sub1 a{
height: 25px;
margin-left: 5px;
background:url(images/btn_webd.gif)  no-repeat;
}
#btn3_sub1 a:hover{
margin-left: 5px;
background:url(images/btn_webd_over.gif)  no-repeat;
}

#btn3_sub2 a{
height: 25px;
margin-left: -10px;
background:url(images/btn_emark.gif)  no-repeat;
}
#btn3_sub2 a:hover{
margin-left: -10px;
background:url(images/btn_emark_over.gif)  no-repeat;
}

#btn3_sub3 a{
height: 25px;
margin-left: 5px;
background:url(images/btn_webdev.gif)  no-repeat;
}
#btn3_sub3 a:hover{
margin-left: 5px;
background:url(images/btn_webdev_over.gif)  no-repeat;
}

#btn4 a{
padding:0.3px 0px 2px 0px;
background:url(images/btn_portfolio.gif)  no-repeat;
}

#btn4 a:hover{
padding:0.3px 0px 2px 0px;
background:url(images/btn_portfolio_over.gif)  no-repeat;
}

#btn4_sub1 a{
height: 25px;
margin-left: 5px;
background:url(images/btn_webd.gif)  no-repeat;
}
#btn4_sub1 a:hover{
margin-left: 5px;
background:url(images/btn_webd_over.gif)  no-repeat;
}

#btn4_sub2 a{
height: 25px;
margin-left: -10px;
background:url(images/btn_emark.gif)  no-repeat;
}
#btn4_sub2 a:hover{
margin-left: -10px;
background:url(images/btn_emark_over.gif)  no-repeat;
}

#btn4_sub3 a{
height: 25px;
margin-left: 5px;
background:url(images/btn_webdev.gif)  no-repeat;
}
#btn4_sub3 a:hover{
margin-left: 5px;
background:url(images/btn_webdev_over.gif)  no-repeat;
}

#btn5 a{
padding:0.3px 0px 2px 0px;
background:url(images/btn_tesimonial.gif)  no-repeat;
}

#btn5 a:hover{
	padding:0.3px 0px 2px 0px;
	background:url(images/btn_tesimonial_over.gif)  no-repeat;
}

#topmenu ul li {
	text-align: left;
	padding: 5px;
	margin: 0;
	width: 160px;
	background-image:url(images/bg_menu.png);
}

#btn6 a{
padding:0.3px 0px 2px 0px;
background:url(images/btn_contact.gif)  no-repeat;
}
#btn6 a:hover{
padding:0.3px 0px 2px 0px;
background:url(images/btn_contact_over.gif)  no-repeat;
}
.box{
	width:719px;
	height:1200px;
	border:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	margin:17px;
}

.gtext {
	margin-top:5px;
	margin-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4D4D4D;
	text-align:justify;

}

.flashbox{
	width:430px; float:left; 
	margin-left:20px;
	margin-top:62px;

}

#wsp {
	width:240px;
	height:670px;
	float:right; padding:10px;
	border:solid 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	border-top-color: #FFFFFF;
	
}

/* Orange Round Box */

/* set millions of background images */
.rbroundbox { background: url(images/org_nt.gif) repeat; }
.rbtop div { background: url(images/org_tl.gif) no-repeat top left; }
.rbtop { background: url(images/org_tr.gif) no-repeat top right; }
.rbbot div { background: url(images/org_bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/org_br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin:0 7px; }
.rbroundbox { width: 100%; margin:auto; }

/* Orange Round Box */

#package1{
	width:225px;
}

#package1 img{
	margin-bottom:5px;
}
#package1 ul{
	float:right;
	margin-top:-25px;

}
#package1 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

#package1 a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;	
}

#package2{
	width:225px;
}

#package2 img{
	margin-bottom:5px;
}
#package2 ul{
	float:right;
	margin-top:-25px;

}
#package2 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;		
}

#package2 a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;	
}

#package3{
	width:225px;
}

#package3 img{
	margin-bottom:5px;
}
#package3 ul{
	float:right;
	margin-top:-25px;

}
#package3 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;	
}

#package3 a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;	
}


.wtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
}

#scroll {
	margin-top:auto;
	width:425px;
	height:250px;
	overflow:hidden;

/*	overflow-x:auto;
	overflow-y:scroll;
	scrollbar-face-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #4D4D4D;
	scrollbar-track-color: Scrollbar;
	scrollbar-arrow-color: #000000;*/
}

.txtmar{
	margin-top:10px;

}

#hd_rt{
	width:425px;
}

#hd_rt ul{
	float:right;
	margin-right:10px;


}


/* Blue Round Box */

/* set millions of background images */
.rbroundbox1 { background: url(images/bl_nt.gif) repeat; }
.rbtop1 div { background: url(images/bl_tl.gif) no-repeat top left; }
.rbtop1 { background: url(images/bl_tr.gif) no-repeat top right; }
.rbbot1 div { background: url(images/bl_bl.gif) no-repeat bottom left; }
.rbbot1 { background: url(images/bl_br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent1 { margin:0 7px; }
.rbroundbox1 { width: 100%; margin:auto; }

/* Blue Round Box */


/* Purple Round Box */

/* set millions of background images */
.rbroundbox2 { background: url(images/pr_nt.gif) repeat; }
.rbtop2 div { background: url(images/pr_tl.gif) no-repeat top left; }
.rbtop2 { background: url(images/pr_tr.gif) no-repeat top right; }
.rbbot2 div { background: url(images/pr_bl.gif) no-repeat bottom left; }
.rbbot2 { background: url(images/pr_br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 { margin:0 7px; }
.rbroundbox2 { width: 100%; margin:auto; }

/* Purple Round Box */




.c1{
	clear:both;
	border:solid 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;

}
.sbox {
	width:214px; float:left; background-color:#E6E6E6; border:solid 1px #CCCCCC; margin:2px; padding:5px;
}

.icon{
	float:right; margin-top:-18px;
}

.sbox-ul {
	width:212px;
	margin-left:1px;
}

.sbox-li{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
.wbox{
	border:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	height:30px;
	padding-top:3px;

}
.cmargin {
	margin:10px 10px 0px 19px;
}

.cmargin1 {
	margin:0px 10px 0px 19px;
}
#test {
	width:338px;
	float:left; padding:2px;
	border:solid 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	
}
#seo {
	width:330px;
	float:left;
	padding:2px 0px 2px 10px;
	border:solid 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	border-top-color: #FFFFFF;
	
}

#seotxt{
	margin-top:30px;
	margin-bottom:20px;

}
.hdrl{
	float:right;
	margin-right:10px;


}
#cbox{margin-top:30px;}
#cbox a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0099CC;
	text-decoration:underline;
	}
#cbox a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0099CC;
	text-decoration:none;
}
#more{ float:right;}
#more a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0099CC;
	text-decoration:underline;
	
}
#more a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0099CC;
	text-decoration:none;
	

}

	
#footer{
	width:719px;
	height:25px;
	margin:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#footer ul {
	width:auto;
	list-style-type:none;
}

#footer li{
	display:inline;
	margin-right:10px;
}
#footer a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;

}
#footer a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	text-decoration:underline;

}

/* subpage */
.mbox{
	width:719px;
	height:720px;
	border:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	margin:17px;
}

.subpagebox{
	width:719px;
	height:400px;
	border:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	margin:17px;
}
.subpagebox1{
	width:719px;
	height:600px;
	border:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	margin:17px;
}
.ebox{
	width:719px;
	height:500px;
	border:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	margin:17px;
}

.contentbox{
	width:680px; float:left; 
	margin:20px;
	}
.ra_hd{
	float:right; 
}

#subpageu ul {
	width:212px;
	margin-left:1px;
}

#subpageu li{
	display:block;
	padding-bottom:10px;
}
#subpageu a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4D4D4D;
	text-decoration:none;
}

#subpageu a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4D4D4D;
	text-decoration:underline;
}

.btn-back{
	float:right;
	width:70px;

}
.thumb{width:675px; height:250px; padding-bottom:40px;}
.thumbcon{float:left; width:305px;}
.thumb1{width:370px; float:right; margin-top:40px;}

.p-cl-name{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0071BC;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:10px;
}

.glink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6DA319;
	font-weight:bold;
	text-decoration:none;
	padding:10px 0px 10px 0px;
}

.glink:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6DA319;
	font-weight:bold;	
	text-decoration:underline;
	padding:10px 0px 10px 0px;	
}


.pagcen {
	width:250px;
	margin:auto;

}

#paging{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

#paging a{
	padding:4px 7px 4px 7px;
	margin:0px 2px 0px 2px;
	border:1px solid #0C5F8E;
	background:#0071BC;
	color:#FFFFFF;
	text-decoration:none;
}

#paging a:hover{
	border:1px solid #2b2b2b;
	background:#83C7ED;
	color:#000000;
	text-decoration:none;
}
.cform{width:370px; float:right;}

label
{
	width: 13em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input
{
	border:#CCCCCC solid 1px;


}
textarea{
	border:#CCCCCC solid 1px;

}

.submit{
	float:right;
	margin-right: 3.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;

} 


.pp-hd{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0071BC;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:10px;
}

.pbox{
	width:719px;
	height:1650px;
	border:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	margin:17px;
}

.btnmore a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0066CC;
	text-decoration:underline;
	
}
.btnmore a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0066CC;
	text-decoration:none;
	

}

 
/* subpage */