@charset "utf-8";

/* head */

div.head{
	width:960px;
	height:84px;
	background-image:url(../img/top-bg.png);
}

img{
	border:none;
}

img a{
	border:none;
}

/* top styles */

div.top{
	width:960px;
	height:84px;
	padding: 0 0 0 0;
}

div.topl{
	width:460px;
	height:73px;
	float:left;
	text-align:left;
	padding: 10px 0 0 10px;
}

div.topr{
	width:460px;
	height:73px;
	float:right;
	padding: 20px 10px 0 0;
}

div.logo{
	width:360px;
	height:50px;
	float:left;
}

div.buttons{
	width:610px;
	height:50px;
	float:right;
}

input.search-box{
	width:180px;
	height:23px;
	float:right;
	background-image: url(../img/search-box.jpg);
	border-color:#333333;
	border:none;
	font-size:14px; font-weight:bold; color: #cccccc;
}

input.search-but{
	float:right;
	width:80px;
	height:23px;
	border:none;
	border-color:#333333;
	background-image:url(../img/search-but.jpg);
}

input.search-but:hover{
	float:right;
	width:80px;
	height:23px;
	border:none;
	border-color:#333333;
	background-image:url(../img/search-buth.jpg);
}

/* end top styles */



/* nav styles */

div.nav{
	width:960px;
	height:52px;
	background-image:url(../img/nav-bg.png);
}

div.navspacer{
	height: 13px;
	background-image:url(../img/nav-bg.png);
}

div.navind{
	height: 3px;
}

div.navinda{
	height: 3px;
	background-color:#00c6ff;
}

div.nav a{ 
	font-size:16px; 
	font-stretch:narrower; 
	color: #ffffff;
	display: block;
}

div.nav a:hover{ 
	font-size:16px;
	font-weight:bold; 
	font-stretch:narrower; 
	color: #00c6ff;
	display: block;
}

/* end nav styles */



/* slide styles */

div.slide{
	width:960px;
	height:300px;
	background-image:url(../img/slide-bg.png);
	background-repeat:repeat;
}

div.slide2{
	width:960px;
	height:160px;
	background-image:url(../img/slide-bg.png);
	background-repeat:repeat;
}

div.slide3{
	width:960px;
	height:620px;
	background-image:url(../img/slide-bg.png);
	background-repeat:repeat;
}

div.s{
	width:1px;
	height:10px;
	background-image:url(../img/slide-bg.png);
	background-repeat:repeat;
}

div.movie{
	width:940px;
	height:280px;
	background-color:#ffffff;
}

div.movie2{
	width:940px;
	height:60px;
	background-image:url(../img/bot-bg.png);
}

div.movie3{
	width:800px;
	height:600px;
	background-image:url(../img/bot-bg.png);
}

/* end slide styles */



/* content styles */

div.content{
	width:960px;
	min-height:440px;
	background-image:url(../img/bot-bg.png);
	background-repeat:repeat;
}

div.content2{
	width:960px;
	min-height:255px;
	background-image:url(../img/bot-bg.png);
	background-repeat:repeat;
}

div.content3{
	width:960px;
	min-height:600px;
	background-image:url(../img/bot-bg.png);
	background-repeat:repeat;
}

div.content4{
	width:960px;
	min-height:2380px;
	background-image:url(../img/bot-bg.png);
	background-repeat:repeat;
}

div.content5{
	width:960px;
	min-height:120px;
	background-image:url(../img/bot-bg.png);
	background-repeat:repeat;
}

div.content6{
	width:960px;
	min-height:300px;
	background-image:url(../img/bot-bg.png);
	background-repeat:repeat;
}

tc-bg{
	background: #333;
	background-image:url(../img/bar.png);	
}

div.chead{
	width:960px;
	height:100px;
}

div.cspacer{
	width:5px;
	height:20px;
}

div.clspacer{
	width: 30px;
	height: 90px;
	float:left;
}

div.clspacer2{
	width: 30px;
	height: 40px;
	float:left;
}

div.leftcon{
	width: 600px;
	height: 200px;
	float:left;
}

div.rightcon{
	width: 360px;
	height:220px;
	float:right;
}

div.inner-right-con{
	margin:0 20px 0 20px;
	width: 320px;
	height: 200px;
	background-image:url(../img/bot-bg.png);
}

div.news-title{
	width: 320px;
	height: 32px;
	background-image:url(../img/bar.png);
	background-repeat:repeat-x;
	font-size:18px; font-stretch:narrower; color: #ffffff;
	text-align: left;
}

div.newsitem{
	width: 580px;
	height: 200px;
	margin: 0 0 0 20px;
}

div.newspic{
	width: 260px;
	height: 200px;
	float:left;
}

div.newstext{
	width: 320px;
	height: 200px;
	float:right;
}

