/*  

Theme Name: Harrison Drury

Version: 1.0

Author: Soap Media Ltd.

Author URI: http://www.soapmedia.co.uk/

*/

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE 5.5/6/7 */

html, body {
    font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
    font-size: 12px;
    border: 0;
    color: #666666;
    padding-bottom: 30px;
}

body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
    margin: 0;
    padding: 0;
}

h1, h2, h3 {
    color: #3F8DBB;
    font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
}

h2 { font-size: 35px }

h3 { font-size: 20px }

h4 {
    font-size: 18px;
    font-style: italic;
    color: #666666;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #3F8DBB;
}

p {
    line-height: 16px;
    padding: 5px 0;
}

b.blue, span.blue { color: #3F8DBB }

h1, h2, h3, h4, h5 { padding: 10px 0 }

ul, ol {
    list-style: none;
    padding: 10px 0;
}

small { font-size: 11px }

code { background: #FFFFC1 }

a {
    color: #666666;
    text-decoration: underline;
}

a:hover { text-decoration: none }

a.bluelink { color: #3F8DBB }

a img { border: none }

a.selected {
    text-decoration: underline !important;
    outline: none;
}

blockquote {
    border-left: 2px solid #777777;
    color: #777777;
    font-style: italic;
    margin: 5px auto 15px;
    padding: 0px 10px;
    width: 85%;
}

	blockquote p { padding: 10px 0 }

/* Align */

.aligncenter {
    margin: 10px auto 20px auto;
    display: block;
}

.alignleft {
    margin: 10px 10px 8px 0;
    float: left;
}

.alignright {
    margin: 10px 0px 8px 10px;
    float: right;
}

.col-left { float: left }

.col-right {
    float: right;
    width: 760px; /* added by Soap 4th Jan */
}

/* Wrap */

#wrap {
    width: 980px;
    margin: 0 auto;
}

/* Header */

#header {
    width: 100%;
    padding-top: 40px;
}

	#header #title {
	    margin-right: 20px;
	    margin-top: 25px;
	    text-align: right;
	}

/* Old Menu Styles */
/*
#menu {
    width: 760px;
    border-top: #666666 1px solid;
    border-bottom: #B3D0E3 1px solid;
}

	#menu ul {
	    width: 790px;
	    margin-left: -30px;
	    position: relative;
	    padding-top: 0;
	    padding-bottom: 60px;
	}

	#menu li {
	    display: inline;
	    font-size: 11px;
	}

		#menu li a {
		    width: 75px;
		    text-align: center;
		    display: block;
		    float: left;
		    margin: 0px 0px 0 35px;
		    display: inline;
		    text-decoration: none;
		    padding-top: 20px;
		}

		#menu li a:hover {
		    text-decoration: underline;
		    color: #3F8DBB;
		}

	#menu li.current_page_item a, #menu li.current_page_parent a {
	    color: #3F8DBB;
	    background: url(img/bg_current.gif) no-repeat center 0;
	    border-top: #3F8DBB 1px solid;
	    margin-top: -1px;
	    position: relative;
	}
*/

/* Menu Styles - 28th March 2011 */

#menu {
    width: 760px; overflow: hidden;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #b3d0e3;
}

	#menu ul {
	    float: left;
	}
	
	#menu ul.menu-about {
	    width: 177px;
		margin: 0px 22px 0px 0px;
	}
	
		#menu .menu-title {
	  	 	width: 177px;
			color: #666666;
			font-weight: bold;
			padding-bottom: 3px; margin-bottom: 3px;
			border-bottom: 1px solid #b3d0e3; 
		}
	
	#menu ul.menu-services {
	    width: 362px; overflow: hidden;
		margin: 0px 22px 0px 0px;
	}
	
		#menu ul.menu-services .menu-title {
	    	width: 362px;
			border-bottom: 1px solid #b3d0e3;
		}
		
		#menu ul.menu-services .menu-holder {
			float: left;
	    	width: 170px; margin-right: 22px;
		}
		
		#menu ul.menu-services .menu-holder.last {
			margin-right: 0px;
		}
	
	#menu ul.menu-contact {
	    width: 177px;
		margin: 0px;
	}

	#menu li {
	    line-height: 15px;
	}

		#menu li a {
		    color: #666666;
			font-size: 11px;
			text-decoration: none;
		}

		#menu li a:hover {
		    
		}
		
		#menu li ul {
	    	padding: 0px;
		}

	#menu li.current_page_item a, #menu li.current_page_parent a, #menu li.current-page-ancestor a {
	    color: #3f8dbb;
	}

