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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* DEFAULT STYLES   */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.padding-20 {
	padding:20;
}


.no-pad {
	padding:0;
}

.margin-lft-50 {
	margin-left:50px;
}

.margin-rght-50 {
	margin-right:50px;
}

.margin-rght-20 {
	margin-right:20px;
}

.margin-rght-40 {
	margin-right:40px;
}

.highlight {
	padding:1.5px;
}

.yellow-highlight {
	background-color:#FFFF00;
	color:black;
}

.black-highlight {
	background-color:#000000;
	color:#ffffff;
}

.black {
	color:black;
}

/* Removes blue border on img links */

a img { border: 0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* GLOBAL STYLES  */  

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {
	min-height:100%;	
	background:url(../img/curtains_bk.jpg) no-repeat #000000;
}

body {
	 min-height:100%;
	 cursor:default;
	 font-family:arial,sans-serif 11px;
}

p, ul {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	color:black;
	line-height: 1.7;
}

p {
	margin:15px 0px 15px 0px;
	font-size:14px;
}

p a {
	background-color:#FFFF00;
	color:#000000;
	padding:1.5px;
}

p a:hover {
	color:black;
}

ul {
	line-height:2.5;
	font-size:12px;
}

h1, h2, h3, h4, h5 {
	color:black;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	font-size:46px;
	font-weight:bold;
}

h4 {
	font-size:25px;
	font-weight:bold;
}


/* Default link styling */

a { 
	color: #ffffff; 
	text-decoration: none; 
}

a:hover { 
	color: #fff; 
	text-decoration: none;
}

.more-btn {
	background-color:#FFFF00;
	width:40px;
	text-align:center;
	line-height:1.7;
	list-style:none;
	margin-left:20px;
	color:black;
}

.more-btn a {
	color:black;
}

.yellow {
    margin: 0 0 0 10px;
    padding: 0 4px;
    background: #FFE01C;
    color: #000;
}
.yellow:hover {
	color: #000;
    background-color: #FFF487;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* TEMPLATE ELEMENTS   */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#custom-doc {
	margin:auto;
	text-align:left; /* leave unchanged */
	width:990px;
	min-height:1024px;
	padding-top:100px;
}

#right-col {
	width:792px; /* 4 / 5ths of body width*/
	float:right;
	padding-bottom:30px;
}

#left-col {
	width:198px;
}

.col-full {
	width:100%;
}

.col-half {
	width:50%;
	float:left;
}

.col-third {
	width:33%;
	float:left;
}

.col {
	float:left;
}

#services-ft {
	width:100%;
	height:100%;
	background-image:url(../img/panel-bk-wht-90.png) repeat;
	padding-bottom:50px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ACCORDION ELEMENTS  */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.acc-content-wrap {
	padding:20px 55px 20px 55px; /* +20px accordion built-in padding = 20*/
}

<!-- minus margin on top pulls accordion edges flush together removing annoying gap-->
#acc1, #acc2, #acc3, #acc4, #acc5, #acc6, #acc7, #acc8 {
	margin:-1pt 0px 0px 0px;
}

.ui-accordion-header {
	height:150px;
	width:792px;
}

.ui-accordion-group {
	height:100%;
}

#consulting.ui-state-default {
	background:url(../img/consulting-bar.png) 0 0 no-repeat;
}

#consulting.ui-state-active {
	background:url(../img/consulting-bar.png) 0 -150px no-repeat;
}

#websites.ui-state-default {
	background:url(../img/websites-bar.png) 0 0 no-repeat;
}

#websites.ui-state-active {
	background:url(../img/websites-bar.png) 0 -150px no-repeat;
}

#online-marketing.ui-state-default {
	background:url(../img/online-marketing-bar.png) 0 0 no-repeat;
}

#online-marketing.ui-state-active {
	background:url(../img/online-marketing-bar.png) 0 -150px no-repeat;
}

#social.ui-state-default {
	background:url(../img/social-bar.png) 0 0 no-repeat;
}

#social.ui-state-active {
	background:url(../img/social-bar.png) 0 -150px no-repeat;
}

#blogs.ui-state-default {
	background:url(../img/blogs-bar.png) 0 0 no-repeat;
}

#blogs.ui-state-active {
	background:url(../img/blogs-bar.png) 0 -150px no-repeat;
}

#vip.ui-state-default {
	background:url(../img/vip-bar.png) 0 0 no-repeat;
}

#vip.ui-state-active {
	background:url(../img/vip-bar.png) 0 -150px no-repeat;
}


#auditing.ui-state-default {
	background:url(../img/auditing-bar.png) 0 0 no-repeat;
}

#auditing.ui-state-active {
	background:url(../img/auditing-bar.png) 0 -150px no-repeat;
}

#online-rep.ui-state-default {
	background:url(../img/online-rep-bar.png) 0 0 no-repeat;
}

#online-rep.ui-state-active {
	background:url(../img/online-rep-bar.png) 0 -150px no-repeat;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* SERVICES (S) PAGE STYLES  */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.service-pg-bk {
	background:url(../img/panel-bk-wht-90.png) repeat;
}

.services-frame {
	border-top:dashed #333333 medium;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px 0px 0px 0px;
}

.services-frame ul {
	line-height:3;
	padding:10px 0px 10px 0px;
}

