/* CSS Document */
* { margin: 0; padding: 0; }
img { border: none; }
.brk { clear: left; }
.brd { border: 1px solid #FFF; }
p { line-height: 18px; }
/*
html {scrollbar-face-color: #192a2d;
scrollbar-shadow-color: #2b484c;
scrollbar-highlight-color: #2b484c;
scrollbar-3dlight-color: #2b484c;
scrollbar-darkshadow-color: #2b484c;
scrollbar-track-color: #2b484c;
scrollbar-arrow-color: #00f1f1;}
*/
body {
	width: 100%;
	height: 100%;
	background: #000 url(images/bg.jpg) no-repeat;
	font-family: tahoma;
	font-size: 0.75em;
	color: #FFF;
}
#page {
	width: 900px;
	margin: 0 auto;
}
.header {
	width: 100%;
	float: left;
	display: inline;
}
.header .top {
	height: 101px;
	width: 100%;
	float: left;
	background: url(images/top.png) no-repeat;
}
.header .top2 {
	height: 101px;
	width: 100%;
	float: left;
	background: url(images/top2.png) no-repeat;
}
.header .bot {
	height: 321px;
	width: 100%;
	float: left;
	background: url(images/banner_bottom.png) no-repeat;
}
.header .bot2 {
	height: 48px;
	width: 100%;
	float: left;
	background: url(images/bot.png) no-repeat;
}
.top .menu {
	width: 100%;
	float: left;
	display: inline;
}
.menu ul {
	margin-left: 60px;
	margin-top: 40px;
}
.menu ul li {	
	list-style: none;
	float: left;
	height: 22px;
	margin-left: 20px;
}
#home a {
	display: block;
	height: 22px;
	width: 48px;
	background: url(images/home.png) bottom right no-repeat;
	text-indent: -3000px;
	float: left;
}
#home a:hover {
	display: block;
	height: 22px;
	width: 48px;
	background: url(images/home.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#home a.selected {
	display: block;
	height: 22px;
	width: 48px;
	background: url(images/home.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#service a {
	display: block;
	height: 22px;
	width: 64px;
	background: url(images/service_menu.png) bottom right no-repeat;
	text-indent: -3000px;
	float: left;
}
#service a:hover {
	display: block;
	height: 22px;
	width: 64px;
	background: url(images/service_menu.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#service a.selected {
	display: block;
	height: 22px;
	width: 64px;
	background: url(images/service_menu.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#service_home a {
	display: block;
	height: 22px;
	width: 64px;
	background: url(images/service_menu2.png) bottom right no-repeat;
	text-indent: -3000px;
	float: left;
}
#service_home a:hover {
	display: block;
	height: 22px;
	width: 64px;
	background: url(images/service_menu2.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#portfolio a {
	display: block;
	height: 22px;
	width: 79px;
	background: url(images/portfolio.png) bottom right no-repeat;
	text-indent: -3000px;
	float: left;
}
#portfolio a:hover {
	display: block;
	height: 22px;
	width: 79px;
	background: url(images/portfolio.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#portfolio a.selected {
	display: block;
	height: 22px;
	width: 79px;
	background: url(images/portfolio.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#portfolio_home a {
	display: block;
	height: 22px;
	width: 79px;
	background: url(images/portfolio.png) bottom right no-repeat;
	text-indent: -3000px;
	float: left;
}
#portfolio_home a:hover {
	display: block;
	height: 22px;
	width: 79px;
	background: url(images/portfolio.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#blog a {
	display: block;
	height: 22px;
	width: 43px;
	background: url(images/blog.png) bottom right no-repeat;
	text-indent: -3000px;
	float: left;
}
#blog a:hover {
	display: block;
	height: 22px;
	width: 43px;
	background: url(images/blog.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#blog a.selected {
	display: block;
	height: 22px;
	width: 43px;
	background: url(images/blog.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#contact a {
	display: block;
	height: 22px;
	width: 75px;
	background: url(images/contact_menu.png) bottom right no-repeat;
	text-indent: -3000px;
	float: left;
}
#contact a:hover {
	display: block;
	height: 22px;
	width: 75px;
	background: url(images/contact_menu.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}
#contact a.selected {
	display: block;
	height: 22px;
	width: 75px;
	background: url(images/contact_menu.png) top left no-repeat;
	text-indent: -3000px;
	float: left;
}

#main {
	width: 100%;
	float: left;
	display: inline;
}
.row {
	width: 100%;
	float: left;
	display: inline;
	height: 10px;
	margin-top: 10px;
	border-top: 1px solid #4e4e4e;
}
#main .leftcell {
	width: 570px;
	float: left;
	display: inline;
}
#main .rightcell {
	width: 304px;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 10px;
	height: 300px;
	background: url(images/recent_base.png) bottom no-repeat;
}
.rightcell .con {
	width: 280px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 10px;
}
.con ul {
	width: 265px;
	float: left;
	display: inline;
}
.con ul li {
	width: 265px;
	height: 39px;
	background: url(images/menu_base.png) no-repeat;
	line-height: 39px;
	float: left;
	display: inline;
	margin-top: 8px;
	color: #00f1f1;
}
.con ul li a {
	color: #00f1f1;
	text-decoration: none;
}
.con .win {
	width: 265px;
	float: left;
	display: inline;
	height: 200px;
	}