h4.arh { color: #472886 }

/* Sidebar */

.twitterpic {
    margin-top: 35px;
    /*margin-bottom: 35px;*/
    padding: 0;
}

#sidebar { width: 186px }

	#sidebar .widget { margin-bottom: 35px; }

	#sidebar h3 {
	    font-size: 19px;
	    padding-left: 35px;
	}

	#sidebar h3.search { background: url(img/bg_search.gif) no-repeat 3px 13px }

	#sidebar h3.categories { background: url(img/bg_categories.jpg) no-repeat 3px 12px }

	#sidebar h3.contact { background: url(img/bg_cellphone.gif) no-repeat 8px 10px }

	#sidebar ul { /*padding: 5px 0 30px 0*/ }

	#sidebar form { /*padding: 2px 0 40px 0 replaced by .widget */ }

		#sidebar form input.field {
		    width: 170px;
		    font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
		    font-size: 11px;
		    border: #ABABAB 1px solid;
		    padding: 4px 5px;
		    margin-bottom: 5px;
		    color: #666666;
		}

/* Content */

#content {
    width: 760px; overflow: hidden;
    padding-top: 5px;
}

	#content h2.title { padding-bottom: 20px }

/* Welcome */

.welcome {
    border-bottom: #B3D0E3 1px solid;
    padding-bottom: 20px;
    margin-bottom: 5px;
}

	.welcome span {
	    color: #3F8DBB;
	    margin-right: 30px;
	}

	.welcome .alignleft {
	    margin-top: 6px;
	    margin-right: 15px;
	}

/* Banner */

#banner {
    width: 760px;
    height: 120px;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* Blog */

.blog { width: 540px }

/* Post */

.post {
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: #E1E0E0 1px solid;
    padding-right: 120px;
    clear: both;
    overflow: hidden;
}

	.post ul { padding-left: 20px }

		.post ul li {
		    list-style: circle;
		    line-height: 18px;
		    padding: 2px;
		}

	.post ol { padding-left: 20px }

		.post ol li {
		    list-style: decimal;
		    line-height: 18px;
		    padding: 2px 0;
		}

	.post p {
	    font-size: 11px;
	    color: #666666;
	}

	.post p.post_details {
	    padding-top: 5px;
	    padding-left: 25px;
	    background: url(img/bg_post_details.gif) no-repeat 0 4px;
	    font-style: italic;
	}

	.post h4 { padding-bottom: 0 }

		.post h4 a {
		    text-decoration: none;
		    color: #666666;
		}

		.post h4 a:hover { text-decoration: underline }

	.post a { color: #666666 }

/* More Entries */

.more_entries {
    width: 100%;
    padding: 20px 0 20px 0;
}

	.more_entries h2 a span { display: none }

	.more_entries .col-left h2 a {
	    width: 78px;
	    height: 15px;
	    background: url(img/bg_next_entry.gif) no-repeat;
	    display: block;
	}

	.more_entries .col-right h2 a {
	    width: 91px;
	    height: 15px;
	    background: url(img/bg_previous_entry.gif) no-repeat;
	    display: block;
	}

/* Our Story */

#our_story {
    width: 640px;
    padding-top: 10px;
    margin-left: 15px;
    padding-bottom: 50px;
}

	#our_story .col-left, #our_story .col-right { width: 305px }

	#our_story .col-left {
	    margin-right: 15px;
	    display: inline;
	}

/* Page Structure */

.inside {
    width: 100%;
    padding-bottom: 100px;
    padding-top: 20px;
}

	.inside h3 {
	    font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	    font-size: 18px;
	    letter-spacing: 0;
	}

	.inside .col-left {
	    width: 200px;
	    float: left;
	}

.contact .inside h5 { padding: 5px 0 }

.inside .col-left p { padding: 10px 0 }

.inside .col-left a {
    color: #3F8DBB;
    text-decoration: none;
}

.inside .col-left a:hover, .inside .col-left li.current_page_item a { text-decoration: underline }

.inside .col-right {
    border-top: #B3D0E3 1px solid;
    padding-top: 7px;
    width: 540px;
}

	.inside .col-right ul { color: #3F8DBB }

		.inside .col-right ul li {
		    background: url(img/bg_li_block.gif) no-repeat 0 5px;
		    line-height: 16px;
		    padding-left: 35px;
		}

	.inside .col-right .styledbullets li {
	    background: url(/wp-content/uploads/2010/12/newbullet.gif) no-repeat 0 7px;
	    padding-left: 20px;
	}

/* Added 28th March 2011 */

#content h2 {
	padding-bottom: 40px;
}

