body {
	margin:0;
	font:11px/16px Arial, Helvetica, sans-serif;
	color:#3f3f3f;
	background:#fafafa url(../images/bg-body.gif) repeat-x;
}
a {
	text-decoration:none;
	color:#3f3f3f;
}
a:focus{outline:none;}
a:hover {text-decoration:underline;}
img {
	border:0;
	display:block;
}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form,
fieldset{
	margin:0;
	padding:0;
	border:none;
}
#wrapper {
	width:918px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#header {
	background:url(../images/bg-header.gif) no-repeat;
	width:900px;
	height:89px;
	position:absolute;
	top:17px;
	left:0;
	z-index:2;
	overflow:hidden;
	padding:8px 9px 0;
}
.logo {
	background:url(../images/bg-logo.gif) no-repeat;
	width:213px;
	height:46px;
	float:left;
	margin:22px 0 0 25px;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a {
	display:block;
	height:100%;
}
.main-nav {
	margin:51px 0 0;
	padding:0;
	list-style:none;
	float:right;
}
.main-nav li{
	float:left;
	padding:0 1px 0 0;
	background:url(../images/sep-nav.gif) no-repeat 100% 0;
}
.main-nav a{
	float:left;
	color:#fff;
	font-size:10px;
	cursor:pointer;
	background:url(../images/bg-nav.gif) no-repeat 0 -76px;
}
.main-nav a.first{background-position:0 0;}
.main-nav a:hover,
.main-nav .active a{
	background-position:0 -114px;
	text-decoration:none;
}
.main-nav a.first:hover,
.main-nav .active a.first{background-position:0 -38px;}
.main-nav span{
	float:left;
	height:38px;
	line-height:38px;
	display:inline;
	padding:0 17px 0 2px;
	margin:0 0 0 15px;
	overflow:hidden;
	background:url(../images/bg-nav.gif) no-repeat 100% -76px;
}
.main-nav a.first span{background-position:100% 0;}
.main-nav a:hover span,
.main-nav .active a span{
	background-position: 100% -114px;
}
.main-nav a.first:hover span,
.main-nav .active a.first span{background-position:100% -38px;}
#main {
	margin:114px 0 0;
	width:918px;
	background:url(../images/bg-main-c.gif) repeat-y;
}
.main-bg {background:url(../images/bg-main-t.gif) no-repeat;}
.main-frame {
	background:url(../images/bg-main-b.gif) no-repeat 0 100%;
	padding:7px 9px 64px;
	overflow:hidden;
}
* html .main-frame {
	overflow:visible;
	height:1%;
}
.visual {
	margin:0 0 0 9px;
	padding:47px 10px 0 36px;;
	background:url(../images/bg-visual.gif) no-repeat;
	width:837px;
	height:93px;
	color:#fefefe;
}
.visual h1 {
	margin:0;
	font-size:27px;
	line-height:31px;
	font-weight:normal;
	letter-spacing:2px;
}
.visual strong {
	font-size:14px;
	line-height:21px;
	letter-spacing:1px;
	font-weight:normal;
}
.contacts-area {
	overflow:hidden;
	height:1%;
	padding:33px 23px 0 35px;
}
.info {
	float:left;
	width:200px;
	margin:0;
	padding:8px 0 0;
	list-style:none;
}
.info dt{
	font-weight:bold;
	margin:0 0 4px;
}
.info dd {
	margin:0 0 37px;
	height:1%;
	overflow:hidden;
}
.info span {display:block;}
.info address{font-style:normal;}
.info a {color:#749e15;}
.contacts-area .request {
	float:right;
	width:512px;
}
.contacts-area .request h2 {
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#3f3f3f;
	margin:0 0 5px;
}
.contacts-area .request h2 span {
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	color:#3f3f3f;
	margin:0 0 5px;
	padding:0 0 0 115px;
}
.request .request-form {
	width:512px;
	background:#f7f7f7 url(../images/bg-request.gif) no-repeat;
}
.request .request-form .holder {
	background:url(../images/bg-request.gif) no-repeat -512px 100%;
	padding:32px 29px 24px 35px;
}
.request-form .row {
	height:1%;
	overflow:hidden;
	margin:0 0 4px;
}
.request-form label{
	float:left;
	line-height:29px;
	width:143px;
}
.request-form strong{
	font-weight:bold;
	font-size:13px;
}
.request-form .text{
	float:right;
	border:1px solid #cecece;
	width:293px;
	padding:6px 4px 7px;
}
.request-form .txtarea{
	border:1px solid #cecece;
	width:437px;
	height:66px;
	margin:0 0 15px;
	padding:4px;
	overflow:auto;
}
.request-form .btn-submit{
	width:113px;
	height:36px;
	float:right;
}
.quote-request {
	float:right;
	width:512px;
}
.quote-request h2 {
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#3f3f3f;
	margin:0 0 5px;
}
.quote-request h2 span {
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	color:#3f3f3f;
	margin:0 0 5px;
	padding:0 0 0 115px;
}
.quote-request-form {
	width:512px;
	background:#f7f7f7 url(../images/bg-request.gif) no-repeat;
}
.quote-request-form .holder {
	background:url(../images/bg-request.gif) no-repeat -512px 100%;
	padding:32px 29px 24px 35px;
}
.quote-request-form .row {
	height:1%;
	overflow:hidden;
	margin:0 0 4px;
}
.quote-request-form label{
	float:left;
	line-height:29px;
	width:100px;
}
.quote-request-form strong{
	font-weight:bold;
	font-size:13px;
}
.quote-request-form .text{
	float:left;
	border:1px solid #cecece;
	width:100px;
	padding:6px 4px 7px;
}
.quote-request-form .txtarea{
	border:1px solid #cecece;
	width:200px;
	height:66px;
	margin:0 0 15px;
	padding:4px;
	overflow:auto;
}
.quote-request-form .btn-submit{
	width:113px;
	height:36px;
	margin: 10px 0 0 0px;
}

.services-area{
	padding:33px 0 0 28px;	
	overflow:hidden;
}
.services-list-area{
	float:left;
	width:838px;
	padding:0;
}
.service-list-left{
	float:left;
	margin:0 8px 0 0;
	width:273px;
}
.service-list-mid{width:274px;float:left;}
.service-list-right{width:273px;float:right;}
.services-email-visual {
	margin:0;
	background:url(../images/email-marketing-services.gif) no-repeat;
	width:274px;
	height:147px;
	color:#fefefe;
	text-decoration:none;
	cursor:pointer;
}
.services-email-visual h1 {
	margin:0;
	padding:40px 10px 0 20px;
	font-size:27px;
	line-height:31px;
	font-weight:normal;
	letter-spacing:2px;
}
.services-design-visual {
	margin:0;
	background:url(../images/web-design-development-services.gif) no-repeat;
	width:274px;
	height:147px;
	color:#fefefe;
	text-decoration:none;
	cursor:pointer;
}
.services-design-visual h1 {
	margin:0;
	padding:40px 10px 0 20px;
	font-size:27px;
	line-height:31px;
	font-weight:normal;
	letter-spacing:2px;
}
.services-search-visual {
	margin:0;
	background:url(../images/search-engine-marketing-services.gif) no-repeat;
	width:274px;
	height:147px;
	color:#fefefe;
	text-decoration:none;
	cursor:pointer;
}
.services-search-visual h1 {
	margin:0;
	padding:40px 10px 0 20px;
	font-size:27px;
	line-height:31px;
	font-weight:normal;
	letter-spacing:2px;
}
.services-text {
	padding:8px 13px 0 13px;
	font:11px/16px Arial, Helvetica, sans-serif;
	color:#3f3f3f;
}

.learn-email-link {
	color:#61b8ca;
	font-weight:bold;
}
.learn-design-link {
	color:#d99528;
	font-weight:bold;
}
.learn-search-link {
	color:#bc5438;
	font-weight:bold;
}

.clients-area{
	padding:33px 0 0 28px;
	overflow:hidden;
}
.list-area{
	float:left;
	padding:4px 0 0;
}
.list-area .lists{
	float:left;
	margin:0 8px 0 0;
	width:285px;
}
.list-area .inner{width:245px;}
.list-area h3{
	font-size:11px;
	margin:0 0 2px;
	line-height:21px;
	background:#f7f7f7;
	padding:0 0 0 8px;
}
.list-area ul{
	margin:0 0 8px;
	padding:0 0 0 8px;
	list-style:none;
}
.list-area span{font-size:9px;}
.aside{
	width:270px;
	padding:0 24px 0 0;
	float:right;
}
.aside h2{
	margin:0 0 6px 1px;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
}
.aside em{
	font-style:normal;
	font-weight:bold;
	padding:7px 0 0 6px;
	display:block;
	clear:both;
}
.aside span{
	float:left;
	clear:both;
	background:#fefefe;
	padding:1px 9px 4px 6px;
}
.aside span a{color:#749e15;}
.aside-box{
	background:#f7f7f7 url(../images/bg-aside-box.gif) no-repeat;
	width:269px;
	margin:0 0 27px;
	overflow:hidden;
}
.aside-box .frame{
	background:url(../images/bg-aside-box.gif) no-repeat -269px 100%;
	width:259px;
	padding:0 0 11px 10px;
	overflow:hidden;
}
* html .aside-box {
	overflow:visible;
	height:1%;
}
.aside-box .works {
	margin:0 0 -10px;
	padding:10px 16px 0 0;
	list-style:none;
}
.aside-box .works li {
	overflow:hidden;
	height:1%;
	background:#fefefe;
	padding:0 6px 4px;
	vertical-align:top;
	margin:0 0 10px;
}
.aside-box .works p {margin:0;}
.aside .works em {
	font-style:italic;
	font-weight:normal;
	padding:0;
}
.featured-clients{
	margin:0;
	padding:6px 0 1px 2px;
	list-style:none;
	width:267px;
	margin:0 -10px 0 0;
}
.featured-clients li{
	background: url(../images/bg-ico-hold.gif) no-repeat;
	width:72px;
	height:71px;
	padding:1px 3px 3px 1px;
	float:left;
	margin:9px 10px 0 0;
}
.work-samples-hold{
	overflow:hidden;
	padding:33px 0 0;
}
.gallery-area{
	overflow:hidden;
	float:left;
	padding:7px 0 22px 18px;
	width:565px;
}
.gallery-area .heading {
	padding:0 0 0 18px;
	margin:0 0 13px;
}
.gallery-area h3 {
	font-size:13px;
	margin:0;
}
.gallery-area h3 a {color:#749e15;}
.gallery-area h3 a:hover {text-decoration:underline;}
.gallery-area .blue {background:url(../images/gallery-blue.gif) repeat-x 0 2px;}
.gallery-area .green {background:url(../images/gallery-green.gif) repeat-x 0 2px;}
.gallery-area .black {background:url(../images/gallery-black.gif) repeat-x 0 2px;}
.gallery {
	position:relative;
	height:285px;
	width:564px;
}
.gallery .mask{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	background:url(../images/bg-mask.png) no-repeat;
	width:564px;
	height:285px;
	z-index:3;
}
.link-prev,
.link-next{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:25px;
	height:35px;
	position:absolute;
	top:122px;
	z-index:14;
	cursor:pointer;
}
.link-prev{
	background:url(../images/link-prev.png) no-repeat;
	left:6px;
}
.link-next{
	background:url(../images/link-next.png) no-repeat;
	right:6px;
}
.gallery div {
	width:562px;
	overflow:hidden;
	float:left;
	padding:1px 0 0;
	position:relative;
}
.gallery ul {
	position:relative;
	width:99999px;
	padding:1px 0 0;
	margin:0;
	list-style:none;
	overflow:hidden;
	z-index:0;
}
.gallery ul li {
	float:left;
	width:562px;
	padding:0;
	height:278px;
}
.gallery ul a{
	position:relative;
	z-index:13;
	display:block;
}
.gallery ul a img {
	position:relative;
	z-index:14;
}
.promo-box {
	position:relative;
	width:860px;
	background:#f7f7f7;
	margin:0 0 18px 9px;
	overflow:hidden;
	padding:14px 10px 15px 14px;
}
.promo-box .accordion {
	float:left;
	background:url(../images/bg-accordion.gif) no-repeat;
	width:360px;
	height:299px;
	margin:0;
	padding:1px 0 2px 1px;
	list-style:none;
	position:relative;
}
.promo-box .accordion li a:hover {
	text-decoration:none;
	outline:none;
}
.promo-box .accordion p {
	margin:8px 0 0;
	line-height:13px;
}
.promo-box .accordion ul p {
	line-height:17px;
	margin:-2px 0 0;
	display:none;
}
.promo-box .accordion ul li.active p {display:block;}
.accordion .restaurants .opener {
	background:url(../images/restaurants-opener.gif) no-repeat;
	width:340px;
	height:26px;
	display:block;
	font-size:16px;
	color:#fefefe;
	line-height:26px;
	padding:0 0 0 20px;
	letter-spacing:1px;
}
.accordion .retailers .opener {
	background:url(../images/retailers-opener.gif) no-repeat;
	width:340px;
	height:25px;
	display:block;
	font-size:16px;
	color:#fefefe;
	line-height:25px;
	padding:0 0 0 20px;
	letter-spacing:1px;
}
.promo-box .accordion .slide {
	width:313px;
	padding:7px 27px 0 20px;
	height:247px;
	overflow:hidden;
}
.promo-box .visual-holder {
	float:right;
	background:url(../images/bg-visual-holder.gif) no-repeat;
	width:499px;
	height:302px;
	overflow:hidden;
	position:relative;
}
.case-study {
	overflow:hidden;
	padding:25px 32px 0 22px;
	height:302px !important;
} 
.read .image {display:none;}
.read .txt {display:block !important;}
.case-study .image {
	margin:-24px 0 0 -22px;
	position:relative;
	display:inline;
}
.case-study .txt {
	display:none;
}
.slide-visual {
	width:31999px;
	position:relative;
}
.case-study {
	float:left;
	width:445px;
}
.case-study .heading{margin:0 0 40px;}
.case-study img {
	float:left;
	display:block;
	margin:1px 35px 0 0;
}
.case-study p {margin:0 0 16px;}
.promo-box .corner {
	position:absolute;
	top:295px;
	left:1px;
	z-index:3;
	clear:both;
}
.slide ul {
	margin:0;
	padding:14px 0 17px;
	list-style:none;
	width:100%;
	float:left;
	overflow:hidden;
}
.slide ul li {
	margin:0;
	float:left;
	width:243px;
	padding:0 0 6px 7px;
}
.slide ul li p {
	margin:0;
	color:#838383;
	float:left;
	clear:both;
	width:100%;
}
.slide ul a {
	font-weight:bold;
	background:#fafafa;
	padding:0 6px 0 7px;
	margin:0 0 0 -7px;
	line-height:21px;
	float:left;
	outline:none;
}
.slide ul li.active a,
.slide ul a:hover,
.slide ul a.active {
	color:#719b15;
	background:#fbfbfb;
}
.slide .more {
	background:url(../images/ico07.gif) no-repeat 7px 1px;
	padding:2px 14px 0 32px;
	height:19px;
	float:left;
}
.slide .more:hover,  .read .more{
	background:#fff url(../images/ico07.gif) no-repeat 7px 1px;
}
.slide-mask{
	position:absolute;
	top:0;
	right:0;
	background:url(../images/mask.png) no-repeat;
	width:9px;
	height:302px;
}
* html .slide-mask {
	right:-1px;
}
.content {
	float:left;
	padding:0 0 0 28px;
	width:500px;
}
.content h2{
	margin:0 0 12px 1px;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
}
.content p {
	margin:0 0 22px;
	line-height:16px;
}
.content span a {
	color:#719b15;
}
.content .info-list {
	margin:0;
	padding:4px 0 0;
	list-style:none;
}
.content .info-list li {
	margin:0 0 16px;
}
.content .info-list p {
	margin:0;
	color:#838383;
} 
.outlook li {
	list-style: none;
	background: transparent url(../images/grn-bullet.gif) left top no-repeat;
	padding-left: 3px;
	line-height: 16px;
}
#footer {
	color:#a8a8a8;
	padding:6px 40px 60px 35px;
	overflow:hidden;
}
#footer a{color:#a8a8a8;}
#footer .privacy {float:right;}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer ul li {
	float:left;
	margin:0 20px 0 0;
}