/* CSS Document */
*{
	padding:0;
	margin:0;
}
.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
}
.clear{
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.textrep{
	text-indent:-9000px;
	overflow:hidden;
	display:block;
}

/* main layout styles */
body{
	background: #000 url(../images/bg.jpg) no-repeat 50% 0;
	padding-bottom:25px;
}
a{
	text-decoration:none;
}
p{
	font-family:arial, sans-serif;
	color:#464646;
	font-size:12px;
	margin:10px 0;
}
h1,h2,h3,h4,h5,h6,a,li{
	font-family:tahoma, Geneva, sans-serif;
	font-weight:normal;
}
h2{
	color:#fcfbef;
	font-size:24px;
	line-height:60px;
	float:left;
}
h3{
	color:#464646;
	font-size:20px;
}
.main{
	width:968px;
	margin:auto;
}
.col-span1{width:410px; float:left; margin-right:55px;}
.col-span2{width:430px; float:left;}
.col-span3{width:155px; float:left;}
.col-span4{width:196px; float:left;}
.col-span5{width:123px; float:left;}
.col-span6{width:140px; float:left;}
.col-span7{width:115px; float:left;}
.col-span8{width:185px; float:left;}
.col-span9{width:; float:left;}

.feature-box{
	background: transparent url(../images/feature-box.png) no-repeat 0 0;
	width:884px;
	height:426px;
	margin:26px 0 24px 0;
	padding:20px 60px 20px 20px;
	position:relative;
}
.feature-box-portfolio{
	border:none;
	float:left;
	margin-right:32px;
}
.feature-box h1{
	font-size:48px;
	color:#0075ae;
	margin-top:110px;
	margin-bottom:4px;
}
.feature-box h1 span{
	font-size:20px;
	color:#0b2747;
}
.feature-box h4{
	font-size:14px;
	color:#0a2647;
}





.footer{
	background: transparent url(../images/footer.png) no-repeat 0 0;
	height:152px;
	margin-top:23px;
	padding:15px 12px 0 40px;
	position:relative;
}
.footer div{
}
.footer p{
	font-weight:bold;
	font-size:12px;
	color:#757575;
	margin:0;
}
.footer a{
	color:#757575;
	font-size:12px;
	display:block;
}
p.copyright{
	font-weight:normal;
	position:absolute;
	left:400px;
	bottom:15px;
}
.corner{
	width:10px;
	height:10px;
	overflow:hidden;
}
.box{
	background: #fff url(../images/box/box-grdnt.gif) repeat-x;
}
.box-content{
	height:295px;
	padding:0 25px 0 30px;
	position:relative;
}
.tl{
	background: #000 url(../images/box/box_tl.gif) no-repeat 0 0;
	float:left;
}
.tr{
	background: #000 url(../images/box/box_tr.gif) no-repeat 0 0;
	float:right;
}
.bl{
	background: #000 url(../images/box/box_bl.gif) no-repeat 0 0;
	float:left;
}
.br{
	background: #000 url(../images/box/box_br.gif) no-repeat 0 0;
	float:right;
}
.nav li a{
	float:left;
}
.nav li{
	float:left;
}
li{
	list-style:none;
}
.nav .logo{
	background: transparent url(../images/navbar/logo.png) no-repeat 0 0;
	width:238px;
	height:81px;
}
.nav .nav1{
	background: transparent url(../images/navbar/navbar_01.png) no-repeat 0 0;
	width:142px;
	height:81px;
}
.nav .nav2{
	background: transparent url(../images/navbar/navbar_02.png) no-repeat 0 0;
	width:158px;
	height:81px;
}
.nav .nav3{
	background: transparent url(../images/navbar/navbar_03.png) no-repeat 0 0;
	width:135px;
	height:81px;
}
.nav .nav4{
	background: transparent url(../images/navbar/navbar_04.png) no-repeat 0 0;
	width:136px;
	height:81px;
}
.nav .nav5{
	background: transparent url(../images/navbar/navbar_05.png) no-repeat 0 0;
	width:159px;
	height:35px;
}
.nav .nav6{
	background: transparent url(../images/navbar/navbar_06.png) no-repeat 0 0;
	width:159px;
	height:46px;
}
#marketing-power{
	background: transparent url(../images/marketing_power.gif) no-repeat 0 0;
	width:185px;
	height:50px;
}
#google-adwords{
	background: transparent url(../images/google.gif) no-repeat 0 0;
	width:185px;
	height:52px;
}
.btn{
	position:absolute;
	bottom:50px;
	right:60px;
}
.btn span.blue{
	color:#0076b0;
}
.btn a{
	background: transparent url(../images/btn.png) no-repeat 0 0;
	color:#042142;
	display:block;
	text-align:center;
	line-height:48px;
	width:405px;
	height:53px;
	font-weight:normal;
	font-size:21px;
	overflow:hidden;
}
.more-link{
	color:#464646;
	font-size:11px;
	float:right;
}
.portfolio-icons{
	float:right;
	margin-bottom:34px;
}
.portfolio-icons li{
	float:left;
}
.portfolio-icons li p{
	float:left;
	color:#fcfbf1;
	line-height:56px;
	margin: 0 27px 0 0;
	font-size:13px;
	font-weight:bold;
}
.portfolio-icons li a{
	display:block;
	padding-top:48px;
	text-align:center;
	width:47px;
	overflow:hidden;
	font-size:8px;
	color:#eee;
	margin-right:10px;
}
.icon-website{
	background: url(../images/icon-website.jpg) no-repeat 0 0;
}
.icon-logo{
	background: url(../images/icon-logo.jpg) no-repeat 0 0;	
}
.icon-development{
	background: url(../images/icon-development.jpg) no-repeat 0 0;
}

.slideshow {
float: right;
height: 246;
width: 302;
}

.cases {
width: 500px;
float: left;
margin-top: 40px;
}

.case {
float: left;
width: 150px;
}

.case1 {
color: white;
font-family: arial, verdana;
font-size: 18px;
font-weight: bold;
}

.feature-box2 p {
float: left;
width: 500px;
}
.feature-box2{
	background: transparent url(../images/feature-box.png) no-repeat 0 0;
	width:884px;
	height:426px;
	margin:26px 0 24px 0;
	padding:20px 60px 20px 20px;
	position:relative;
}

.feature-box2 h1{
	font-size:48px;
	color:#0075ae;
	margin-top:10px;
	margin-bottom:4px;
float: left;
width: 500px;
}
.feature-box2 h1 span{
	font-size:20px;
	color:#0b2747;
}
.feature-box2 h4{
	font-size:14px;
	color:#0a2647;
float: left;
width: 500px;
}

.col1 {
float: left;
width: 500px;
}

.col2 {
float: right;
width: 300px;
padding-top: 10px;
}

.btn2{
	position:absolute;
	bottom:40px;
	right:-20px;
}
.btn2 span.blue{
	color:#0076b0;
}
.btn2 a{
	background: transparent url(../images/btn.png) no-repeat 0 0;
	color:#042142;
	display:block;
	text-align:center;
	line-height:48px;
	width:405px;
	height:53px;
	font-weight:normal;
	font-size:21px;
	overflow:hidden;
}

.show {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}

.notop {
margin-top: 15px;
}

.box-content2{
	padding:25px 25px 0 30px;
	position:relative;
}

form {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#flashcontent {
		height: 640px;
	}
	
	.feature-box h1 {
font-size: 40px;
}