.box { 
	width: 272px;
	height: 145px;
	background: url(images/base.png) no-repeat;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 10px;
}
.box .content {
	width: 246px;
	height: 122px;
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 10px;
}
h1 {
	font-size: 1.2em;
	color: #00f1f1;
	font-weight: normal;
	font-family: "Myriad Pro";
}
.content ul {
	margin-left: 30px;
}
.content p {
	margin-top: 6px;
	line-height: normal;
}
.content ul li {
	list-style-image: url(images/list.png);
	margin-top: 3px;
}
.content .more {
	width: 61px;
	height: 14px;
	color: #00f1f1;
	float: right;
	margin-top: 4px;
}

/* CSS for bottom starts here */
.bottom {
	width: 872px;
	height: 170px;
	background: url(images/bottom_base.png) no-repeat;
	margin-left: 14px;
	float: left;
	display: inline;
}
.bottom .hire {
	width: 226px;
	height: 144px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	display: inline;
}
.hire .title {
	width: 140px;
	float: left;
	display: inline;
}
.hire .client {
	width: 86px;
	float: left;
	display: inline;
}
.hire .txt {
	width: 100%;
	float: left;
	display: inline;
	margin-top: 10px;
}
.hire .request {
	width: 100%;
	float: left;
	display: inline;
	height: 31px;
	margin-top: 10px;
}

.bottom .latest {
	width: 300px;
	height: 144px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	display: inline;
}
.latest h1 {
	background: url(images/rss.png) left no-repeat; 
	padding-left: 16px;
	width: 100%;
	float: left;
	display: inline; 
}
.latest ul {
	margin-top: 10px;
	padding: 0;
	width: 100%;
	float: left;
	display: inline;
	border-top: 1px solid #00f1f1;
}
.latest ul li {
	border-bottom: 1px solid #00f1f1;
	width: 100%;
	float: left;
	display: inline;
	padding-bottom: 6px;
	font-size: 11px;
	margin-top: 6px;
	margin-left: 0;
}
.latest ul li .date {
	width: 65px;
	float: left;
	display: inline;
	color: #00a2a2;
}
.latest ul li .txt {
	width: 160px;
	float: left;
	display: inline;
}
.latest ul li .txt a {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.latest ul li .comment {
	width: 66px;
	float: left;
	display: inline;
	font-size: 10px;
	color: #00a2a2;
}
.latest ul li .comment a {
	color: #00a2a2;
	text-decoration: none;
	font-weight: normal;
}
.bottom .testimonials {
	width: 268px;
	height: 144px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	display: inline;
}
/* CSS for bottom ends here */

/* CSS for footer starts here */

#footer {
	width: 872px;
	height: 80px;
	margin-left: 14px;
	margin-top: 10px;
	float: left;
	display: inline;
	font-size: 10px;
	color: #203032;
}
#footer a {
	color: #203032;
}
#footer .copyright {
	width: 200px;
	float: left;
	display: inline;
}
#footer .others {
	width: 530px;
	float: left;
	display: inline;
	text-align: right;
}
#footer .btn {
	width: 132px;
	float: left;
	display: inline;
	margin-left: 10px;
}
/* CSS for footer ends here */


