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

		
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}
	
.clear {
	clear: both;
}

a:focus { 
	outline: none; 
}



/* Main CSS */


body {
	background: #e2e9bd;
	font: 14px Arial, Helvetica, sans-serif;
}

.page-width {
	width: 960px;
	margin: auto;
}

#header {
	background: url(/assets/header-background.jpg) repeat-x;
	height: 99px;
}

#logo {
	float: left;
	width: 170px;
	height: 99px;
}

#topnav {
	float: left;
	margin-left: 60px;
}

#topnav li {
	display: inline;
	float: left;
	height: 99px;
}

#topnav li a {
	float: left;
	height: 57px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	padding: 40px 12px 0 12px;
}
	
#topnav li.selected a {
	background: #191712;
	color: #bfcd6f;
}

#topnav li.login a {
	color: #ff5c04;
	margin-left: 150px;
}

#topnav li a:hover {
	color: #bfcd6f;
}

#slider {
	background: #aec143 url(/assets/slider-background.jpg);
	height: 378px;
	overflow:hidden;
}

#slider .left, #slider .right {
	float: left;
	width: 50px;
	height: 325px;
}

#slider .left a {
	float: left;
	width: 50px;
	height: 325px;
	background: url(/assets/slider-button-left.gif) no-repeat;
	cursor: pointer;
	text-indent: -9999px;
}

#slider .left a:hover {
	background-position: -50px;
}

#slider .right a {
	float: left;
	width: 50px;
	height: 325px;
	background: url(/assets/slider-button-right.gif) no-repeat -50px;
	cursor: pointer;
	text-indent: -9999px;
}

#slider .right a:hover {
	background-position: 0px;
}

#slider .slider-content {
	float: left;
	width: 860px;
	height: 325px;
}

.slider-content div {
	display:none;
	position:absolute;
}

.slidetabs {
	clear: both;
	width: 100%;
}

.slidetabs a {
	float: left;
	background: url(/assets/slidertabs-background.gif);
	width: 25%;
	height: 33px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	color: #5d6a17;
	padding-top: 20px;
}

.slidetabs a.current {
	background: none;
}

.slidetabs a:hover {
	color: #ff5c04;
}

h1 {
	font-size: 57px;
	color: #5d6a17;
	margin: 0;
	margin-top: 34px;
}

h2 {
	color: #ff5c04;
	font-size: 32px;
	margin: 0;
	margin-top: 15px;
}

h2.sub2 {
	color: #fff;
	font-size: 27px;
	margin-top: 12px;
}

.slide-seo {
	margin-top: -16px;
	background: url(/assets/slide-seo.png) no-repeat 380px 0px;
	width: 850px;
	margin-left: 10px;
	height: 339px;
}

.slide-seo h1 {
	margin-top: 100px;
}

.slide-social {
	margin-top: -10px;
	background: url(/assets/slide-social-media.png) no-repeat 360px 0px;
	width: 850px;
	margin-left: 10px;
	height: 335px;		
}

.slide-social h1 {
	margin-top: 55px;
}

.slide-marketing {
	margin-top: -10px;
	background: url(/assets/slide-online-marketing.png) no-repeat 520px -3px;
	width: 850px;
	margin-left: 10px;
	height: 335px;
}

.slide-marketing h1 {
	margin-top: 55px;
}

.slide-brand {	
	margin-top: 35px;
	background: url(/assets/slide-brand-management.png) no-repeat 520px 0px;
	width: 850px;
	margin-left: 10px;
	height: 290px;
}

.slide-brand h1 {
	margin-top: 0px;
}		

.slide-brand h2 {
	margin-top: 5px;
}

#content {
	background: url(/assets/content-background.gif);
	color: #fff;
}

#content .page-width {
	width: 960px;
	padding: 40px 0 40px 0;
}

#content p {
	margin: 15px 0 15px 0;
}

#content strong, #content b {
	color: #ff5c04;
}

#content a {
	color: #a3b638;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content strong a {
	color: #ff5c04;
}

#content strong a:hover {
	color: #a3b638;
	text-decoration: none;
}


#content h3 {
	font-size: 24px;
	padding-bottom: 5px;
}

#content h3.call {
	padding-top: 10px;
	padding-bottom: 30px;
}

#content hr {
	border: none;
	border-top: 1px solid #041509;
	border-bottom: 1px solid #445132;
}



#content .left {
	float: left;
	width: 537px;
	margin-left: 20px;
	margin-right: 20px;
}