#s-logo {
	margin:20px 10px 0px 0px;
}

#intro {
	background:url(../img/panel-bk-wht-90.png) repeat;
	margin:0px 0px -1px 0px; /* minus margin pulls accordion flush with intro */
}

#intro div {
	padding:20px 75px 20px 75px;
}

.product-subtitle {
	margin:20px 0px 20px 0px;
	color:#333333;
}

.services-title a {
	font-size:18px;
	font-weight:800;
	padding:0px 0px 20px 0px;
	color:black;
}

.services-intro {
	font-size: 25px;
	font-weight:800;
	font-family:Arial, Helvetica, sans-serif;
}


.consulting-icon {
	background:url(../img/consulting-icon.jpg) 20px 30px no-repeat;
}

.websites-icon {
	background:url(../img/websites-icon.jpg) 20px 30px no-repeat;
}

.online-marketing-icon {
	background:url(../img/online-marketing-icon.jpg) 20px 30px no-repeat;
}

.blogs-icon {
	background:url(../img/blogs-icon.jpg) 20px 30px no-repeat;
}

.social-icon {
	background:url(../img/social-icon.jpg) 20px 30px no-repeat;
}

.vip-icon {
	background:url(../img/vip-service-icon.jpg) 20px 30px no-repeat;
}

.audit-icon {
	background:url(../img/auditint-icon.jpg) 20px 30px no-repeat;
}

.online-rep-icon {
	background:url(../img/online-rep-icon.jpg) 20px 30px no-repeat;
}

.product-page-list {
	margin-left:30px;
}

#consulting-services-list {
	list-style:square inside url(../img/consulting-list-icon.gif);
}

#websites-services-list {
	list-style:square inside url(../img/websites-list-icon.gif);
}

#online-marketing-services-list {
	list-style:square inside url(../img/online-marketing-list-icon.gif);
}

#social-services-list {
	list-style:square inside url(../img/social-list-icon.gif);
}

#blogs-services-list {
	list-style:square inside url(../img/blogs-list-icon.gif);
}

#vip-services-list {
	list-style:square inside url(../img/vip-list-icon.gif);
}

#audit-services-list {
	list-style:square inside url(../img/audit-list-icon.gif);
}

#online-rep-services-list {
	list-style:square inside url(../img/online-rep-list-icon.gif);
}

.blk-95-bk {
	background:url(../img/panel-bk-blk-95.png) repeat;
}

.blk-90-bk {
	background:url(../img/panel-bk-blk-90.png) repeat;
}

.wht-90-bk {
	background:url(../img/panel-bk-wht-90.png) repeat;	
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* HEADER STYLES  */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* FORM ELEMENTS  */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form { margin: 0; }
legend { padding: 2px 10px; font-size: 1.6em; font-weight: normal; }
label { position: relative; clear: left; display: block; margin: 0 0 1em 0; font-weight: bold; }
label span { float: left; width: 23%; padding-top: 5px; text-align: left; font-size: 1.2em; font-weight: normal; }
label input, label select, label textarea { border: 2px solid; border-color: #333; }
label input { float: left; width: 70%; margin: 0 0 .5em 0; padding: 3px 5px; font-size: 16px; background: #eee; color: #000; }
label input:focus { border-color: #333; background-color: #eaeaea; color: #333; }
label input.button { float: right; width: 40%; margin: 10px 18px 0 0; padding: 3px 0; border: none; }
/*label input.required { border-color: #FFE01C; }*/
label textarea { float: left; width: 70%; height: 150px; margin: 0; padding: 3px 5px; background: #eee; color: #000; font-family: Helvetica, Arial, Verdana, sans-serif; }
label textarea:focus { background-color: #eaeaea; }
.error-list {
    clear: both;
    width: 150px;
    margin: 0 0 0 25%;
    padding: 5px 0 0 0;
    color: #FFE01C;
    font-size: 12px;
}
.error-list li {
    margin: 5px 0;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* CONTENT  */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.content-wrap {
	padding:20px 75px 20px 75px;
}

.transparent {
	background:none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* RIGHTCOLUMN STYLES  */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* LEFTCOLUMN STYLES  */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.contact-us-frame {
	border-top:dashed yellow medium;
	border-bottom:dashed yellow medium;
	padding:20px 0px 20px 0px;
	margin:100px 10px 50px 0px;
	
}
	
.contact-us-frame p {
	color:#ffffff;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:1.7;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* FOOTER ELEMENTS  */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#services-ft {
	margin-bottom:30px;
	width:100%;
	clear:both;
}

#services-ft ul li a {
	line-height:1.3;
}

#services-ft ul h2 {
	line-height:1;
}

#services-ft-links {
	list-style:none;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2;
	
}

#services-ft-links a {
	color:#ffffff;	
	font-size:12px;
}

#services-ft-links a:hover {
	text-decoration:underline;
}

#services-ft-links h2 a {
	color:#ffffff;
	font-size:14px;
	font-weight:800;
}

#services-ft.product-pg-ft a {
	color:black;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* APOLOGIES - 'LOW VISBIBITY' STUFF FOR SEO. */   

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* headings sitting behind accordion header images */

.service-category-title {
	visibility:hidden;
}

#link-building-stuff a { 
	visibility:hidden;
}