/*  
Theme Name: Pureblue
Theme URI: http://www.purebluecreative.co.uk/ 
Description: 
Version: 1.0
Author: Pureblue
Author URL: http://www.purebluecreative.co.uk/ 
*/
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f8f8f8;
	color: #6f6f6f;
}
#wrapper {
	width: 963px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/full_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
}
#inner_wrapper_home {
	background-image: url(images/header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#top_section {
	height: 94px;
	text-indent: -3000px;
}
.logo {
	float: left;
	margin-top: 15px;

}

/* ----------------------------------------- Social Icons ----------------------------------------- */
#social {
	float: right;
	padding-right: 30px;
	padding-top: 58px;
	width: 203px;
}
a.facebook {
	display: block;
	background-position: left -30px;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/facebook.jpg);
	float: left;
	margin-right: 9px;
}
a.facebook:hover {
	display: block;
	background-position: left top;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/facebook.jpg);
	float: left;
	margin-right: 9px;
}
a.twitter {
	display: block;
	background-position: left -30px;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/twitter.jpg);
	float: left;
	margin-right: 9px;
}
a.twitter:hover {
	display: block;
	background-position: left top;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/twitter.jpg);
	float: left;
	margin-right: 9px;
}
a.youtube {
	display: block;
	background-position: left -30px;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/youtube.jpg);
	float: left;
	margin-right: 9px;
}
a.youtube:hover {
	display: block;
	background-position: left top;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/youtube.jpg);
	float: left;
	margin-right: 9px;
}
a.digg {
	display: block;
	background-position: left -30px;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/digg.jpg);
	float: left;
	margin-right: 9px;
}
a.digg:hover {
	display: block;
	background-position: left top;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/digg.jpg);
	float: left;
	margin-right: 9px;
}
a.stumble {
	display: block;
	background-position: left -30px;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/sumble.jpg);
	float: left;

}
a.stumble:hover {
	display: block;
	background-position: left top;
	text-indent: -3000px;
	height: 30px;
	width: 32px;
	background-image: url(images/sumble.jpg);
	float: left;

}


/* ----------------------------------------- Branding ----------------------------------------- */


#branding {
	height: 209px;
}
#branding_left {
	float: left;
	width: 437px;
	padding-left: 48px;
	padding-top: 36px;
}
h1.home_header {
	background-image: url(images/welcome.jpg);
	text-indent: -3000px;
	height: 32px;
	width: 320px;
	float: none;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
h1.our_work_header {
	background-image: url(images/our_work_title.jpg);
	text-indent: -3000px;
	height: 32px;
	width: 320px;
	float: none;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
h1.ecommerce_header {
	background-image: url(images/ecommerce_title.jpg);
	text-indent: -3000px;
	height: 32px;
	width: 320px;
	float: none;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
h1.web_design_header {
	background-image: url(images/web_design_title.jpg);
	text-indent: -3000px;
	height: 40px;
	width: 320px;
	float: none;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
h1.internet_marketing_header {
	background-image: url(images/internet_marketing_title.jpg);
	text-indent: -3000px;
	height: 40px;
	width: 320px;
	float: none;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
#branding_left h2 {
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	padding-left: 3px;
	line-height: 15px;
	display: block;
	height: 86px;
}
#branding p {
	clear: both;
	float: left;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	width: 450px;
}
#branding_buttons {
	clear: both;
	text-align: left;
	width: 400px;
}
a.portfolio {
	display: block;
	background-image: url(images/view_portfolio.jpg);
	height: 27px;
	width: 105px;
	text-indent: -3000px;
	margin-right: 30px;
	background-position: left top;
	float: left;
}
a.portfolio:hover {
	display: block;
	background-image: url(images/view_portfolio.jpg);
	height: 27px;
	width: 105px;
	text-indent: -3000px;
	margin-right: 30px;
	background-position: left -27px;
	float: left;
}
a.call_back {
	display: block;
	background-image: url(images/request_call_back.jpg);
	height: 28px;
	width: 155px;
	text-indent: -3000px;
	margin-right: 30px;
	background-position: left top;
	float: left;
}
a.call_back:hover {
	display: block;
	background-image: url(images/request_call_back.jpg);
	height: 28px;
	width: 155px;
	text-indent: -3000px;
	margin-right: 30px;
	background-position: left -28px;
	float: left;
}
#branding_right {
	padding-top: 24px;
	padding-left: 60px;
	float: left;
}
#shopping_right {


	float: left;
}
#marketing_right {
	float: right;
}

.shopping_img {
	padding-left: 145px;
	padding-top: 8px;
}
.marketing_img {
	float: right;
}


