/*
Theme Name: Pagehog.com Website
Description: Pagehog theme
Version: 1.0
Author: Pagehog.com
*/

body {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
    background: #ffffff url(images/bground-rep.jpg) repeat-x left top;
	color: #666666;
}

img { border: none; }
a img {border: none; }


br.clearb {
	clear:both;
}

p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666666;
	line-height:20px;
}


ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666666;
	margin:4px 0 4px 0;
	padding:0px;
}


a {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
     color:#05a3b3;
     text-decoration:none;
     font-weight:bold;
}

a:hover {
        font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
        color:#20e537;
}


h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#f589fe;
	margin: 0px;
	padding: 12px 0 0 65px;
	font-weight:bold;
}


#container {
  width:881px;
  margin:auto;
  padding:0px;
}

#navigation {
	float: right;
	margin: 0px;
	padding: 0 0 10px 0;
	height:30px;
	width:881px;
	background-image:url(images/navigation_bg.jpg);
}
div#nav ul {
	float:right;
	list-style-type:none;
	margin: 0px;
	padding: 5px 5px 0 0;
	}
div#nav li {
	float:left; 
	margin: 0px;
	padding: 0 0 0 20px;
}
div#nav li a {
	display: inline; 
	margin: 0px; 
	padding: 7px 0 0 0; 
	color: #ffffff; 
	text-decoration: none; 
	font-size: 13px;
	}
	div#nav li.current_page_item a {
	   color:#eb92fa;
	}
div#nav li a:hover {	
     color:#eb92fa;
	text-decoration:none;
	background-image:url(images/navigation_bg_rollover.jpg);
}


#content-top {
	background: url(images/main-body-top.jpg) no-repeat left top;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	width: 881px;
	height: 10px;
	clear: both;
}
#content-bg {
	background: url(images/main-body-bgrep.jpg) repeat-y left top;
	margin: 0px;
	padding: 10px 10px 0 10px;
	width: 861px;
	overflow: hidden;
	clear: both;
	min-height: 300px;
	z-index: -1;
}
#content-bot {
	background: url(images/main-body-bot.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	width: 881px;
	height: 12px;
	clear: both;
}
#content-bot-page {
	background: url(images/main-body-bot-page.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	width: 881px;
	height: 12px;
	clear: both;
}



#logo-header {
	margin: 0px;
	padding: 0px;
	clear: both;
}
img.logoweb {
	float: left;
	margin: 0 0 0 3px;
	padding: 0px;
}

#number {
	color: #000000;
	text-align: right;
	font-size: 25px;
	font-weight: bold;
	float: right;
	margin: 10px 20px 0 0;
	padding: 0px;
	width: 250px;
	letter-spacing: -1px;
}
span.pink {
color: #f480fe;	
}


/* Idx */
#content {
	min-height:300px;
	width:860px;
	clear: both;
	margin: 0px;
	padding: 0px;
}
#content-text {
	padding:20px;
}

/* Page */
#content-page {
	min-height:300px;
	width:860px;
	clear: both;
	margin: 0px;
	padding: 0px;
}
#content-text-page {
	padding:20px;
}

#content-page a, #content a, .post a {
	color: #f589fe;
	text-decoration: none;
}

#content-text-posts {
	    float: left;
		margin: 0px;
		padding:20px;
		width: 540px;
}

/* Sidebar styles */
#sidebar {
	float: right;
	margin: 0 20px 0 0;
	padding: 0px;
	width: 220px;
}
#sidebar ul {
	margin: 0px;
	padding: 0px;
}

ul.wp-tag-cloud {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.wp-tag-cloud li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0px;
}
ul.wp-tag-cloud li a {
	text-align: justify;
}
#sidebar h4 {
	margin: 0px;
	padding: 25px 10px 10px 0;
	color: #202020;
	font-size: 16px;
}

