@charset "utf-8";
/* CSS Document */
* {
margin:0px;
padding:0;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align: center;
background:url(../images/bg_pattern.gif);
}
a {
text-decoration:none;
color:#387e57;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
a:hover, a:visited:hover {
text-decoration:underline;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
margin-bottom:15px;
color:#6e6e6e;
}
.center p {
text-align:justify;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
margin-bottom:15px;
color:#387e57;
font-style:italic;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
margin-bottom:12px;
color:#387e57;
font-style:italic;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
margin-bottom:10px;
color:#387e57;
font-style:italic;
}
ul {
list-style:none;
}
li {
list-style:none;
margin-bottom:10px;
padding-left:20px;
color:#6e6e6e;
font-size:14px;
}
span.red {
color:#478800;
font-weight:bold;
font-style:italic;
}
div.terminator {
clear:both;
font-size:1px;
margin-bottom:-1px;
height:1px;
line-height:0;
}
	

/*LAYOUT*/
div#wrapper {
width:940px;
margin:10px auto 0 auto;
text-align:left;
background-color:#FFF;
padding:15px 20px 0 20px;
}
#header {
width:940px;
overflow:hidden;
height:101px;
}
.logo {
height:101px;
width:191px;
float:left;
padding-left:3px;
}
.header-center {
float:left;
width:225px;
height:101px;
}
.header-right {
float:left;
width:521px;
height:101px;
text-align:right;
}
.top-links {
color:#cbcbcb;
}
.top-links a {
color:#cbcbcb;
font-size:12px;
}
.phone {
margin-top:13px;
}
.phone h1 {
color:#387e57;
font-size:16px;
font-weight:normal;
font-style:normal;
}
.phone img {
margin-bottom:10px;
}
.nav {
height:37px;
background:url(../images/bg-nav.jpg) repeat-x;
padding:9px 0 0 0;
}
div.nav ul.sf-menu li a {
color:#FFF;
margin-left:20px;
font-size:20px;
text-decoration:none;
}
div.nav ul.sf-menu li a:hover {
color:#387e57;
}
div.nav ul.sf-menu li {
float:left;
list-style:none;
background:url(../images/bg-nav-brd.gif) no-repeat right;
padding-right:23px;
height:25px;
}
div.nav ul.sf-menu li ul {
padding:0 8px;
background-color:#272727;
}
div.nav ul.sf-menu li li  {
background:url(../images/bg-nav-bottom.gif) repeat-x bottom #272727;
padding-right:0;
height:25px;
}
div.nav ul.sf-menu li li a {
margin:0;
font-size:14px;
}
div.nav ul.sf-menu li li li a {
font-size:12px;
}
div.nav ul.sf-menu li li.sub a {
margin:0;
font-size:14px;
background:url(../images/bg-more-grey.gif) right no-repeat;
background-position:130px 5px;
}
div.nav ul.sf-menu li li.sub li a {
font-weight:normal;
background:none #272727;
padding-right:0;
font-size:12px;
}
div.nav ul.sf-menu .last {
margin-right:0;
background:none;
}
#container {
}
.home-tabs {
height:310px;
width:940px;
margin-top:4px;
}
.home-left {
float:left;
width:683px;
height:310px;
margin-right:7px;
}
.description {
border:1px solid #cdc7c7;	
width:370px;
height:248px;
display:none;
padding:30px 21px 30px 290px;
font-style:italic;
}
.description h3 {
font-size:24px;
}
#wrapper .description .read-more {
text-align:left;
}
#planning-description h3 {
color:#b50000;
}
#seo-description h3 {
color:#f7c710;
}
#ppc-description h3 {
color:#227aac;
}
#local-description h3 {
color:#524d4d;
}
.description ul li {
background:url(../images/bg-list.gif) no-repeat left;
}
#planning-description {
background:url(../images/bg-tabs-planning.jpg) no-repeat left;
}
#seo-description {
background:url(../images/bg-tabs-seo.jpg) no-repeat left;
}
#ppc-description {
background:url(../images/googlecerifiedveliki.jpg) no-repeat left;
}
#local-description {
background:url(../images/bg-tabs-local.jpg) no-repeat left;
}
#products {
float:left;
width:250px;
}
#products a{
width:227px;
height:61px;
margin-bottom:2px;
padding:15px 0 0 23px;
display:block;
}
.planning-tab {
background:url(../images/bg-planning.jpg) no-repeat;
}
.seo-tab {
background:url(../images/bg-seo.jpg) no-repeat;
}
.ppc-tab {
background:url(../images/bg-ppc.jpg) no-repeat;
}
.local-tab {
background:url(../images/bg-local.jpg) no-repeat;
margin-bottom:0;
}
#products a span {
font-size:12px;
color:#fffae2;
font-style:normal;
text-transform:none;
}
#products a {
font-size:26px;
font-weight:bold;
font-style:italic;
color:#FFF;
text-decoration:none;
text-transform:uppercase;
}
.main {
width:940px;
overflow:hidden;
margin-top:5px;
}
.left {
width:200px;
padding-right:15px;
float:left;
margin-top:15px;
}
.google-certified {
width:192px;
padding:3px;
border:1px solid #d7d7d7;
text-align:center;
margin-top:8px;
}
.google-content {
}
.google-content p {
color:#504a4a;
font-size:12px;
}
.google-content h3 {
background:url(../images/bg-lbl.gif) repeat-x;
height:27px;
font-weight:bold;
font-size:17px;
color:#e5e5e5;
font-style:normal;
padding-top:6px;
}

