@charset "utf-8";
/* CSS Document */

/* body */
p {font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
a, a img {
	border:none;
	outline:none;
	text-decoration:none;}
a:hover {text-decoration:underline;}
body {

	background-color:#0b0b0b;
	margin:0;
	padding:0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.container {
	width:100%;
	height:auto;
	
	}
.header {
	width:970px;
	height:345px;
	background:url(../images/header-back.jpg) no-repeat;
	margin: 0px auto;
	position:relative;
}
.header li {list-style-type:none; color:#fff; font: 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:5px 0 5px 35px;}
.header li span {text-transform:uppercase; font-size:12px; color:#29b2d9;}
.header li span a {text-transform:uppercase; font-size:11px; color:#29b2d9; text-decoration:underline;}
.get1 {color:#51dd51;}
#get2 {color:#db8039;}
#get3 {color:#ae16cb;}
/* Menu */	
#navmenu {
	width: 970px;
	height:100px;
	padding:0;
	background-image:url(../images/menu-back.png);
	margin:0;
	
	}
#navmenu li {
	border: 1px solid #fff;
	float:left;
	padding:10px;
	left:20px;
	font: 15px Tahoma, Geneva, sans-serif;
	color:#CCC;
	list-style-type:none;
	top:28px;
	position:relative;
	background:#0b0b0b;
	}
#navmenu li a {color:#ccc;}
.home-nav a:hover {color:#fff;}
#web-nav a:hover {color:#29b2d9;}
#online-nav a:hover {color:#d53599;}
#port-nav a:hover {color:#29b2d9;}
#graphic-nav a:hover {color:#db8039;}
#seo-nav a:hover {color:#ae16cb;}
#cont-nav a:hover {color:#51dd51;}
#email-nav a:hover {color:#CF5560;}
/* Body Main */	
.bodymain {
	
	position:relative;
	width:970px;
	margin:0px auto;
	padding:0;
	height:auto;
	}
.header h1 {
	font: 30px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#29b2d9;
	padding:0 0 0 21px;}
.header p {	font: 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FFF;
	padding:0 0 0 21px;}
.header img {
	padding:10px;
	float:left;}
/* Column */
.column {
	width: 300px;
	height:auto;
	position:relative;
	float:right;
	padding:0px;
	margin:0;
	top:10px;
	border:4px solid #404040;
	
}
.column h2 {
	font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#ccc;
	text-align:center;
	display:block;
	background-color:#404040;
	padding: 9px;
	margin:0;
}
.column img {
	float:right;}
#serviceweb {
	width:95%;
	height:auto;
	position:relative;
	padding:7px;
	margin:0;
	display:block;
}
#serviceweb h3 {
	color:#29b2d9;
	padding:0;
	margin:0;
	text-decoration:underline;
	font-size: 14px;
	text-transform:none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;

	}
#serviceweb p {
	font-size: 12px;
	color:#fff;
	text-align:justify;
	width:84%;
	margin:0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 3px;
}
#serviceweb span a {
	text-indent:-9999px;}
#serviceseo {
	width:95%;
	height:auto;
	position:relative;
	padding:7px;
	margin:0;
	}
#serviceseo h4 {
	color:#ae16cb;
	padding:5px;
	margin:0;
	text-decoration:underline;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	}
#serviceseo p {
	font-size: 12px;
	color:#fff;
	text-align:justify;
	width:84%;
	margin:0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 3px;
}
#servicesmarket {
	width:95%;
	height:auto;
	position:relative;
	padding:7px;
	margin:0;
	}
#servicesmarket h5 {
	color:#d53599;
	padding:5px;
	margin:0;
	text-decoration:underline;
	font-size: 14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	}
#servicesmarket p {
	font-size: 12px;
	color:#fff;
	text-align:justify;
	width:84%;
	margin:0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 3px;
}
#servicesmarket a {color:#d53599;}
#servicesgraphic {
	width:95%;
	height:auto;
	position:relative;
	padding:7px;
	margin:0;
	}
