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

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}	
caption, th, td {
	text-align: left;
	font-weight: normal;
}	
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}	
.clearfix {
	display:inline-block;
}	
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*........... do not change or amalgamate the above clearfix styles..................*/

body {
	background: #E0EEFB url(images/body-bg.jpg) top left repeat-x;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:18px;
}	

h1 {
	font-size: 22px;
	font-weight: bold;
	color: #1C2842;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #1C2842;
}

.align-center {
	text-align: center;
}

#page {
	width:912px;
	margin: 0 auto;
}

#content-wrap {
	float: left;
	background: url(images/content-bg.png) top left repeat-y;
	padding: 0 30px 45px 30px;
}
	
/* .................................................. Begin Header .................................................. */

#header-top {
	height: 20px;
	margin-top: 4px;
	background: url(images/header-top-bg.png) center left no-repeat;
}

#header {	
	height: 120px;
}

#header .logo {
	float: left;
	padding-top: 10px;
}

#header .contact {
	float: right;
	margin-top: 10px;
	width: 190px;	
	text-align: right;
}

#header .email {
	height: 40px;
	line-height: 30px;
	background: url(images/icon-email.jpg) top left no-repeat;
	color: #1C2842;
	font-size: 18px;
}

#header .telno {
	height: 40px;
	line-height: 36px;
	background: url(images/icon-telno.jpg) top left no-repeat;
	color: #1C2842;
	font-size: 22px;
}

/* .................................................. End Header .................................................. */


/* .................................................. Begin Navigation .................................................. */

#nav {
	background:url(images/nav-bg.jpg) top left no-repeat;
	height:38px;
	line-height: 38px;
}

#nav ul {
	list-style: none;
}
	
#nav li {
	float:left;
	line-height:38px;
}
	
#nav li a {
	display:block;
	font-size:12px;
	text-align:center;
	color:#FFF;
	width:120px;
	text-decoration:none;
	font-weight:bold;
	border-right: solid 1px #95C4DE;
}
	
#nav li a:hover {
	color: #1C2842;
	background:url(images/nav-hover-bg.jpg) top left repeat-x;
}

#nav li strong {
	display: block;
	background:url(images/nav-hover-bg.jpg) top left repeat-x;
}

#nav .first a:hover {
	background: url(images/nav-first.jpg) top left no-repeat;	
}

#nav .first strong {
	display:block;
	background: url(images/nav-first.jpg) top left no-repeat;
}

#nav .last a {
	width: 126px;
	border-right: none;
}

#nav .last a:hover {
	background: url(images/nav-last.jpg) top left no-repeat;	
}

#nav .last strong {
	display:block;
	background: url(images/nav-last.jpg) top left no-repeat;
}

/* .................................................. End Navigation .................................................. */


/* .................................................. Begin Banner .................................................. */

#banner {
	margin: 0 auto;
	height: 160px;
	width: 812px;
	padding: 20px;
}

#banner h1 {
	font-size: 25px;
	font-weight: normal;
	color: #FF9900;
}

#banner p {
	color: #FFF;
	font-size: 16px;	
	width: 450px;
}

#banner .more-info {
	position: relative;
	top: 5px;
	left: 250px;
}

#banner.home {	
	background: url(images/banner-home.jpg) top left no-repeat;
}

#banner.design {
	background: url(images/banner-design.jpg) top left no-repeat;
}

#banner.seo {
	background: url(images/banner-seo.jpg) top left no-repeat;
}

#banner.ppc {
	background: url(images/banner-ppc.jpg) top left no-repeat;
}

#banner.consulting {
	background: url(images/banner-consulting.jpg) top left no-repeat;
}

#banner.tools {
	background: url(images/banner-tools.jpg) top left no-repeat;
}

#banner.services {
	background: url(images/banner-services.jpg) top left no-repeat;
}

#banner.blogs {
	background: url(images/banner-blogs.jpg) top left no-repeat;
}

/* .................................................. End Banner .................................................. */


/* .................................................. Begin Main Content .................................................. */

/* Begin Home Content */

#index-content {
	
}

#index-content h2 {
	background-color: #E2EEF8;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

#index-content .icon {
	display: block;
	line-height: 90px;
	height: 85px;
	width: 200px;	
	text-align: center;
}

#index-content .website {
	float: left;	
	width: 200px;
	margin-right: 18px;
}

#index-content .seo {
	float: left;	
	width: 200px;
	margin-right: 17px;
}

#index-content .ppc {
	float: left;	
	width: 200px;
}

#index-content .consulting {
	float: left;	
	width: 200px;
}

#index-content .online-marketing {
	background: url(images/gray-bg.jpg) top left no-repeat;
	padding: 15px 0 0 15px;	
}

#index-content .online-marketing h1 {
	background: url(images/icon-online-marketing.jpg) center left no-repeat;
	padding-left: 65px;
	font-weight: bold;
	font-size:  18px;
	color: #1C2842;
	line-height: 58px;
}

#index-content .online-marketing .img {
	float: right;
	padding: 0 0 10px 10px;
}

/* End Home Content */

/* Begin Services Content */

#services-content {
	
}

#services-content h2 {
	background-color: #E2EEF8;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

#services-content .icon {
	display: block;
	line-height: 90px;
	height: 85px;
	width: 200px;	
	text-align: center;
}