#page-sidebar {
	float: left; width: 200px;
	margin: 0px 20px 103px 0px;
}

	#page-sidebar li a {
		color: #3F8DBB;
	}

#page-content {	
	float: left;
	border-top: 1px solid #B3D0E3;
	margin: 0px 0px 103px 0px;
    padding-top: 20px;
    width: 540px;
}

	#page-content .intro-image {
		padding-bottom: 5px;
	}
	
	#page-content h3 {
		padding-top: 0px;
	}
	#page-content ul { color: #3F8DBB }

		#page-content ul li {
		    background: url(img/bg_li_block.gif) no-repeat 0 5px;
		    line-height: 16px;
		    padding-left: 35px;
		}

	#page-content .styledbullets li {
	    background: url(/wp-content/uploads/2010/12/newbullet.gif) no-repeat 0 7px;
	    padding-left: 20px;
	}

/* Contact */

.contact .inside .col-right { padding-top: 0 }

.contact .inside p { padding: 10px 0 }

.contact h2.title { padding-bottom: 23px !important }

.contact .inside .col-left { width: 250px }

.contact .inside .col-right {
    width: 420px;
    border: 0;
}

.contact input.field {
    width: 190px;
    font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
    font-size: 11px;
    border: #ABABAB 1px solid;
    padding: 4px 5px;
    margin-bottom: 5px;
    color: #666666;
}

.contact form.enquiry { padding-top: 20px }

	.contact form.enquiry p { padding-bottom: 15px }

	.contact form.enquiry input.field { margin-top: 3px }

	.contact form.enquiry label {
	    display: block;
	    margin-bottom: 10px;
	}

	.contact form.enquiry textarea {
	    width: 190px;
	    font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	    font-size: 11px;
	    border: #ABABAB 1px solid;
	    padding: 4px 5px;
	    margin-bottom: 5px;
	    color: #666666;
	}

/* Team */

.team .inside .col-right { border: 0 }

	.team .inside .col-right .block {
	    border-top: #B3D0E3 1px solid;
	    position: relative;
	    width: 540px;
	    margin-bottom: 20px;
	}

		.team .inside .col-right .block p { color: #666666 }

		.team .inside .col-right .block a.bot span { display: none }

		.team .inside .col-right .block a.bot {
		    width: 27px;
		    height: 12px;
		    position: absolute;
		    right: 0;
		    top: 1px;
		    background: url(img/bot.gif) no-repeat;
		}

		.team .inside .col-right .block .left {
		    width: 210px;
		    min-height: 430px;
		    float: left;
		    background: url(img/bg_gradient.gif) no-repeat 0 bottom;
		}

* html .team .inside .col-right .block .left { height: 430px }

.team .inside .col-right .block .left .box_wrap {
    position: absolute;
    left: 0;
    bottom: 18px;
}

	.team .inside .col-right .block .left .box_wrap img { display: block }

.team .inside .col-right .block .left .box {
    background: #B3D0E3;
    width: 196px;
    padding: 7px 7px 20px 7px;
}

.team .inside .col-right .block .left h2 {
    font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
    font-size: 26px;
    color: #3F8DBB;
    padding: 0 0 2px 0;
    letter-spacing: -2px;
}

.team .inside .col-right .block .left h3 {
    font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    font-weight: bolder;
    padding: 0 0 0 2px;
}

.team .inside .col-right .block .right {
    width: 305px;
    float: left;
    margin-left: 10px;
    display: inline;
    padding-top: 25px;
}

	.team .inside .col-right .block .right h3 {
	    padding-bottom: 0;
	    font-size: 12px;
	}

	.team .inside .col-right .block .right p { padding-top: 0 }

/* Footer */

#footer {
    font-size: 11px;
    padding-top: 20px;
    border-top: #E1E0E0 1px solid;
    width: 100%;
    clear: both;
}

	#footer .col-right a { color: #85C549 }

/* Fix */

.wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Comments */

#comments {
    font-size: 18px;
    font-weight: bold;
}

.lc {
    font-size: 18px;
    font-weight: bold;
}

.box_wrap .box a {
    color: #FFF;
    font-weight: bold;
}

/* Contact Us Form Styles */

img.form-title {
    margin: 14px 0px 3px 0px;
    display: block;
}

/*                                                    */