/* Subpage CSS starts here */
#middle_box {
	width: 872px;
	float: left;
	display: inline;
	margin-left: 14px;
	margin-top: 10px;
}
#middle_box .head {
	width: 100%;
	height: 52px;
	background:url(images/middle_top.png) no-repeat;
	float: left;
	display: inline;
}
#middle_box .head .title {
	width: 852px; 
	height: 26px;
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 20px;
	background: url(images/icon1.png) left no-repeat;
	padding-left: 38px;
	line-height: 30px;

}
#middle_box .head .title span {
	color: #00f1f1;
	font-size: 16px;
	font-family: "Myriad Pro";
}
#middle_box .head .title a {
	color: #00f1f1;
	text-decoration: underline;
}
#middle_box .mid {
	width: 100%;
	height: 445px;
	background:url(images/middle_line.jpg) repeat-x;
	float: left;
	display: inline;
}
#middle_box .mid3 {
	width: 100%;
	background:url(images/middle_line1.png) bottom repeat-x #305156;
	float: left;
	display: inline;
}
#middle_box .mid .content, #middle_box .mid3 .content {
	width: 800px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 20px;
}
#middle_box .mid2 {
	width: 100%;
	height: 310px;
	background:url(images/middle_line.jpg) top repeat-x;
	float: left;
	display: inline;
}
#middle_box .mid2 .content {
	width: 800px;
	float: left;
	display: inline;
	margin-left: 20px;
}
#middle_box .mid2 .content p {
	line-height: 18px;
}
#middle_box .bot {
	width: 100%;
	height: 39px;
	background:url(images/middle_bot.jpg) no-repeat;
	float: left;
	display: inline;
}
#middle_box .bot2 {
	width: 100%;
	height: 28px;
	background:url(images/middle_bot2.png) no-repeat;
	float: left;
	display: inline;
}
#middle_box .bot3 {
	width: 100%;
	height: 177px;
	background:url(images/services_base.png) no-repeat;
	float: left;
	display: inline;
}
.topclient {
	width: 834px;
	text-align: right;
	height: 21px;
	margin-top: 10px;
}
.boxmid {
	width: 834px;
	height: 414px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 10px;
}

.boxmid .leftside {
	width: 206px;
	height: 414px;
	float: left;
	display: inline;
}
.web1 a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/webdesign.gif) top left no-repeat;
}
.web2 a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/webdesign.gif) bottom right no-repeat;
}
.corporate1 a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/corporate.gif) top left no-repeat;
}
.corporate2 a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/corporate.gif) bottom right no-repeat;
}
.print1 a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/print.gif) top left no-repeat;
}
.print2 a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/print.gif) bottom right no-repeat;
}
.emarketing1 a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/emarketing.gif) top left no-repeat;
}
.emarketing2 a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/emarketing.gif) bottom right no-repeat;
}
.done a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/3dimage.gif) top left no-repeat;
}
.dtwo a {
	display: block;
	width: 206px;
	height: 56px;
	float: left;
	background: url(images/3dimage.gif) bottom right no-repeat;
}
.boxmid .leftside .bottom1 {
	width: 206px;
	height: 133px;
	float: left;
	display: inline;
	background: url(images/leftside.jpg);
}
.boxmid .rightside {
	width: 628px;
	height: 414px;
	float: left;
	display: inline;	
	background: url(images/middle_base.jpg) no-repeat;
}
.boxmid .rightside .cont {
	width: 600px;
	float: left;
	display: inline;
	height: 380px;
	margin-top: 20px;
	padding-right: 10px;
}
.boxmid .rightside .cont ul {
	width: 100%;
	float: left;
	display: inline;
}
.boxmid .rightside .cont ul li {
	width: 261px;
	height: 107px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 20px;
	list-style: none;
}
/* Subpage CSS ends here */