.google-content h3 span.blue {
color:#075fa9;
}
.google-content h3 span.red {
font-style:normal;
color:#f9002a;
}
.google-content h3 span.yellow {
color:#ffd900;
}
.google-content h3 span.green {
color:#148f35;
}
.ppc-audit {
background:url(../images/bg-ppc-audit.jpg) no-repeat top;
width:200px;
margin-top:7px;
}
.ppc-audit h3 {
padding:13px 0 0 51px;
font-size:18px;
color:#f1f1f1;
font-style:normal;
margin:0;
height:28px;
}
.ppc-audit p {
color:#6e6e6e;
font-size:12px;
margin-bottom:0;
}
.ppc-audit img {
float:left;
margin-right:5px;
}
.ppc-audit-content {
border:1px solid #d7d7d7;
width:188px;
border-top: none;
padding:11px 10px 0 0;
border-bottom:none;
}
.ppc-audit-form {
padding:10px 6px 9px 6px;
width:186px;
border:1px solid #d7d7d7;
border-top:none;
}
.ppc-audit-form .form-item input {
background:url(../images/bg-input.jpg) repeat-x;
border:none;
border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
width:176px;
height:21px;
margin-bottom:7px;
color:#908f8f;
font-size:13px;
padding:5px 0 0 8px;
}
.ppc-audit-form .form-submit {
border:none;
width:186px;
height:30px;
cursor:pointer;
text-align:center;
font-size:17px;
margin:0;
text-transform:uppercase;
color:#908f8f;
}
.banner-left {
margin-top:7px;
}
.center {
width:460px;
float:left;
padding:0 15px 0 0;
margin-top:15px;
}
#wrapper .read-more {
text-align:right;
}
.read-more a {
background:url(../images/bg-more-white.gif) no-repeat right;
background-position:right 5px;
padding-right:15px;
text-align:right;
height:16px;
}
ul.content-list {
list-style:none;
}
ul.content-list li {
background:url(../images/bg-list.gif) no-repeat left;
}
.packages-container {
margin-bottom:10px;
}
table.packages {
border:1px solid #cfcfcf;
border-left:none;
border-bottom:none;
}
table.packages td {
border-left:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;
vertical-align:top;
color:#393636;
font-size:13px;
padding:11px 5px;
}
table.packages td br {
margin-bottom:10px;
}
table.packages td.green {
color:#97c600;
}
table.packages .basic-package, table.packages .optimum-package, table.packages .premium-package {
height:26px;
color:#FFF;
font-size:15px;
text-align:center;
padding:4px 0 0 0;
}
table.packages .basic-package {
background-color:#393636;
}
table.packages .optimum-package {
background-color:#2591c5;
}
table.packages .premium-package {
background-color:#97c600;
}
.contact-form {
font-size:15px;
color:#787878;
border:1px solid #cfcfcf;
}
.contact-form form, .contact-form fieldset  {
border:none;
}
.contactsolution {
font-size:17px;
color:#FFFFFF;
background:#2591c5;
}
#table1 td {
padding:5px 0 5px 10px;
}

.contact-form .name, .contact-form .email, .contact-form .email, .contact-form .phone, .contact-form .addres, .contact-form .website, .contact-form .keywords {
padding:0;
} 