#categories-3 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#categories-3 ul li {
	display: block;
	margin: 0px;
	padding: 0px;
}
#categories-3 ul li a {
   font-size: 15px;
}




/* Idx list */
ul#idxlist {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 450px;
}
ul#idxlist li {
	background: url(images/idx-bullet.jpg) no-repeat left top;
	display: block;
	margin: 15px 0 15px 0;
	padding: 0 0 0 35px;
	height: 90px;
}
ul#idxlist li span.listheader {
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
ul#idxlist li p {
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

a.readmorelist {
	text-align:right;
	float:right;
	margin:0px;
	padding:0px;
}

img.idxpicture {
	float: right;
	margin: 15px 18px 0 0;
	padding: 0px;
	width: 309px;
	display: block;
}


/* Panels idx */
#panel-cont {
	width: 891px;
	margin: 0px;
	padding: 15px 0 0 0;
	clear: both;
}
#panel-item {
	float: left;
	margin: 0 0 0 6px;
	padding: 0px;
}
#panel-item-ppc-top {
	background: url(images/ppc-header.jpg) no-repeat left top;
	width: 286px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#panel-item-seo-top {
	background: url(images/seo-header.jpg) no-repeat left top;
	width: 286px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#panel-item-webdev-top {
	background: url(images/webde-header.jpg) no-repeat left top;
	width: 286px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#panel-bg {
	background: url(images/panel-bgrep.jpg) repeat-y left top;
	width: 251px;
	overflow: hidden;
	margin: 0px;
	padding: 8px 15px 0 20px;
	clear: both;
	min-height: 224px;
}
#panel-footer {
	background: url(images/panel-bg-bottom.jpg) no-repeat left top;
	width: 286px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#panel-bg p {
	color: #e4e4e4;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
a.panelcost {
	background: url(images/panel-butt-off.jpg) no-repeat left top;
	float: right;
	margin: 0px;
	padding: 9px 0 0 14px;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	width: 95px;
	height: 30px;
}
a.panelcost:hover {
	background: url(images/panel-butt-on.jpg) no-repeat left top;
	color: #202020;
}


div#panel-bg ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div#panel-bg ul li {
	background: url(images/bullet-panels.jpg) no-repeat left center;
	display: block;
	color: #e4e4e4;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 8px 0 8px 15px;

}


/* Design page and logo design page styles */
div.boxes-container {
	margin:0px;
	padding:15px 0 15px 0;
	width:830px;
	clear:both;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #c0c0c0;
	overflow:hidden;
}
div.box-item {
	margin:20px 0 0 0;
	padding:0px;
	float:left;
	width:200px;
}
div.box-item a.webname {
	margin:0px;
	padding:0 0 0 10px;
}


/* Services form pages */
form.servicesform {
	margin:0px;
	padding:10px;
	clear:both;
}
form.servicesform label {
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#202020;
}
form.servicesform input.txt {
	margin:0px;
	padding:4px;
	width:200px;
}
form.servicesform select.selec {
	margin:0px;
	padding:4px;
	width:200px;	
}
form.servicesform textarea.txtarea {
	margin:0px;
	padding:4px;
	width:200px;	
}



/* solcial buttons */

#social-row {
	margin: 65px 0 0 0;
	padding: 0px;
	clear :both;
}
#social-row-subpage {
	margin: auto;
	padding: 20px 0 0 0;
	clear :both;
	width: 881px;
}

div.socialitem {
	float: left;
	margin: 0 30px 0 0;
	padding: 0px;
	font-size: 12px;
	color: #f589fe;
}
div.socialitem a {
	font-size: 12px;
	color: #f589fe;
	text-decoration: none;
	font-weight: normal;
}