/* ----------------------------------------- Arrow Area ----------------------------------------- */
#arrow_arrea {
	background-image: url(images/arrow_back.jpg);
	height: 76px;
	margin-top: 7px;
	padding-top: 20px;
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 8px;
}
a.quote {
	background-image: url(images/get.jpg);
	background-position: left top;
	display: block;
	height: 39px;
	width: 174px;
	background-repeat: no-repeat;
	margin-left: 19px;
	_margin-left: 10px;
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
	padding-top: 29px;
	line-height: 14px;
	float: left;
}
a.quote:hover {
	background-image: url(images/get_over.jpg);
	background-position: left top;
	display: block;
	height: 39px;
	width: 174px;
	background-repeat: no-repeat;
	margin-left: 19px;
	_margin-left: 10px;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 29px;
	line-height: 14px;
	float: left;
}
.nav_title {
	display: none;
}
a.newsletter {
	background-image: url(images/newsletter.jpg);
	background-position: left top;
	display: block;
	height: 39px;
	width: 174px;
	background-repeat: no-repeat;
	margin-left: 70px;
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
	padding-top: 29px;
	line-height: 14px;
	float: left;
}
a.newsletter:hover {
	background-image: url(images/newsletter_over.jpg);
	background-position: left top;
	display: block;
	height: 39px;
	width: 174px;
	background-repeat: no-repeat;
	margin-left: 70px;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 29px;
	line-height: 14px;
	float: left;
}
a.contact {
	background-image: url(images/contact.jpg);
	background-position: left top;
	display: block;
	height: 39px;
	width: 174px;
	background-repeat: no-repeat;
	margin-left: 65px;
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
	padding-top: 29px;
	line-height: 14px;
	float: left;
}
a.contact:hover {
	background-image: url(images/contact_over.jpg);
	background-position: left top;
	display: block;
	height: 39px;
	width: 174px;
	background-repeat: no-repeat;
	margin-left: 65px;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 29px;
	line-height: 14px;
	float: left;
}
/* ----------------------------------------- Content ----------------------------------------- */
#content {
	clear: both;
	background-image: url(images/content_back.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
#content_inner {
/*	background-image: url(images/content_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
*/}
/* ----------------------------------------- Left Column ----------------------------------------- */
#col_left {
	float: left;
	width: 242px;
}

#left_nav {
	padding-left: 24px;
	padding-top: 0px;
	width: 202px;
}
#left_nav  ul{
}
#left_nav ul li {
	list-style-type: none;
}

#left_nav ul li ul {
	margin-top:-25px;
}

#left_nav ul li a{
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-size: 13px;
	background-image: url(images/left_butt_back.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
	display: block;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;

} 
#left_nav ul li a:hover{
	color: #064c86;
	background-image: url(images/left_butt_back.jpg);
	background-repeat: no-repeat;
	background-position: left -30px;

}
#left_nav ul li a.no_arrow {
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-size: 13px;
	background-image: url(images/left_butt_back_no_arrow.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
	display: block;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;

} 
#left_nav ul li a.no_arrow:hover{
	color: #064c86;
	background-image: url(images/left_butt_back_no_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left -30px;

}
#left_nav ul li ul li a{
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	display: block;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(images/sub_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 12px;

} 
#left_nav ul li ul li a:hover{
	color: #064c86;
	background-image: url(images/sub_button.gif);
	background-repeat: no-repeat;
	background-position: left -22px;

}
#col_left h6 {
	background-image: url(images/nav_bottom.jpg);
	height: 25px;
	width: 239px;
	margin-left:-25px;
	margin-top: 10px;
	text-indent: 20px;
	font-size: 14px;
	color:#FFFFFF;
}
.php_logos {
	margin-top: 10px;
	margin-left: 70px;
}

/* ----------------------------------------- Right Column ----------------------------------------- */
#col_right {
	float: left;
	width: 670px;
	font-weight: normal;
	padding-left: 13px;
}
#col_right_home {
	float: right;
	width: 710px;
	font-weight: normal;
	background-image: url(images/new_hero.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#col_right h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 5px;
	background-image: url(images/content_top_h2.jpg);
	background-repeat: no-repeat;
	width:708px;
	height:42px;
	padding-top:6px;
}
#col_right h2 a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;
	padding-left:15px;
	text-decoration:none;
}

#col_right p {
	font-size: 11px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#col_right  h4 {
	color: #0067a0;
	font-size: 18px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	padding-bottom: 8px;
}