#services-content .website {
	float: left;	
	width: 200px;
	margin-right: 18px;
}

#services-content .seo {
	float: left;	
	width: 200px;
	margin-right: 17px;
}

#services-content .ppc {
	float: left;	
	width: 200px;
	margin-right: 17px;
}

#services-content .consulting {
	float: left;	
	width: 200px;
}

/* End Services Content */

/* Begin Design Content */

#design-content {
}

.design-item {
	float: left;
	width: 213px;
	text-align: center;
}

#design-content h2{
	background-color: #E2EEF8;
	height: 30px;
	line-height: 30px;
	color: #1E2A45;
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
}

/* End Design Content */


/* Begin SEO Content */

#seo-content {
	
}
	
#seo-item {
	background: url(images/gray-bg.jpg) top left no-repeat;
	padding-top: 10px;
}

#seo-item1, #seo-item2 {
	float: left;
	width: 388px;
	padding: 12px 18px 12px 18px;
	border-right: dotted 1px #CCCCCC;
}

#seo-item2 {	
	border-right: none;
}

.seo-img, .ppc-img, .tools-img, .services-img, .consulting-img, .about-img {
	float: left;
	padding-right: 10px;
}

#seo-item1 ul, #seo-item2 ul {
	list-style: disc;
}

#seo-item1 ul li, #seo-item2 ul li {
	margin-left: 20px;
}

/* End SEO Content */


/* Begin PPC Content */

#ppc-content {
	
}

#ppc-item {
	background: url(images/gray-bg.jpg) top left no-repeat;
	padding: 30px 20px 0 20px;
}

#ppc-item ul {
	list-style: disc;
}

#ppc-item ul li {
	margin-left: 20px;
}

/* End PPC Content */


/* Begin Consulting Content */

#consulting-content {
	
}

#consulting-item {
	background: url(images/gray-bg.jpg) top left no-repeat;
	padding: 30px 20px 0 20px;
}

#consulting-item ul {
	list-style: disc;
}

#consulting-item ul li {
	margin-left: 20px;
}

/* End Consulting Content */

/* Begin About Content */

#about-content {
}

/* End About Content */

/* Begin Tools Content */

#tools-content {	
}

#tools-item {
	background: url(images/gray-bg.jpg) top left no-repeat;
	padding: 30px 20px 0 20px;
}

#tools-item ul {
	list-style: disc;
}

#tools-item ul li {
	margin-left: 20px;
}

/* End Tools Content */

/* Begin Blogs Content */

#blogs-content {
	
}

#blogs-item {
	background: url(images/gray-bg.jpg) top left no-repeat;
	padding: 30px 20px 0 20px;
}

#blogs-item ul {
	list-style: disc;
}

#blogs-item ul li {
	margin-left: 20px;
}

/* End Blogs Content */


/* Begin Quote Content */

#quote-content {
}

#quote-form {	
	margin: 0 auto;
	width:750px;
	padding:14px;	
}

#quote-form form {
	background: url(images/seo-logo.gif) top right no-repeat;
}

#quote-form .desc{
	color: #A8463E;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

#quote-form label {
	display: block;
	text-align: right;
	width: 240px;
	float: left;
	padding: 2px 2px;
}

#quote-form .req {
	color: #C00;
}

#quote-form input {
	float: left;
	font-size: 12px;
	padding: 3px 3px;
	border: solid 1px #999999;
	width: 250px;
	margin: 0px 0 20px 10px;
}

#quote-form select {
	float: left;
	font-size: 12px;
	padding: 3px 3px;
	border: solid 1px #999999;
	width: 250px;
	margin: 0px 0 20px 10px;
}

#quote-form .textarea {
	height: 120px;
}

#quote-form .submit{
	margin-left: 254px;
	border: none;
	width: 88px;
	height: 28px;	
}

/* End Quote Content */


/* Begin Contact Content */

#contact-content {
}

#contact-form {	
	margin: 0 auto;
	width:750px;
	padding:14px;
}

#contact-form form {
	background: url(images/seo-logo.gif) top right no-repeat;
}

#contact-form .desc{
	color: #A8463E;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

#contact-form label {
	display: block;
	text-align: right;
	width: 240px;
	float: left;
	padding: 2px 2px;
}

#contact-form .req {
	color: #C00;
}

#contact-form input {
	float: left;
	font-size: 12px;
	padding: 3px 3px;
	border: solid 1px #999999;
	width: 250px;
	margin: 0px 0 20px 10px;
}

#contact-form select {
	float: left;
	font-size: 12px;
	padding: 3px 3px;
	border: solid 1px #999999;
	width: 250px;
	margin: 0px 0 20px 10px;
}

#contact-form .textarea {
	height: 120px;
}

#contact-form .submit{
	margin-left: 254px;
	border: none;
	width: 88px;
	height: 28px;	
}

/* End Quote Content */

/* .................................................. End Main Content .................................................. */


/* .................................................. Begin Footer .................................................. */

#footer {
	width: 912px;
	margin: 0 auto;
	padding: 25px 0 25px 0;
	background: url(images/footer-bg.jpg) top left no-repeat;
	font-size: 11px;
	color: #1C2842;
}

#footer p {
	text-align: center;
	line-height: 30px;
}

#footer a {
	padding: 0 5px 0 5px;	
	color: #1C2842;
	text-decoration: none;
}

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

/* .................................................. End Footer .................................................. */