#abutus-blogposts-cont {
	background: url(images/footer-bgrep.jpg) repeat-x left bottom;
	z-index: -1;
	width: 100%;
	margin: auto;
	padding:0px;
	clear: both;
	min-height: 522px;
	color: #202020;
}
#abutus-blogposts-cont-subpage {
	background: url(images/footer-bgrep.jpg) repeat-x left bottom;
	z-index: -1;
	width: 100%;
	margin: auto;
	padding: 30px 0 0 0;
	clear: both;
	color: #202020;
	min-height: 265px;
}


#aboutposts-cont {
	margin: auto !important;
	padding: 0px;
	clear: both;
	width: 881px;
}

#aboutus {
	float: left;
	margin: 0 0 17px 5px;
	padding: 0px;
	width: 572px;
}
#blogposts {
	float: right;
	margin: 10px 20px 0 0;
	padding: 0px;
	width: 272px;
}
#blogposts-top {
	background: url(images/blogposts-top.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 288px;
	height: 20px;
}
#blogposts-bgrep {
	background: url(images/blogposts-bg.jpg) repeat-y left top;
	margin: 0px;
	padding: 10px;
	clear: both;
	width: 268px;
	overflow: hidden;
}
#blogposts-bot {
	background: url(images/blogposts-bot.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 288px;
	height: 20px;
}






/* Recent Posts */
#blogposts-bgrep h1 {
	color: #202020;
	font-size: 16px;
	margin: 2px 0 10px 0;
	padding: 0 0 6px 0;
	font-weight: bold;
}

div#recentpost ul {
	margin: 0px;
	padding: 0px;
	clear: both;
	list-style-type: none !important;
}
div#recentpost ul li {
	margin: 0px;
	padding: 7px 0 8px 0;
	clear: both;
}
div#recentpost ul li a {
	color: #202020;
	text-decoration: none;
}
div#recentpost ul li p {
	color: #202020;
	clear: both;
}
.readlink {
	float: right;
	margin: 0px;
	padding: 0px;
}




#tviewercont {
	margin:auto;
	padding:0px;
	clear:both;
	width:883px;
}
#viewerteam {
	margin:0px;
	padding:0px;
	float:left;
}

#paymentmethods {
	float: right;
	margin: 0px;
	padding: 0px;
}
#paymentmethods span {
	margin: 2px 0 0 0;
	padding: 6px;
	color: #ffffff;
	font-size: 13px;
}
img.payments {
	float: right;
	margin: -3px 0 0 0;
	padding: 0px;
	display: block;
}
a.tviewerlink {
	color:#f589fe;
	text-decoration:underline;
}




#footer-links-row {
	margin: auto;
	padding: 15px 0 0 2px;
	clear: both;
	width: 881px;
}
#footer-links-row-subpage {
	margin: auto;
	padding: 20px 0 0 2px;
	clear: both;
	width: 881px;
}
ul#footerrow-links {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: both;
}
ul#footerrow-links li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0 7px 0 0;
	border-top: none;
	border-right: 1px solid  #f589fe;
	border-left: none;
	border-bottom: none;
}
ul#footerrow-links li.last {
border: none !important;	
}
ul#footerrow-links li a {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: -1px;
}
ul#footerrow-links li a:hover {
	color: #f589fe;
	text-decoration: underline;
}

#footer-cont {
	width: 881px;
	margin: auto;
	padding: 37px 0 10px 0;
	clear: both;
}


ul#footer-keys {
list-style-type: none;
margin:auto;
padding: 15px 0 0 0;
clear: both;
text-align: center;
}
ul#footer-keys li {
	display: inline;
	margin: 0 3px 0 0;
	padding: 0 4px 0 0;
	border-top: none;
	border-left: none;
	border-right: 1px solid #f589fe;
	border-bottom: none;
}
ul#footer-keys li.lastkey {
	border: none !important;
}
ul#footer-keys li a {
	font-size: 11px;
	color: #f589fe;
	text-decoration: none;
	font-weight: normal;
}
ul#footer-keys li a:hover {
		text-decoration: underline;
		color: #ffffff;
}