/* Contact Us Page CSS */
#middle_box .head .hireme {
	width: 430px;
	float: left;
	display: inline;
	margin-left: 20px;
	background: url(images/icon2.png) left no-repeat;
	padding-left: 38px;
	margin-top: 10px;
	color: #00f1f1;
	font-size: 16px;
	font-family: "Myriad Pro";
	height: 29px;
	line-height: 29px;
}
#middle_box .head .say {
	width: 335px;
	float: left;
	display: inline;
	background: url(images/icon3.png) left no-repeat;
	padding-left: 38px;
	margin-top: 10px;
	color: #00f1f1;
	font-size: 16px;
	font-family: "Myriad Pro";
	height: 29px;
	line-height: 29px;
}
#middle_box .mid .leftform {
	width: 468px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 10px;
}
#middle_box .mid .leftform .row1 {
	width: 100%;
	float: left;
	display: inline;
	margin-top: 6px;
}
.col1 {
	width: 104px;
	float: left;
	display: inline;
	color: #00f1f1;
	font-family: "Myriad Pro";
	font-size: 14px;
}
.col2 {
	width: 250px;
	float: left;
	display: inline;	
}
.col3 {
	width: 345px;
	float: left;
	display: inline;
}
.inputstyle {
	width: 250px;
	height: 25px;
	background: url(images/inputline.gif) repeat-x;
	float: left;
	display: inline;
	border: none;
	color: #00f1f1;
	font-family: "Myriad Pro";
	font-size: 14px;
	line-height: 25px;
	vertical-align: middle;
}
.inputstyle2 {
	width: 250px;
	height: 133px;
	background: #243f42 url(images/input2.gif) top repeat-x;
	float: left;
	display: inline;
	border: none;
	color: #00f1f1;
	font-family: "Myriad Pro";
	font-size: 14px;
	line-height: 25px;
	vertical-align: middle;
	overflow: hidden;
}
#middle_box .mid .rightform {
	width: 360px;
	float: left;
	display: inline;
	margin-top: 10px;
}
#middle_box .mid .rightform .row2 {
	width: 100%;
	float: left;
	display: inline;
	margin-top: 6px;
}
#middle_box .mid .rightform .warning {
	width: 300px;
	margin-left: 60px;
	float: left;
	display: inline;
	background: url(images/icon4.png) left no-repeat;
	padding-left: 22px;
	color: #fac61c;
	height: 22px;
	line-height: 22px;
	margin-top: 90px;
}

/* Services page CSS */
#middle_box .head ul {
	width: 100%;
	float: left;
	display: inline;	
}
#middle_box .head ul li {
	float: left;
	display: inline;
	height: 52px;
	list-style: none;
	margin-left: 0;	
}
#middle_box .bot3 .botdiv {
	width: 190px;
	float: left;
	display: inline;
	margin-top: 10px;
}
.botdiv .txt {
	width: 180px;
	float: left;
	display: inline;
	margin-left: 26px;
}
.botdiv p {
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 14px;
}
.botdiv .title1 {
	width: 100%;
	float: left;
	display: inline;
	background: url(images/icon5.png) left no-repeat;
	padding-left: 26px;
	color: #00f1f1;
	font-size: 16px;
	font-family: "Myriad Pro";
	line-height: 20px;
	height: 20px;
}
.botdiv .title2 {
	width: 100%;
	float: left;
	display: inline;
	background: url(images/icon6.png) left no-repeat;
	padding-left: 26px;
	color: #00f1f1;
	font-size: 16px;
	font-family: "Myriad Pro";
	line-height: 20px;
	height: 20px;
}
.botdiv .title3 {
	width: 100%;
	float: left;
	display: inline;
	background: url(images/icon7.png) left no-repeat;
	padding-left: 26px;
	color: #00f1f1;
	font-size: 16px;
	font-family: "Myriad Pro";
	line-height: 20px;
	height: 20px;
}
.botdiv .title4 {
	width: 100%;
	float: left;
	display: inline;
	background: url(images/icon8.png) left no-repeat;
	padding-left: 26px;
	color: #00f1f1;
	font-size: 16px;
	font-family: "Myriad Pro";
	line-height: 20px;
	height: 20px;
}