.line-space p {
	line-height: 20px;
}

#blog-posts h3 {
	padding-top: 30px;
	padding-bottom: 20px;
	color: #aeb96c;
}

.blog-post {
	float: left;
	width: 163px;
	margin-right: 23px;
}

.blog-post-last {
	margin-right: 0px;
}

.blog-post img {
	border: 9px solid #45544a;
}

.blog-post a:hover img {
	border: 9px solid #688070;
}

.blog-post h4 {
	font-size: 16px;
	margin-top: 20px;
}

.blog-post h4 a:hover {
	color: #ff5c04 !important;
	text-decoration: none !important;
}

.blog-post p {
	margin: 3px 0 0 0  !important;
	font-size: 12px;
}

.blog-post p.date {
	color: #999998;
	font-weight: bold;
}

.blog-post a.more {
	float: left;
	margin-top: 10px;
	font-style: italic;
}





#content .right {
	float: left;
	width: 376px;
}


.box-1-top {
	float: left;
	background: url(/assets/box-1-top.png) no-repeat;
	width: 376px;
	height: 28px;
}

.box-1 {
	float: left;
	background: url(/assets/box-1.png) repeat-y;
	padding: 0 20px 0 20px;
}

.box-1 img {
	border: 1px solid #fff;
	margin-top: 15px;
}

.box-1 i {
	color: #aeb96c;
	font-size: 20px;
}

.box-1 p.quote i {
	color: #fff;
}

.box-1 a {
	color: #aec143;
	font-size: 12px;
	font-weight: bold;
}

.box-1 hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

.box-1 .adwords {
	float: left;
	margin-top: 0;
	margin-right: 20px;
}

.box-1-bottom {
	float: left;
	background: url(/assets/box-1-bottom.png) no-repeat;
	width: 376px;
	height: 28px;
}


#footer {
	height: 300px;
	padding-bottom: 100px;
}

#footer hr {
	margin: 0;
	background: #aec143 url(/assets/slider-background.jpg);
	border: none;
	height: 23px;
}

#footer .left {
	float: left;
	width: 590px;
	height: 100px;
	margin-left: 20px;
}

#footer h3 {
	font-size: 24px;
	color: #203327;
	margin-top: 25px;
	margin-bottom: 15px;
}

#footer .left ul {
	float: left;
	padding-bottom: 30px;
}

#footer .left li {
	float: left;
	display: inline;
	list-style: none;
	width: 196px;
}

#footer .left li a {
	font-size: 12px;
	color: #203327;
	text-decoration: none;
}

#footer .left li a:hover {
	color: #ff5c04;
}

#footer .left hr {
	clear: both;
	background: none;
	height: auto;
	border: none;
	border-top: 1px solid #a1b436;
	margin-bottom: 25px;
}

#footer .left p {
	font-size: 10px;
	padding-bottom: 15px;
	color: #203327;
}

#footer .left p a {
	color: #203327;
	text-decoration: none;
}

#footer .left p a:hover {
	color: #ff5c04;
}


#footer .right {
	float: left;
	width: 300px;
	height: 100px;
	padding-left: 50px;
}

.social-badges {
	padding-top: 10px;
	padding-bottom: 20px;
}

.social-badges a {
	margin-right: 15px;
}

#footer .right h3 {
	margin-bottom: 5px;
}

#footer .right p {
	color: #203327;
	font-size: 12px;
}

.newsletter-box {
	float: left;
	background: url(/assets/newsletter-box.png) no-repeat;
	border: none;
	width: 210px;
	height: 25px;
	padding-left: 10px;
	margin-top: 15px;
	color: #888;
}

.newsletter-button {
	float: left;
	background: url(/assets/newsletter-button.png) no-repeat;
	border: none;
	width: 40px;
	height: 25px;
	margin-top: 15px;
	text-indent: -9999px;
}

.hasFocus, .isChanged {
	color: #203327;
}

#content-header {
	background: #aec143 url(/assets/slider-background.jpg);
	height: 189px;
	border-bottom: 1px solid #677723;
}

#content-header h1 {
	margin: 0;
	margin-left: 20px;
	padding-top: 50px;
	font-size: 52px;
}

#content-header h2 {
	margin: 0;
	margin-left: 20px;
	padding-top: 15px;
	color: #fff;
	font-size: 27px;
}

.standard-content {
	margin: 0 20px 0 20px;
}

.standard-content ul {
	margin-top: 20px;
}

