/* CSS Document */
*{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
body{
	margin:0;
	background-image:url(/images/bg.jpg);
}
#wrap{
	margin:0 auto;
	width:1003px;
	background-color:#003954;
	padding:0 0 0 0;
	overflow:hidden;
}
#body{
	width:1003px;
	background-color:#003954;
	margin:0 0 0 0;
	padding:0 0 20px 0;
	overflow:hidden;
	
}
.header{
	height:118px;
	background-color:#004565;
	width:1003px;
}
.logo{
	float:left;
	height:117px;
}
.date{
/*	margin:88px 0 0 380px;*/
	
	padding-top:100px;
	padding-right:15px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	float:right;
}
.topbanners{	
	padding-left:80px;
	padding-top:50px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	float:left;
}
.banner{
	background:url(/images/banner.gif) no-repeat;
	border:0;
	width:1003px;
	height:314px;
}
.viewbutton{
	width:126px;
	height:34px;
	padding:247px 0 0 252px;
}
.menu{
	height:55px;
	padding-left:110px;
	background-color:#003954;
}
.menu2 {
	height:53px;
	width:15px;
	text-align:center;
	float:left;
	line-height:53px;
	text-decoration:none;
	display:block;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background:url(/images/home.gif) no-repeat;
	padding:2px 0 0 0;
	font-size: 16px;
	font-style: normal;
}
.menu3{
	height:55px;
	float:left;
	overflow:hidden;

}
.menu3 ul li{
	
	display:inline;
	text-decoration:none;
	text-transform: uppercase;
	color: #FFFFFF;
	background:url(/images/menubac3.gif);
	float:left;
}
.menu3 ul li a{
	height:53px;
	
	text-align:center;
	line-height:53px;
	text-decoration:none;
	display:block;
	font-family: Arial;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;	
	float:left;
	padding:2px 0 0 0;
	font-size: 15px;
	font-weight:bold;
}
.menusep{
	background:url(/images/seprat.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.menuright {
	font-family: Arial;
	line-height:55px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration:none;
	font-size:14px;
	width:15px;
	height:55px;
	background:url(/images/menuright.gif);
	text-align:center;
	float:left;
}
.maincontent{
	width:1003px;
	background-color:#003954;
	display:block;
}
.content{
	width:700px;
	float:left;
	background-color:#003954;
	overflow:hidden;
}
.welcome{
	height:35px;
	border-bottom: 1px solid #057397;
	margin-left:7px;
	padding:20px 0 0 10px;
	background-color:#003954;
}
.text{
	width:auto;
	padding:20px 0 0 29px;
	background-color:#003954;
}
.text1{
	width:auto;
	padding:20px 0 0 29px;
	background-color:#003954;
}
.h1{
	font-family:arial;
	color:#FFFFFF;
	font-size:25px;
}
.h11{
	font-family:Arial Black;
	color:#FFFFFF;
	font-size:20px;
}
.h12{
	font-family:Arial;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
}
.h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
}
.h2link{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
}.h2link:hover{
	text-decoration:underline;
}
.h22{
	font-family:Arial;
	color:#FFFFFF;
	font-size:10px;
	font-weight: bold;
}
.h222{
	font-family:Arial;
	color:#FFFFFF;
	font-size:10px;
	font-weight: bold;
	padding:9px 0 9px 0;
	display:block;
}
.h21 a{
	font-family:Arial;
	color:#FFFFFF;
	font-size:11px;
	font-weight: bold;
	text-decoration:none;
}
.h3{
	font-family:Arial;
	color:#FFFFFF;
	font-size:12px;
	line-height:14px;
}
.h33{
	font-family:Arial;
	color:#FFFFFF;
	font-size:13px;
}
.hg{
	font-family:Arial;
	color:#5DDDFF;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
}
.hg2{
	font-family:Arial;
	color:#5DDDFF;
	font-size:11px;
	font-weight:bold;
}
.ad{
	width:76px;
	float:left;
	padding:0 3px 0 2px;
}
.webdesign{
	height:130px;
	padding:10px 0 0 12px;
}
.webdesign2{
	float:left;
	padding:8px 0 0 0;
	width:;
	height:107px;
}
.button{
	float:left;
	height:200px;
}
.design{
	float:left;
	width:650px;
	overflow:hidden;
	padding:0 0 0 2px;
}
.design2{
	float:left;
	width:475px;
	overflow:hidden;
	padding:0 0 0 2px;
}
.rightbody{
	float:left;
	background-color:#003954;
	overflow:hidden;
	width:300px;
}
.feedback{
	width:250px;
	margin:25px 25px 0 25px;
}
.feedhead{
	background:url(/images/feedhead.gif) no-repeat;
	width:250px;
	height:20px;
}
.clientfeedback{
	padding:0 0 0 10px;
}
.clientfeedback3{
	padding:10px 0 0 10px;
}
.clientfeedback2{
	padding:0 0 0 10px;
	background:url(/images/feedheadborder.gif) no-repeat 7px 25px;
	height:26px;
	line-height:20px;
}
.feedbody{
	background:url(/images/feedbackbody.gif) repeat-x top #003091;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	padding:0 14px 0 10px;
}
.feedbottom{
	background:url(/images/feedbottom.gif) no-repeat;
	width:250px;
	height:30px;
}
.client{
	float:right;
}
.star{
	float:left;
}
.starbox{
	height:25px;
	padding:8px 2px 0 10px; 
}
.starbox2{
	height:25px;
	margin:10px 2px 0 2px; 
}
.blue{
	color:#6BCCFD;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	line-height:15px;
}
.whitelink{
	color:#FFFFFF;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
}.whitelink:hover{
	text-decoration:underline;
}
.whitelink_new{
	color:#FFFFFF;
	font-family:Arial;
	font-size:20px; text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
}.whitelink:hover{
	text-decoration:underline;
}
.blueunderline{
	color:#0CC2F2;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
.blueunderline2{
	color:#0CC2F2;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}
.feedback3{
	margin:25px 20px 0 0;
	height:85px;
	background-color:#003954;
}
#footer{
	height:35px;
	width:1003px;
	padding:15px 0 0 0;
	float:left;
	background-color:#00477B;
}
.h4{
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	padding-left:50px;
}
.h4 a{
	color:#FFFFFF;
	text-decoration:underline;
}
.h5{
	font-family:Arial;
	font-size:9px;
	color:#FFFFFF;
	float:right;
	padding-right:15px;
}
.hfoot{
	font-family:Arial;
	color:#FFFFFF;
	font-size:9px;
	font-weight: bold;
}
.adimage{
	height:66px;
	width:64px;
	border:3px solid #00CCFF;
}


/*------------------------contact--------------------------------------*/

.leftbody{
	width:517px;
	height:331px;
	background-color:#003852;
	float:left;
	padding:17px 0 0 28px;
}
.rightbar{
	width:458px;
	height:348px;
	background-color:#003852;
	float:left;
	background:url(/images/saperator.gif) no-repeat 0 40px;
}
.boxtext{
	height:200px;
	width:370px;
	display:block;
	color:#FFFFFF;
	font:Arial;
	font-weight:bold;
	font-size:14px;
	float:left;
	margin-top:10px;
	padding:0 0 0 80px;
}
.box{
	display:block;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	font-family:Arial;
	height:20px;
	width:70px;
	float:left;
}
.box2{
	display:block;
	float:right;
	border:none;
	height:19px;
	width:250px;
}
.box22{
	float:left;
	width:130px;
	padding:10px 0 0 215px;
}
.reset{
	background:url(/images/reset.gif) no-repeat;
	width:50px;
	height:20px;
	border:none;
}
.submit{
	background:url(/images/submit.gif) no-repeat;
	width:60px;
	height:20px;
	border:none;
}
.box3{
	display:block;
	float:left;
	width:240px;
}
.box3{
	display:block;
	float:right;
	border:none;
	height:19px;
	width:250px;
}
.boxarea{
	float:left;
	display:block;
	width:325px;
}
.boxarea2{
	float:left;
	display:block;
	width:325px;
	height:70px;
}
.h6{
	font-size:20px;
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.office{
	display:block;
	padding:10px 0 0 40px;
	height:130px;
}
.officepic{
	display:block;
	width:100px;
	float:left;
	height:100px;
}
.officearea{
	display:block;
	float:left;
	width:300px;
}
.textbox{
	height:70px;
	width:250px;
	border:none;
}
.address{
	width:300px;
	float:left;
}.address2{
	float:left;
	padding-right:10px;
}
.mail{
	padding: 20px 0 0 50px;
}.mail2{
	padding: 0 0 0 50px;
}
.leftbar{
	width:702px;
	overflow:hidden;
	float:left;
}


/*---------------------------order-----------------------------------*/
.head{
	width:983px;
	height:30px;
	background:url(/images/headbac.gif) no-repeat 0 45px;
	padding: 10px 0 20px 20px;
}
.indexcontent{
	width:700px;
	float:left;
}
.content{
	width:1003px;
}
.left{
	width:350px;
	float:left;
	overflow:hidden;
}
.right{
	width:623px;
	float:left;
	padding-top:37px;
}
.logoorder{
	width:297px;
	float:left;
	padding-left:53px;
}
.logotext{
	padding-left:31px;
}
.logoorder1{
	width:319px;
	float:left;
	margin:0 0 8px 0;
}
.logoorder2{
	width:297px;
	height:32px;
	float:left;
	margin:2px 0 1px 0;
}
.logoorder11{
	width:208px;
	height:24px;
	background-color:#084586;
	float:left;
	padding-left:15px;
	line-height:24px;
}
.logoorder12{
	width:71px;
	height:24px;
	line-height:24px;
	background-color:#124c8b;
	float:left;
	text-align:center;
}
.logoorder21{
	width:188px;
	height:32px;
	background-color:#0b4a9a;
	float:left;
	line-height:32px;
	padding-left:20px;
}
.logoorder22{
	width:71px;
	height:32px;
	background-color:#1954a0;
	float:left;
	line-height:32px;
	text-align:center;
}
.ordernow{
	width:140px;
	float:left;
	padding:6px 0 0 156px;
	margin-bottom:11px;
}
.weborder{
	width:319px;
	float:left;
	padding-left:31px;
}
.weborder1{
	width:319px;
	float:left;
	margin:2px 0 1px 0;
}
.weborder11{
	width:188px;
	height:24px;
	background-color:#094486;
	float:left;
	padding-left:20px;
	line-height:24px;
}
.weborder12{
	width:71px;
	height:24px;
	background-color:#124c8b;
	float:left;
	font-family:Arial;
	color:#FFFFFF;
	font-size:11px;
	font-weight: bold;
	line-height:24px;
	text-align:center;
}
.righttext{
	width:610px;
	height:30px;
	background:url(/images/arrow.gif) no-repeat 0 10px;
	padding:0 0 0 20px;
	margin:6px 0 6px 0;
}
/*------------------------service--------------------------------------*/
#wrapservice{
	margin:0 auto;
	width:1003px;
	background-color:#003954;
	padding:0 0 0 0;
	overflow:hidden;
}
.service{
	width:963px;
	background:url(/images/servicebac.gif) no-repeat 0 46px;
	background-color:#003954;
	padding:0 20px 0 20px;	
}
.servicebox{
	width:924px;
	padding-left:15px;
	padding-right:10px;
	padding-top:15px;
}
.serviceoverview{
	width:900px;
	/*background:url(/images/arrow.gif) no-repeat 70px 3px;*/
	padding:0 10px 0 10px;
	margin:1px 0 1px 0;
}
.overview{
	background:url(/images/servicebac.gif) no-repeat 0 46px;
	padding:15px 0 0 0;
	margin-top:10px;
}
/*---------------------------order-----------------------------------*/


.leftportfolio{
	width:527px;
	float:left;
	overflow:hidden;
	display:block;
}
.click{
	width:500px;
	float:left;
	padding:0 0 0 28px;
}
.frame{
	width:467px;
	height:315px;
	background-color:#ffffff;	
	background:url(/images/frame.png) no-repeat 40px 10px;
	margin:20px 0 0 0;
	padding:40px 0 0 60px;
		
}
.star2{
	float:left;
	padding-left:37px;
}
.portfoliostar{
	width:500px;
	padding:0 0 0 28px;
	float:left;
}
.daddy{
	float:right;
	padding:0 52px 0 0;
}
.portfolioad{
	width:141px;
	height:89px;
	float:left;
	border:2px solid #5fc8ff;
	margin:4px 3px 0 4px;
}
.portfoliobutton{
	float:left;
	height:91px;
	width:22px;
	padding:23px 0 0 20px;
}
.portfoliobutton2{
	width:20px;
	padding:23px 0 0 3px;
	float:left;
	height:91px;
}
.portfoliowebdesign{
	width:528px;
	padding:0 0 0 0 px;
}
.portfoliodesign{
	float:left;
	padding:8px 0 0 0;
	width:;
	height:107px;
}
.rightportfolio{
	float:left;
}
.portfolioad2{
	width:141px;
	height:89px;
	background-color:#FFFFFF;
	float:left;
	vertical-align:middle;
	/*border:2px solid #5fc8ff;*/
	border:3px solid #00CCFF;
	margin:9px 4px 9px 4px;
}
.rightportfolioad{
	width:465px;
	height:425px;
	float:left;
	overflow:hidden;
	display:block;
	padding:0 0 20px 10px;
}
.pagenumber{
	width:460px;
	height:30px;
	display:block;
	color:#56c8ff;
	padding:0 0 0 15px;
}
.pagenumber2 a{
	font-family:Arial;
	font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.pagenumber3 a{
	font-family:Arial;
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.pagenumber4 a{
	font-family:Arial;
	font-size:15px;
	text-decoration:none;
	color:#56c8ff;
	font-weight:bold;
}
.link_white {
	font-family: Arial;
	font-size: 11px; font-weight:bold;
	color: #ffffff;
	text-decoration: none;	
}
.link_white:hover {
	
	text-decoration: underline;	
}

/**  Menu buttons Start **/

.welbutt{
	float:left;
	width:773px;
	height:9px;
	background:url(/images/button2.gif) no-repeat;
	overflow:hidden;
}

.mainad{
	float:left;
	width:773px;
	padding:10px 0 0 5px;
}

.welhead{
	float:left;
	width:773px;
	height:9px;
	background:url(images/welhead.gif) no-repeat;
	overflow:hidden;
}

.welbody2{
	float:left;
	border:1px solid #c9cacc;
	border-bottom:none;
	border-top:none;
	width:771px;
	background:#ffffff;
	overflow:hidden;
	padding:0 0 0 0;
}

/**  Mune Buttons End **/