#copyrights {	
	font-size: 12px;
	margin: 0px;
	padding: 20px 0 0 0;
	clear: both;
	color: #ffffff;
}
#copyrights a {
	font-size: 12px;
	color: #f589fe;
}


/* Blog styles */

div.posts, div.post {
	margin: 0px;
	padding: 10px 0 20px 0;
	clear: both;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #c0c0c0;
}
div.meta {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 12px;
	color: #202020;
}
div.posts a {
	color: #f589fe;
	text-decoration: none;
}
div.posts a:hover {
	color: #202020;
	text-decoration: underline;
}
div.posts h2 a, div.post h2 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#202020;
}
div.posts h2 a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#f589fe;
}
h3#no-comments {
	margin: 0px;
	padding: 0px;
	color: #202020;
	font-size: 17px;
}
form textarea#message {
	width: 350px;
	height: 200px;
	clear: both;
}

div.comment {
	width: 450px;
	margin: 0px;
	padding: 10px 0 10px 0;
	clear: both;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #c0c0c0;
}

div.navigation {
	width: 540px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
div.navigation a {
	color: #f589fe;
}

div.alignleft {
	float: left;
}
div.alignright {
	float: right;
}

.post h4 {
	font-size: 17px !important;
	margin: 0px;
	padding: 15px 0 0 0;
	clear: both;
}

.post h2.posttitle {
	font-size: 22px;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	clear: both;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ff388c;
}

span.author {
	color: #adacac;
	font-style: italic;
	font-weight: bold;
}
div.entry p {
	margin: 0px;
	padding: 0 0 15px 0;
}

/* Services page styles */
#content-services {
	    float: left;
		margin: 0px;
		padding:20px;
		width: 580px;
}
#side-services {
	float: left;;
	margin: 0px;
	padding: 0px;
	width: 220px;
}

form.wpcf7-form {
	margin: 0px;
	padding: 0px;
	clear: both;
}
form.wpcf7-form label {
	float: left;
	margin: 0px;
	padding: 0px;
	clear: both;
	color: #202020;
	font-size: 11px;
}
form.wpcf7-form input.txt {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 210px;
}
form.wpcf7-form select.selec{
	float: right;
	margin: 0px;
	padding: 0px;
}
form.wpcf7-form textarea.tarea {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: 150px;
}

/* Contact page styles */

#contact-left {
	float: left;
	margin: 0px;
	padding: 0px;
}
#contact-right {
	float: right;
	margin: 0 50px 0 0;
	padding: 0px;
}
span.pagehog {
	color: #EE9AEE;
	font-size: 18px;
	font-weight: bold;
}
#contact-right p {
	color: #202020;
	font-size: 13px;
	font-weight: bold;
}



/*       ###############################
         NAVIGATION
         ############################### */

ul#mail_rss a {text-decoration:underline !important;}

/*        ##################################
           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;margin:0 !important;padding: 0px;}
.sf-menu ul ul li{margin:0 !important;}
.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:20px; /* match top ul list item height */ z-index:1000;}
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:0em !important; /* 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 li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/*** CUSTOM STYLES ***/

.sf-menu li ul {
background:#FFBFFF;
opacity:0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
list-style-type: none;
margin: 0px;
padding: 0px;
}
	
	.sf-menu li ul li {
		margin: 0px;
		padding: 6px 0 6px 5px !important;
		display: block;
	}
	.sf-menu li ul li a {
		color: #202020 !important;
		text-decoration: none;
	}
		.sf-menu li ul li a:hover {
		color: #202020 !important;
		text-decoration: underline;
	}
	
	/* Last item */
	.sf-menu li ul li.page-item-25 {
		
	}
	
	
	
	/* // Styles */
	
.sf-menu li li ul, .sf-menu li li li ul {
	background:#222;border:1px solid #FFF;border-top:none;opacity:1.0;-moz-opacity:1.0;filter:
}
.clear {clear:both;}