div.title{
	width: 360px;
	height: 30px;
	background-image:url(../img/title.png);
	background-repeat:no-repeat;
}



/* services styles */

div.services-title{
	width: 960px;
	height: 32px;
	background-color:#333333;
	background-image:url(../img/bar.png);
	background-repeat:repeat-x;
	font-size:18px; font-stretch:narrower; color: #ffffff;
	text-align: left;
}

#updown1{
	width:25px;
	height:23px;
}

#updown2{
	width:25px;
	height:23px;
}

#updown3{
	width:25px;
	height:23px;
}

#updown4{
	width:25px;
	height:23px;
}

#updown5{
	width:25px;
	height:23px;
}

#updown6{
	width:25px;
	height:23px;
}

#updown7{
	width:25px;
	height:23px;
}

#updown8{
	width:25px;
	height:23px;
}

#updown9{
	width:25px;
	height:23px;
}

#updown10{
	width:25px;
	height:23px;
}

#updown11{
	width:25px;
	height:23px;
}

#updown12{
	width:25px;
	height:23px;
}

#updown13{
	width:25px;
	height:23px;
}

#updown14{
	width:25px;
	height:23px;
}

#updown15{
	width:25px;
	height:23px;
}

#web-design{
	width:960px;
	height: 0px;
	background-image: url(../img/kp-webdesign2.jpg);
}

#graphic-design{
	width:960px;
	height: 0px;
	background-image: url(../img/graphicdesign.jpg);
}

#photography{
	width:960px;
	height: 0px;
	background-image: url(../img/photography.jpg);
}

#games{
	width:960px;
	height: 0px;
	background-image: url(../img/gameshead.jpg);
}

#mobile{
	width:960px;
	height: 0px;
	background-image: url(../img/mobileapps.jpg);
}

#cms{
	width:960px;
	height: 0px;
	background-image: url(../img/cms.jpg);
}

#brand-identity{
	width:960px;
	height: 0px;
	background-image: url(../img/brand.jpg);
}

#seo{
	width:960px;
	height: 0px;
	background-image: url(../img/services.jpg);
}

#email{
	width:960px;
	height: 0px;
	background-image: url(../img/email-marketing.jpg);
}

#real-estate-software{
	width:960px;
	height: 0px;
	background-image: url(../img/real-estate.jpg);
}

#ecommerce{
	width:960px;
	height: 0px;
	background-image: url(../img/ecommerce.jpg);
}

#crm{
	width:960px;
	height: 0px;
	background-image: url(../img/crm.jpg);
}

#quote{
	width:960px;
	min-height: 300px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(../img/quote.png);
}

#maps{
	width:960px;
	height: 0px;
	background-image: url(../img/maps.png);
}

#contact{
	width:960px;
	height: 0px;
	background-image: url(../img/contact-info.png);
}

a div.gmmhover{
	width:255px;
	height:240px;
	background-image: url(../img/gmm.png);
	background-repeat:no-repeat;
}

/* end services styles */


td.portfolio-td{
	background-image:url(../img/bot-bg.png);
	margin:0;
	padding:0;
}

td.td-bg{
	background-image:url(../img/bar.png);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

/* end content styles */



div.footer{
	width:960px;
	min-height: 100px;
	color: #ffffff;
	font-size: 11px;
	background-image:url(../img/foot-bg.png);
}



div.bigspacer{
	width:960px;
	height:350px;
}

a{color: #00c6ff; text-decoration:none;}
a:hover{color: #00ffff; text-decoration:none;}

.style1{ font-size:18px; font-stretch:narrower; color: #ffffff;}
.style2{ font-size:22px; font-weight: 100; color: #ffffff;}
.style3{ font-size:22px; font-weight: 100; color: #00c6ff;}
.style4{ font-size:16px; font-weight:bold; color: #ffffff;}
.style5{ font-size:14px; font-weight:bold; color: #cccccc;}
.style6{ font-size:12px; font-weight:bold; color: #cccccc; padding: 0 20px 0 0;}
.style7{ font-size:11px; font-weight:bold; color: #cccccc;}
.style8{ font-size:10px; font-weight:bold; color: #cccccc;}
.style9 {color: #00C6FF;}
.style10 {color: #FFFFFF;}
.style11 {color: #00C6FD;}
.style12 {color: #01C5FF;}
.style13 {color: #00C8FF;}
.style14 {color: #00C6FD;}
.style15 {color: #01C5FF;}
.style16 {color: #02C6FF;}
.style17 {font-size: 14px; color: #FFFFFF;}
.style18 {font-size: 14px; color: #01C5FF;}
.style19 {font-size: 14px; color: #00C8FF;}
.style20 {color: #29BAEC;}.footer div table tr td {
	text-align: center;
}