.contact-form input, .contact-form select, .contact-form textarea {
background:url(../images/txtbg.png) repeat-x;
border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
border-bottom:none;
border-top:none;
padding:5px;
}
.center .contact-form select {
padding:4px 5px;
}
.center .contact-form textarea {
border:1px solid #d7d7d7;
background:url(../images/txtbg-area.png) repeat-x bottom;
}
	
.contact-form .email {

}
.contact-form .phone {

}
.contact-form .addres {

}
.contact-form .website {

}
.contact-form .service select{
width:214px;
}
.contact-form .budget select{
width:214px;
}
.contact-form .keywords {

}
.contact-form .reset {
border:none;
background:url(../images/resetbtn.png);
width:164px;
height:40px;
text-indent:-999px;
margin:0 0 0 22px;
}
.contact-form .submit {
border:none;
background:url(../images/submitbtn.png);
width:214px;
height:40px;
text-indent:-999px;
}
.right {
width:250px;
float:left;
}
.testimonials {
width:250px;
height:200px;
background:url(../images/bg-testimonials.jpg) no-repeat;
background-position:0 28px;
margin-top:7px;

}
#testimonials-container {
height:135px;
padding:5px 30px 70px 50px;
background:none;
}
#testimonials-container div, #testimonials-container p {
background:none;
}
.testimonials h3 {
color:#605c5c;
font-size:22px;
font-style:normal;
text-align:center;
}
.testimonials h4 {
font-size:15px;
color:#035277;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:5px;
}
.featured-clients {
background:url(../images/bg-label.jpg) no-repeat top;
}
.featured-clients h3 {
height:37px;
padding-top:10px;
text-align:center;
margin-bottom:0;
font-size:25px;
color:#f0f0f0;
font-style:normal;
}
.twitter {
margin-top:7px;
}
.banner-right {
margin-top:7px;
}
#footer {
background-color:#272727;
padding:25px 20px;
width:940px;
margin:0 auto;
text-align:left;
}
.blocks-container {
overflow:hidden;
width:940px;
}
.blocks-container ul li {
margin-bottom:8px;
padding-left:0;

}
.blocks-container h4 a {
color:#387e57;
font-size:15px;
font-weight:bold;
margin-bottom:10px;
}
.blocks-container p {
margin-bottom:0;
}
.blocks-container a {
color:#6e6e6e;
font-size:12px;
padding-left:15px;
display:block;
}
.blocks-container li a:hover {
background:url(../images/bg-more-grey.gif) no-repeat left;
}
.blocks-container a:hover {
color:#dbdbdb;
text-decoration:none;
}
.block-1, .block-2, .block-3, .block-4 {
float:left;
margin-right:15px;
}
.block-1 {
width:220px;
}
.block-2 {
width:220px;

}
.block-3 {
width:220px;

}
.block-4 {
width:235px;
margin-right:0;

}
.copyright p, .copyright a {
font-size:11px;
color:#535353;
}
.left-sub {
width:250px;
float:left;
padding-bottom:10px;
}
.navigation {
margin:8px 0;
}
.center-sub {
width:665px;
float:left;
padding-left:25px;
padding-top:5px;
}
.left-sub ul.main-nav li {
list-style:none;
background:url(../images/bg_left_nav.gif) no-repeat #5dc3f2;
width:214px;
padding-left:35px;
margin-bottom:0;
}

.left-sub ul.main-nav li.nav {
height:23px;
padding-top:8px;
}
.left-sub ul.main-nav li.leaf {
background:none;
padding-left:0;
background-color:#5dc3f2;
}
.left-sub li.leaf ul {
background-color:#5dc3f2;
}
.left-sub ul.main-nav li.leaf ul li {
list-style:none;
background:none;
height:14px;
padding-bottom:8px;
width:224px;
background-color:#5dc3f2;
padding-left:25px;
}
.left-sub ul.main-nav li.leaf ul li.leaf-top {
padding-top:10px;
}
.left-sub ul.main-nav li.top {
background:url(../images/bg_left_nav_top.gif) no-repeat;
height:23px;
padding-top:7px;
}
.left-sub ul.main-nav li.bottom {
background:url(../images/bg_left_nav_bottom.gif) no-repeat;
height:23px;
padding-top:8px;
}
.left-sub ul.main-nav li.bottom ul li {
width:224px;
padding-left:25px;
}
.left-sub ul.main-nav li a {
font-weight:bold;
font-size:12px;
color:#FFF;
}
.left-sub ul.main-nav li.leaf a {
font-weight:normal;
background:url(../images/arrow_white.gif) no-repeat left;
padding-left:12px;
}
.left-sub ul.main-nav li.leaf a.on {
text-decoration:underline;
}
.left-sub .google-certified {
width:242px;
padding:3px;
border:1px solid #d7d7d7;
text-align:center;
margin-top:8px;
}
.left-sub .google-content {
}
.left-sub .google-content p {
color:#504a4a;
font-size:12px;
}
.left-sub .google-content h3 {
background:url(../images/bg-lbl.gif) repeat-x;
height:27px;
font-weight:bold;
font-size:17px;
color:#e5e5e5;
font-style:normal;
padding-top:6px;
}