.standard-content li {
	padding: 5px 0 5px 0;
	margin-left: 20px;
}

.standard-content p, .standard-content li {
	font-size: 12px;
}

.standard-content p.feature {
	font-weight: bold;
	color: #ADC042 !important;
	font-size: 16px;
} 

.standard-content h3.pad-top {
	margin-top: 30px;
}


/* Olark */

#habla_pre_chat_submit_input {
	padding: 5px 10px !important;
}


.service-pane {
	margin: -80px 0 0 20px;
	padding-top: 100px;
	height: 195px;
}

.service-img-1 {
	background: url(../assets/service-bk-1.jpg) no-repeat right 15px;
}

.service-img-2 {
	background: url(../assets/service-bk-2.jpg) no-repeat right 15px;
}

.service-img-3 {
	background: url(../assets/service-bk-3.jpg) no-repeat right 15px;
}

.service-img-4 {
	background: url(../assets/service-bk-4.jpg) no-repeat right 15px;
}

.service-img-5 {
	background: url(../assets/service-bk-5.jpg) no-repeat right 15px;
}

.service-pane h3 {
	font-size: 30px;
}

.service-pane p {
	font-size: 12px;
	margin-right: 270px !important;
}

.service-pane p.feature {
	font-size: 16px;
}

.service-pane strong {
	font-weight: bold;
	color: #b2c547 !important;
}

.service-pane .service-img {
	float: right;
	margin-top: -75px;
	margin-left: 20px;
}

.service-buttons {
	float: left;
	margin-left: 20px;
}

.service-button {
	float: left;
	width: 182px;
	height: 210px;
	margin-right: 7px;
	background: url(../assets/service-button-bk.gif);
}

.service-button-selected {
	background-position: -182px;
}

.service-button-last {
	margin-right: 0;
}

.service-button h4 {
	font-size: 16px;
	padding: 14px 0 0 12px;
}


.service-button h4 cufon {
	padding-bottom: 5px;
}

.service-button h4 a {
	color: #19281e !important;
}

.service-button h4 a:hover {
	text-decoration: none !important;
}

.service-button p {
	padding: 16px 12px 0 12px;
	font-size: 12px;
	height: 95px;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.service-button a.more {
	float: left;
	width: 182px;
	height: 29px;
	margin: 0;
	text-indent: -9999px;
}
.blog-posts {
	margin-left: 20px;
}

.blog-entry {
	padding-bottom: 20px;
	width: 700px;
}

.blog-entry img {
	float: left;
	border: 9px solid #45544a;
	margin-right: 20px;
}

.blog-entry a:hover img {
	border: 9px solid #688070;
}

.blog-entry h4 a {
	font-size: 18px;
}

.blog-entry h4 a:hover {
	color: #ff5c04 !important;
	text-decoration: none !important;
}

.blog-entry p.date {
	margin: 0 !important;
	font-size: 12px;
	font-style: italic;
	color: #D7E19F;
}


.blog-content {
	margin-left: 20px;
	width: 700px;
}

.blog-content .tags {
	float: left;
	height: 25px;
	margin: 0;
	background: url(../assets/tags-bk.gif) repeat-x;
}

.blog-content .end-tag-box {
	float: left;
	width: 7px;
	height: 25px;
	background: url(../assets/tags-bk-right.gif) no-repeat right;
}

.blog-content .tags li {
	float: left;
	color: #acbf42;
	padding: 4px 10px 4px 10px;
	list-style: none;
	font-size: 10px;
	height: 17px;
	margin-left: 0;
}

.blog-content .tags li:first-child {
	background: url(../assets/tags-bk-left.gif) no-repeat left;
	padding-left: 15px;
}

.blog-content ul.social-bookmarks {
	margin-top: 10px;
}

.blog-content ul.social-bookmarks li {
	list-style: none;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


.blog-content img {
	border: 9px solid #45544a;
}

.blog-content a:hover img {
	border: 9px solid #688070;
}

.blog-content hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

.social-bookmarks img, .social-bookmarks img:hover {
	border: 0 !important;
}

.blog-content li {
	padding: 5px 0 5px 0;
	margin-left: 20px;
}


#comment_form {
	margin-top: 50px;
}

#comment_form h3 {
	margin-bottom: 10px;
}

#comment_form label {
	font-size: 15px;
	line-height: 30px;
}

#comment_form input {
	font-size: 15px;
	line-height: 36px;
	color: #fff;
	width: 355px;
	height: 36px;
	padding-left: 10px;
	background: url(../assets/input-box-bk.gif) no-repeat;
	border: 0;
}