#servicesgraphic h6 {
	color:#db8039;
	padding: 5px;
	margin:0;
	text-decoration:underline;
	font-size: 14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
}
#servicesgraphic p {
	font-size: 12px;
	color:#fff;
	text-align:justify;
	width:84%;
	margin:0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 3px;
}
#servicesgraphic a {color:#db8039;}
.seperate {
	width:305px;
	height:1px;
	margin:0px auto;
	position:relative;
	background-color:#666;}

/* Right Column */
#rightcolclear {
	width:50px;
	margin:0;
	padding:0;
	float:right;
	height:580px;
	position:relative;
}
.rightcol {
	width:600px;
	height:auto;
	position:relative;
	float:left;
}
.rightcol .intro {
	font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-align:left;
	margin:0;
	padding-top:12px;
	padding-left:20px;
	text-decoration:underline;
}
.rightcol .introonline {color:#d53599; font-size:16px; text-decoration:underline;}
.rightcol h1 {
	font: 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#ccc;
	text-align:left;
	margin:0;
	padding-top:12px;
	padding-left:20px;
}
.rightcol p{
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FFF;
	margin:0;
	text-align:justify;
	padding: 10px 0 0 20px;
	width:95%;
}
.rightcol li {
	font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	padding:7px;
	padding-left:20px;
	list-style-type:none;}
.rightcol li a {
	color:#AA2478;}
.rightcol p a{color:#29b2d9; }
.rightcol p  .online {color:#d53599;}
rightcol p a:hover {text-decoration:underline;}
/* Left Column */
#bottom {
	margin-left:20px;
	padding:0;
	margin-top:3px;
	}
#bottom li {
	margin:0;
	padding-left:15px;
	float:left;}
#bottom li div {
	width:250px;
	height:auto;
	color:#fff;
	}
#twitter li,p {color:#fff;
font-size:12px;
padding-top:27px;
margin:0;}
#twitter  {
	background-image:url(../images/twitter-head.png);
	background-repeat:no-repeat;
	border:1px solid #000;
}
.recent  {
	background-image:url(../images/recent-work.png);
	background-repeat:no-repeat;border:4px solid #404040;     }
.recent p {
	font-size:12px;
	clear:both;
	margin:0;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	width:90%;
}
.recent img {padding:8px; padding-left:20px;   clear:both;}
.recent .title {
	font-size:13px;
	color:#29b2d9;
	float:left;
	text-decoration:underline;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.clear {width:100%; height:40px; position:relative; clear:both; }

.preview li {
	float:left;
	padding:10px;
	list-style-type:none;
	}
.preview li  img {
	border:none;
	outline:none;
	}
/* Footer */
#footer {
	width:100%;
	height:auto;
    clear:both;
	background-image:url(../images/footer.gif);

	
}
#innerfooter {
	margin:0px auto;
	position:relative;
	height:210px;
	width:970px;


	}
#innerfooter img {
	float:right;
	padding:10px;
	padding-top:22px;
	clear:both;
}
#innerfooter ul {
	padding-left:35px;}
#innerfooter li {
	color:#ccc;
	float:left;
	padding:5px;
	padding-top:15px;
	font-size:11px;
	list-style-type:none;}
#innerfooter li span {
	padding-left:5px;
	font-size: 13px;
}
#webfoot a   {
	color:#29b2d9;}
.homefoot a {
	color:#fff;}
#seofoot a {
	color:#ae16cb;}
#logofoot a {color:#db8039;}
#contactfoot a {
	color: #51dd51;}
#infooter  {
	width:400px;
	position:relative;
	clear:both;}
.social {
	clear:both;
	padding-top:20px;}
li.facebookfooter a  {
	color:#3b5993;
	font-size: 12px;
}
li.twitterfooter a {
	color:#5ba6ce;
	font-size: 12px;
}
li.linkedinfooter a {
	color:#6aa0cc;
	font-size: 12px;
}
.new{
background:url(../images/new-trans.png) no-repeat top right;
width:58px;
height:58px;
position:absolute;
right:0;
top:0;
}
.temp{
float:left;
width:292px;
margin-right:12px;
margin-left:10px;
margin-bottom:20px;
margin-top:20px;
}
.temphol{
	background:#efefef;
	border:1px solid #29b2d9;
	position:relative;
	width:290px;
	height:155px;
	overflow:hidden;
	background-color: #000;
}
.temphol img {
position: absolute;
top: 7px; left: 7px;
}
.tempde{
background: #29b2d9;
width:100%;
height:32px;
}
.tempde span,span a {
	font-size:13px;
	color:#EAEAEA;
}
.tempname{
float:left;
padding-left:15px;
padding-top:8px;
font-size: 13px;
}
.tempprice{
float:right;
background:url(../images/pricebg.jpg) center no-repeat;
width:40px;
height:22px;
text-align:center;
margin-top:2px;
color:#fff;
padding-top:6px;
padding-right:5px;
padding-left:5px;
font-weight:bold;
}
.thumb{
position:absolute;
top:7px;
left:7px;
width:276px;
height:141px;
text-indent:-999px;
overflow:hidden;
background:url(images/blank.gif) repeat;
}
#case {width:100%; height:auto; clear:both; margin:0; padding:0px; position:relative;}
#case .title  {font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#F39; padding:15px 0 0 20px; }
#case p {color:#ccc; font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:5px 0 0 20px; width:95%; text-align:justify;}
#case span,a {color:#F39;}
#case a:hover {text-decoration:underline;}
.rightcol .seolinks  {color:#ae16cb;}
.rightcol .graphic {color:#db8039;}
/* Email Marketing */
#wicksteed {float: left; padding:10px 0px 0px 20px; vertical-align:text-top; margin:0;}
#emaillist {float:right; margin:0; padding:10px;}
#emaillist li {padding: 15px 5px; font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF;  list-style-image: url(../images/email-market/list-tick.png); }
#emaillist h2 {font: normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#CF5560; margin:0; padding:0; text-decoration:underline;  }