/*  main 'top-level' form elements                    */

/*                                                    */

.cform {
    margin: 30px auto 0px;
    position: relative;
    width: 760px;
}

.cform.grapphoppers-scheme { margin: 0px auto 0px }

.cform fieldset {
    margin: 0;
    padding: 5px 0 5px 0;
    border: none;
}

	.cform fieldset legend { display: none }

.cform .cf_hidden {
    display: none;
    border: none!important;
    background: none!important;
    padding: 0!important;
    margin: 0!important;
}

ol.cf-ol {
    margin: 0!important;
    padding: 0 0 0 0!important;
    clear: both;
}

	ol.cf-ol li {
	    clear: both;
	    width: 100%;
	    overflow: hidden;
	    background: none!important;
	    padding: 4px 0px 4px 0px!important; /*some themes may interfere otherwise*/
	    margin: 0;
	    list-style: none!important;
	    text-align: left;
	    line-height: 1.1em;
	    font-weight: bold;
	}

ol.cf-ol+li { padding-top: 0px !important }

/*                                                    */

/* just for text-only fields (no input)               */

/*                                                    */

ol.cf-ol li.textonly {
    color: #3f8dbb;
    font-size: 1em;
    margin: 12px 0pt !important;
    padding: 0pt 0pt 0pt 100px;
}

/*                                                    */

/* global definitions for field labels                */

/*                                                    */

.cform label {
    width: 210px;
    margin: 8px 10px 0 0;
    display: -moz-inline-box; /*for mozilla*/
    display: inline-block; /*for Opera & IE*/
    text-align: left;
    vertical-align: top;
    float: left;
    font-weight: bold;
}

	.cform label span {
	    width: 210px; /* must be the same as above!*/
	    display: block;
	}

label.cf-before { margin: 4px 10px 0 0 }

label.cf-after {
    margin: 4px 2px 0pt 6px;
    text-align: left;
    width: 75px;
    color: #3f8dbb;
}

	label.cf-after span {
	    width: 75px;
	    display: block;
	}

label.cf-group-after {
    margin: 4px 0 0 2px;
    width: 60px;
    text-align: left;
}

	label.cf-group-after span {
	    width: 60px;
	    display: block;
	}

/*                                                    */

/*   FORM FIELDS general formatting                   */

/*                                                    */

.cform input, .cform textarea, .cform select {
    padding: 3px 3px 4px 3px;
    border: 1px solid #ababab;
    vertical-align: top;
}

/*

.cform input:hover,

.cform textarea:hover,

.cform select:hover	{

	border: 1px solid #a39161;

}*/

.cform input:focus, .cform textarea:focus, .cform select:focus { color: #000 }

.cform textarea, .cform input {
    width: 532px;
    height: 20px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666666;
    float: left;
}

.cform select {
    width: 442px; /* attempt to have equal length */
}

.cform select.cfselectmulti { height: 7.5em }

.cform textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #3c3b3b;
    overflow: auto;
    height: 120px;
}

.cform #li--9items label, .cform #li--9items span { width: 300px }

.cform #li--7 label, .cform #li--11 label { color: #3F8DBB }

/*                                                    */

/* formatting for text:  "(required)"  & other        */

/*                                                    */

span.reqtxt, span.emailreqtxt {
    margin: 0px 5px 7px 132px;
    /* display: block;  */
    display: none;
    vertical-align: top;
    color: #947d56;
    font-size: 0.7em;
    line-height: 1.2em;
}

/*                                                    */

/*   radio button title                               */

/*                                                    */

ol.cf-ol li.cf-box-title {
    color: #888888;
    font-size: 1em;
    margin: 12px 0pt 0 !important;
    padding: 0pt 0pt 0pt 100px;
}

/*                                                    */

/*   check boxes                                      */

/*                                                    */

input.cf-box-a, input.cf-box-b {
    margin: 1px 0 0 0;
    width: 16px;
    height: 22px;
    border: none!important;
    background: none!important;
}

input.cf-box-a {
    margin-left: 100px; /* check with label 'width' incl. */
}

/*                                                    */

/* check box groups                                   */

/*                                                    */

ol.cf-ol li.cf-box-group { padding: 0 0 5px 100px }

/*                                                    */

/*   FORM submit button                               */

/*                                                    */

p.cf-sb {
    margin: 0;
    padding: 0 !important;
    text-align: left;
    margin: 31px 0px 31px 220px;
    float: left;
    width: 140px;
}