#comment_form label input {
	width: auto !important;
	height: auto !important;
	margin-left: 10px;
}

#comment_form textarea {
	width: 345px;
	height: 213px;
	padding: 10px;
	background: url(../assets/textarea-bk.gif) no-repeat;
	border: 0;
	color: #fff;
	font: 15px Arial, Helvetica, sans-serif;
	margin: 10px 595px 10px 0;
}


#comment_form #commentSubmit {
	background: url(../assets/submit-comment-button.gif) no-repeat !important;
	width: 223px;
	height: 43px !important;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	margin-top: 10px;
}

#comment_form .fixed-width {
	float: left;
	width: 75px !important;
}

#comment_form .comment-input {
	margin-bottom: 10px;
}

.comment {

}

.comment .comment-info {
	font-size: 12px;
	color: #A3B638;
}

#comment-notify, #comment-save {
	background-image: none !important;
}


.contact-left {
	float: left;
	width: 570px;
	height: 900px;
	margin-left: 20px;
}

.contact-left h3, .contact-right h3 {
	color: #ff5c04;
}

.contact-right h3.pad-top {
	margin-top: 70px;
}

.contact-left strong, .contact-right strong {
	color: #adc042 !important;
	font-size: 16px;
	font-weight: bold;
}


.contact-left p.feature, .contact-right p.feature {
	font-size: 16px;
	margin-right: 100px !important;
} 



.contact-right p {
	font-size: 12px;
}

.contact-right {
	float: left;
	width: 370px;
}



.contact-left form {
	margin-top: 45px;
}

.contact-left form div {
	float: left;
	width: 570px;
	padding: 10px 0 10px 0;
}

.contact-left form div div {
	padding: 0;
}

.contact-left label {
	float: left;
	width: 155px;
	height: 36px;
	line-height: 36px;
	font-size: 15px;
}


.contact-left label cufon {
	padding-top: 8px;
}

.contact-left input {
	float: left;
	font-size: 15px;
	line-height: 36px;
	color: #fff;
	width: 355px;
	height: 36px;
	padding-left: 10px;
	background: url(../assets/input-box-bk.gif) no-repeat;
	border: 0;
}

.contact-left .checkboxes {
	float: left;
	width: 360px;
	height: 120px;
}

.contact-left .checkboxes input {
	float: left;
	width: 30px;
	height: 29px;
}

.contact-left .checkboxes label {
	float: left;
	width: 330px; 
	height: 29px; 
	cursor: pointer;               
}

.contact-left textarea {
	float: left;
	width: 345px;
	height: 213px;
	padding: 10px;
	background: url(../assets/textarea-bk.gif) no-repeat;
	border: 0;
	color: #fff;
	font: 15px Arial, Helvetica, sans-serif;
}

.contact-left .enquiry-button {
	background: url(../assets/send-enquiry-button.gif) no-repeat;
	width: 223px;
	height: 43px;
	text-indent: -9999px;
	border: 0;
	margin-left: 155px;
	margin-bottom: 20px;
	cursor: pointer;
}

#container {
	position:relative;
	width: 361px;
	height: 230px;
	margin-top: 15px;
}

.map-top, .map-left, .map-right, .map-bottom {
	position:absolute;
	z-index:1000;
	background: url(../assets/map-overlay.png) no-repeat;
}

.map-top {
	width: 361px;
	height: 6px;
	left: 0; 
	top: 0;
}

.map-left {
	background-position: left -6px;
	width: 6px;
	height: 218px;
	left: 0; 
	top: 6px;
}

.map-right {
	background-position: right -6px;
	width: 6px;
	height: 218px;
	left: 355px; 
	top: 6px;
}

.map-bottom {
	background-position: left -224px;
	width: 361px;
	height: 6px;
	left: 0; 
	top: 224px;
}

span.ui-checkbox {
	display: block;
	float: left;
	width: 30px;
	height: 25px;
	margin-top: 2px;
	background: url(../assets/checkbox-sprite.png) 0 -25px no-repeat;
	cursor: pointer;
}

span.ui-checkbox-state-hover {
	background-position: 0 -50px;
}
			
span.ui-checkbox-state-checked {
	background-position: 0 0;
}
			
span.ui-checkbox-state-checked-hover {
	background-position: 0 0;
}

.ui-helper-hidden-accessible {
	position: absolute;
	left: -999em;
}