.left-sub .google-content h3 span.blue {
color:#075fa9;
}
.left-sub .google-content h3 span.red {
font-style:normal;
color:#f9002a;
}
.left-sub .google-content h3 span.yellow {
color:#ffd900;
}
.left-sub .google-content h3 span.green {
color:#148f35;
}
.left-sub .ppc-audit {
background:url(../images/bg-ppc-audit-sub.jpg) no-repeat top;
width:250px;
margin-top:7px;
}
.left-sub .ppc-audit h3 {
padding:13px 0 0 51px;
font-size:18px;
color:#f1f1f1;
font-style:normal;
margin:0;
height:28px;
}
.left-sub .ppc-audit p {
color:#6e6e6e;
font-size:12px;
margin-bottom:0;
}
.left-sub .ppc-audit img {
float:left;
margin-right:5px;
}
.left-sub .ppc-audit-content {
border:1px solid #d7d7d7;
width:238px;
border-top: none;
padding:11px 10px 0 0;
border-bottom:none;
}
.left-sub .ppc-audit-form {
padding:10px 6px 9px 6px;
width:236px;
border:1px solid #d7d7d7;
border-top:none;
}
.left-sub .ppc-audit-form .form-item input {
background:url(../images/bg-input.jpg) repeat-x;
border:none;
border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
width:226px;
height:21px;
margin-bottom:7px;
color:#908f8f;
font-size:13px;
padding:5px 0 0 8px;
}
.left-sub .ppc-audit-form .form-submit {
border:none;
width:236px;
height:30px;
cursor:pointer;
text-align:center;
font-size:17px;
margin:0;
text-transform:uppercase;
color:#908f8f;
}
.top-label {
width:940px;
height:76px;
overflow:hidden;
margin:4px 0;
}
.top-label-right p {
color:#FFFFFF;
font-size:26px;
font-style:italic;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
display:block;
height:51px;
margin-bottom:2px;
padding:25px 0 0 23px;
width:227px;
}
.top-label-right p span {
font-size:12px;
color:#fffae2;
font-style:normal;
text-transform:none;
}
.top-label-left {
width:689px;
height:76px;
float:left;
border-right:1px solid #dadada;
}
.top-label-left h2 {
padding:0;
margin:0;
font-size:24px;
color:#FFF;
height:54px;
padding:22px 0 0 24px;
}
.top-label-right {
width:250px;
height:76px;
float:left;
}
.planning {
background:url(../images/bg-top-planning.jpg) repeat-x;
}
.seo {
background:url(../images/bg-top-seo.jpg) repeat-x;
}
.ppc {
background:url(../images/bg-top-ppc.jpg) repeat-x;
}
.local {
background:url(../images/bg-top-local.jpg) repeat-x;
}
/*Home pager*/

#numbers {

overflow:hidden;

width:150px;

margin:5px 0;

}

#numbers a {

background:url(../images/bg-numbers.gif) no-repeat;

width:9px;

height:19px;

display:block;

float:left;

margin-right:4px;

color:#FFF;

font-size:14px;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

padding:4px 7px 0 7px;

}

#numbers a:hover {

text-decoration:none;

background:url(../images/bg-numbers-on.gif) no-repeat;

}




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			37px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			165px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li  ul {
	width:200px;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			190px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

.sf-menu li li {
	background:		#549d7c;
	padding:5px 0 0 15px;
}
.sf-menu li li.last {
	padding-bottom:5px;
}
.sf-menu li li li {
	background:		#549d7c;

}
.sf-menu li li:hover, .sf-menu li li.sfHover, 
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {

}