.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
    width: 101px;
    height: 22px;
    padding: 0px;
    margin: 0;
    background: url(img/img_submit.gif) no-repeat;
    border: none !important;
    cursor: pointer;
}

.cform input.resetbutton { margin: 0 5px 0 0 }

.cform input.backbutton { margin: 0 5px 0 0 }

/*                                                    */

/*   FORM FIELDS enhanced error display               */

/*                                                    */

ol.cf-ol li.cf_li_err { border-color: #DF7D7D }

ol.cf-ol li ul.cf_li_text_err {
    margin: 0 0 0 10px;

    padding: 0;
    color: #333;
}

ol.cf-ol ul.cf_li_text_err li {
    background: url(icon-alert.png) no-repeat left 1px!important;
    list-style: none!important;
    font-weight: bold;
    text-indent: 0;
    margin: 0 0 2px!important;
    padding-left: 15px;
}

ol.cf-ol ul.cf_li_text_err li:before { content: '' }

/*                                                    */

/* change formatting of response msgs here            */

/*                                                    */

div.cf_info {
    display: none;
    margin: 0px auto;
    padding: 16px 0px 10px 0px;
}

	div.cf_info ol {
	    margin: 0;
	    padding: 5px 15px 0 30px;
	}

		div.cf_info ol li {
		    padding: 1px 0;
		    margin: 2px 0;
		}

	div.cf_info a {
	    color: red!important;
	    text-decoration: underline!important;
	}

div.success {
    color: #3F8DBB;
    display: block;
}

div.failure {
    display: block;
    color: red;
}

div.waiting {
    color: #AAA;
    display: block;
}

/*                                                    */

/*   formatting for invalid user inputs               */

/*                                                    */

.cform .cf_error {
    color: #3C3B3B;
    border: 1px solid #FF0000;
}

div.mailerr { display: block }

.mailerr, .cform .cf_errortxt { color: red }

/*                                                    */

/* change formatting of response msgs here            */

/*                                                    */

p.cf_info {
    margin: 10px 0;
    text-align: center;
}

p.success { color: green }

p.failure { color: red }

/*                                                    */

/*  Other: link love                                  */

/*                                                    */

.linklove { display: none }

/*                                                    */

/*  Other: browser hacks                              */

/*                                                    */

*+html ol.cf-ol, *+html ol.cf-ol li {
    display: inline-block; /*for ie7*/
}

* html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt { display: inline-block }

* html .cform legend {
    position: absolute;
    left: -8px;
    top: 0;
    margin-left: 0;
}

*+html .cform legend {
    position: absolute;
    left: -8px;
    top: 0;
    margin-left: 0;
}

* html .cform fieldset {
    position: relative;
    margin-top: 15px;
    padding-top: 25px;
}

*+html .cform fieldset {
    position: relative;
    margin-top: 15px;
    padding-top: 25px;
}

* html img.captcha { margin-bottom: 1px!important }

*+html img.captcha { margin-bottom: 1px!important }

/*                                                    */

/*   Grasshoppers Scheme Form Page                    */

/*                                                    */

.grasshoppers-banner img { margin: 10px 0px 2px }

.grasshopper-left {
    width: 310px;
    padding: 0px 0px 0px 13px;
}

	.grasshopper-left a {
	    color: #4f90c0;
	    text-decoration: none;
	}

	.grasshopper-left li {
	    color: #4f90c0;
	    font-size: 16px;
	    padding: 0px 0px 5px 15px;
	    background: url(/wp-content/uploads/2011/02/grasshopper-bullet.gif) no-repeat 0px 8px;
	}

.grasshopper-right {
    width: 314px;
    padding: 0px 98px 0px 0px;
}

	.grasshopper-right ul { padding: 5px 0px 15px 0px }

	.grasshopper-right li {
	    color: #4f90c0;
	    background: url(/wp-content/uploads/2010/12/newbullet.gif) no-repeat 0 6px;
	    padding-left: 10px;
	}

	.grasshopper-right .grey li {
	    color: #666666;
	    padding-bottom: 10px;
	    background: url(/wp-content/uploads/2011/02/grasshopper-bullet-grey.gif) no-repeat 0 6px;
	}
    
    
form.hd-anytime {width:540px}
form.hd-anytime label, form.hd-anytime label span  {display:block;width:540px}
form.hd-anytime label {padding:4px 0;font-weight:normal}
form.hd-anytime .cf-sb {margin-left:0}
form.hd-anytime .cf-sb input {text-indent:-9999px}