#main_large h3 {
	font-weight: normal;
	font-size: 17px;
	padding-bottom: 15px;
}
#main_text h3 {
	font-weight: normal;
	font-size: 17px;
	padding-bottom: 8px;
}
#main_large h5 {
	font-size: 12px;
	color: #0067a0;
	padding-bottom: 2px;
}
.indent {
	padding-left: 10px;
}


.price_details h4 {
	color: #025CA8;
	font-weight: normal;
	font-size: 17px;
	margin-bottom: 3px;
	padding-bottom: 2px;
}


#main_text {
	float: left;
	width: 630px;
	padding-right: 10px;
	padding-left:10px;
	clear:both;
}
#main_text p {
	font-size: 11px;
	padding-bottom: 15px;
	clear:both;
}
#main_gallery {
	width: 280px;
	float: left;
	background-image: url(images/vertical_split.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 37px;
}
#main_gallery h3 {
	background-image: url(images/client_list.gif);
	display: block;
	height: 38px;
	width: 282px;
	text-indent: -3000px;
	margin-bottom: 2px;
}
.client {
	background-image: url(images/client_testimonials.gif);
	display: block;
	height: 38px;
	width: 282px;
	text-indent: -3000px;
	clear: both;
	background-position: -3px top;
	background-repeat: no-repeat;
}
.new_border {
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.new_border:hover {
	float: left;
	border: 1px solid #88b5cf;
}
a.staffords {
	background-image: url(images/staffords.jpg);
	background-position: left top;
	display: block;
	height: 69px;
	width: 120px;
	text-indent: -3000px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
a.staffords:hover {
	background-image: url(images/staffords.jpg);
	background-position: left -69px;
	display: block;
	height: 69px;
	width: 120px;
	text-indent: -3000px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
a.able {
	background-image: url(images/able.jpg);
	background-position: left top;
	display: block;
	height: 69px;
	width: 120px;
	text-indent: -3000px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
a.able:hover {
	background-image: url(images/able.jpg);
	background-position: left -69px;
	display: block;
	height: 69px;
	width: 120px;
	text-indent: -3000px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

a.desirable {
	background-image: url(images/desirable.jpg);
	background-position: left top;
	display: block;
	height: 69px;
	width: 120px;
	text-indent: -3000px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
a.desirable:hover {
	background-image: url(images/desirable.jpg);
	background-position: left -69px;
	display: block;
	height: 69px;
	width: 120px;
	text-indent: -3000px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
a.physio {
	background-image: url(images/physio.jpg);
	background-position: left top;
	display: block;
	height: 69px;
	width: 120px;
	text-indent: -3000px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
a.physio:hover {
	background-image: url(images/physio.jpg);
	background-position: left -69px;
	display: block;
	height: 69px;
	width: 120px;
	text-indent: -3000px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.clearing {
	clear: both;
	font-size: 1px;
	text-indent: -3000px;
	color: #FFFFFF;
	height: 20px;
}
#main_gallery p {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	padding-left: 4px;
}
#testimonials {
	background-image: url(images/comma.gif);
	height: 70px;
	padding-left: 25px;
	padding-right: 20px;
	margin-top: 6px;
}
.small_name {
	font-weight: normal;
}




/* ----------------------------------------- Footer ----------------------------------------- */
#content_bottom {
	clear: both;
	background-image: url(images/content_bottom.jpg);
	background-position: top;
	display: block;
	padding-top: 35px;
	background-repeat: no-repeat;
	background-color: #f8f8f8;
	font-size: 10px;
	color: #999999;
	padding-bottom: 10px;
}
#content_bottom a {
	color: #999999;
	text-decoration: none;
}
#content_bottom a:hover {
	color: #0677C3;
	text-decoration: none;
}

p.para_left {
	float: left;
	padding-left: 40px;
}
.para_right {
	float: right;
	padding-right: 40px;
}
/* ----------------------------------------- List pages ----------------------------------------- */
#list1 {
	background-image: url(images/list1.gif);
	height: 121px;
	width: 580px;
	margin-left: 40px;
}
#list2 {
	background-image: url(images/list2.gif);
	height: 107px;
	width: 580px;
	margin-left: 40px;
}
#list3 {
	background-image: url(images/list3.gif);
	height: 107px;
	width: 580px;
	margin-left: 40px;
}
#list4 {
	background-image: url(images/list4.gif);
	height: 107px;
	width: 580px;
	margin-left: 40px;
}
#list5 {
	background-image: url(images/list5.gif);
	height: 107px;
	width: 580px;
	margin-left: 40px;
}
.list_arrow {
	background-image: url(images/list_arrow.gif);

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}

.commentlist li a{
	color:#D13026;
	text-decoration:none;
}

#col_right textarea {
	width:450px;
}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

.entry {
	text-indent:20px;
}