/*  
Theme Name: Blue Acorn v5
Theme URL: http://www.blueacorn.com
Description: Blue Acorn v5
Author: Blue Acorn
Author URI: http://www.blueacorn.com
*/

/* Global

-----------------------------------------------------------------------------------------------

===============================================================================================*/

* {
margin:				0;
padding:			0;
border:				0;
}

html{
background:			#6f3e14;
}

body {
font: 				14px/140% Arial, Helvetica, sans-serif;
color:				#c5a283;
font-weight:		normal;
min-width:			1000px;
background:			url('images/BG-header-wrap.jpg') repeat-x center top;
}

#header, #footer, #content, #toggle, #super-nav, #copyright{
margin:				0 auto;
width:				1000px;
display:			block;
}

table { 
border-collapse: 	collapse; 
border-spacing: 	0; 
}

p{
padding:			6px 0;
text-align:			left;
}

.clear { 
clear:				both;
}

.center {
text-align:			center;
}

hr {
display: 			none;
}

small {
font-size:			12px;
line-height: 		14px;
font-weight:		bold;
color:				#9f7047;
}

b, strong{
font-weight:		bold;
color:				#c5a283;
}

a, a:visited{
text-decoration:	none;
font-weight:		normal;
color:				#0870a9;
border:				none;
}

a:hover{
color:				#fff;
border:				none;
}

.no-margin{
margin:				0 !important;
}

blockquote{
border-left:		#2079b9 8px solid;
padding:			10px;
}

/* Titles ***********************************************************************************************/

#logo{
border:				none;
position:			absolute;
width:				217px;
height:				108px;
top:				40px;
left:				150px;
}

h1,h2,h3,h4,h5,h6{
font-weight:		bold;
letter-spacing:		-0.05em;
color:				#fff;
}

h1,h2{
font-size:			26px;
line-height:		30px;
}

h3{
font-size:			20px;
line-height:		24px;
}

h4{
font-size:			18px;
color:				#996b42;
line-height:		22px;
}

#ecommerce-wrap h3 a, #ecommerce-wrap h4 a, #ecommerce-wrap h3 a:visited, #ecommerce-wrap h4 a:visited{
font-weight:		bold;
color:				#fff;
}

#ecommerce-wrap h3 a:hover, #ecommerce-wrap h4 a:hover{
text-decoration:	underline;
}

.dark-full h4 a, .dark-full h4 a:visited{
font-weight:		bold;	
}

/* Titles eof ***********************************************************************************************/

/* Images ***********************************************************************************************/

.left{
float:				left;
}

.right{
float:				right;
}

.alignleft{
float:				left;
margin:				5px 15px 5px 0;
}

.alignright{
float:				right;
margin:				5px 0 5px 15px;
}

.aligncenter{
float:				none;
text-align:			center;
}

/* Images eof ***********************************************************************************************/

/* Lists ***********************************************************************************************/

ul,ol { 
list-style: 		none; 
}

/* Lists eof ***********************************************************************************************/

/* Form Elements ***********************************************************************************************/

#search-wrap{
float:				left;
padding:			3px 0 0 0;
}

#search-box{
position:			relative;
float:				left;
display:			block;
margin:				0;
width:				283px;
height:				26px;
}

#search-box span{
position:			absolute;
right:				0;
top:				0;
}

#search-box input{
float:				left;
width:				196px;
height:				19px;
border:				none;
margin:				0;
background:			transparent;
padding:			7px 7px 0 7px;
font-weight:		bold;
color:				#fff;
font-size:			11px;
line-height:		11px;
background:			#015ba3;
}

*:first-child+html #search-box input{
padding:			9px 7px 0 7px;
height:				17px;
}

#search-box input:focus{

}

#search-box span input{
display:			block;
width:				70px;
height:				26px;
cursor:				pointer;
color:				#fff;
font-size:			11px;
line-height:		11px;
background:			#015ba3;
padding:			6px 5px 7px 5px;
}

#search-box span input:hover, #search-box span input:focus{
background:			#e88e15;
color:				#62340c;
}

*:first-child+html #search-box span input{
padding:			8px 5px 5px 5px;
height:				26px;
}

#enquiries-wrap{
display:			block;
width:				578px;
float:				right;
height:				165px;
padding:			30px 30px 0 0;
position:			relative;
}

#form-response{
position:			absolute;
top:				25px;
right:				30px;
}

p.intouchsuccess{
display:			block;
border:				#57b51a 1px solid;
color:				#fff;
font-size:			10px;
font-weight:		bold;
background:			#255d00;
padding:			6px 10px;	
}

p.intouchfailure{
display:			block;
border:				#dd7458 1px solid;
color:				#fff;
font-size:			10px;
font-weight:		bold;
background:			#b94020;
padding:			6px 10px;
}

#toggle input, #toggle textarea{
width:				230px;
padding:			7px 5px;
background:			#fff;
border-top:			#003258 1px solid;
margin:				4px 0;
font-size:			12px;
font-weight:		bold;
color:				#1a77bb;
font-family:		Arial, Helvetica, sans-serif;
}

#toggle input:focus, #toggle textarea:focus{
border-top:			#e88e15 1px solid;
background:			#ffeed7;
color:				#62340c;
}

#toggle input{
float:				right;
height:				15px;
}

#toggle textarea{
float:				right;
height:				130px;
}

#list-style{
display:			block;
float:				left;
width:				308px;
}

#list-style p{
float:				left;
width:				300px;
padding:			0;
margin:				0;
}

#list-style p small{
color:				#fff;
font-size:			11px;
padding-left:		65px;
}

#toggle label{
float:				left;
width:				55px;
display:			block;
height:				28px;
color:				#fff;
text-align:			right;
font-size:			12px;
padding:			10px 0 0 0;
}

#list-style p small strong, #toggle label strong{
color:				#91dbff;	
}

#toggle input.toggle-submit{
display:			block;
width:				143px;
height:				35px;
overflow:			hidden;
text-indent:		-9999px;
border:				none;
float:				right;
cursor:				pointer;
clear:				both;
padding:			35px 0 0 0;
margin:				-15px 0 0 0;
background:			url('images/BTN-toggle-submit.jpg') no-repeat bottom center;
}

#toggle input.toggle-submit:hover, #toggle input.toggle-submit:focus{
background:			url('images/BTN-toggle-submit.jpg') no-repeat top center;
}

*:first-child+html #toggle input.toggle-submit{
margin:				0;	
}

/* Form Elements eof ***********************************************************************************************/

/* Flash ***********************************************************************************************/



/* Flash eof ***********************************************************************************************/

/* Toggle ***********************************************************************************************/

.toggle_slide{
margin:				0 auto;
width:				100%;
padding:			0;
background:			#1d84c3	url('images/BG-toggler.jpg') repeat-x top center;
}

.toggle_slide{
display:			none;
}

#toggle{
height:				325px;
background:			url('images/BG-toggler-center.jpg') no-repeat center 10px;
}

a#toggler, a#toggler:visited{
float:				right;
margin:				0;
padding:			0;
}

a#toggler{
float:				right;
display:			block;
width:				112px;
height:				29px;
overflow:			hidden;
}

a#toggler, a#toggler:visited{
display:			block;
width:				112px;
height:				29px;
overflow:			hidden;
text-indent:		-9999px;
background:			url('images/BTN-toggler.jpg') no-repeat bottom center;
}

a#toggler:hover{
background:			url('images/BTN-toggler.jpg') no-repeat top center;
}

#address-wrap{
display:			block;
float:				left;
width:				320px;
padding:			30px 0 0 30px;
height:				326px;
}

#address-wrap p, #address-wrap ul{
float:				left;
width:				320px;
color:				#fff;
}

#address-wrap p{
font-size:			12px;
line-height:		14px;
font-weight:		bold;
}

#address-wrap ul{
padding:			25px 0 0 0;
font-size:			16px;
font-weight:		bold;
}

#address-wrap ul li{
padding:			1px 0 15px 28px;
color:				#65c5ff;
}

#address-wrap ul li strong{
color:				#fff;
}

#address-wrap ul li.tel-icon{
background:			url('images/ICON-telephone.jpg') no-repeat 2px top;		
}

#address-wrap ul li.chat-icon{
background:			url('images/ICON-chat.jpg') no-repeat 0 top;		
}

#address-wrap ul li.add-icon{
background:			url('images/ICON-address.jpg') no-repeat 2px top;		
}

/* Toggle eof ***********************************************************************************************/

/* Super Nav ***********************************************************************************************/

#super-nav-wrap{
display:			block;
margin:				0 auto;
width:				100%;
padding:			0;
background:			#2079b9;
}

#super-nav{
padding:			0 10px;
width:				980px;
height:				32px;
}

#super-nav a{
color:				#fff;
}

/* Super Nav ***********************************************************************************************/

/* Header ***********************************************************************************************/

#header-wrap{
display:			block;
margin:				0 auto;
width:				100%;
padding:			0;
}

#header{
height:				205px;
position:			relative;
}

/* Header eof ***********************************************************************************************/

/* Global Nav ***********************************************************************************************/

#global-nav{
float:				right;
margin:				20px 0 0 0;
}

#global-nav ul li{
display:			inline;
float:				left;
margin:				0;
}

#global-nav ul li a, #global-nav ul li a:visited, #global-nav ul li a.sub-menu{
display:			block;
padding:			5px 8px;
margin:				0 1px;
cursor:				pointer;
font-size:			15px;
letter-spacing:		-0.04em;
font-weight:		bold;
}

#global-nav ul li a:hover{
color:				#fff;
}

#global-nav ul li a:hover,#global-nav ul li a.sub-menu:hover,#global-nav ul li.current_page_item a{
background:			url('images/BTN-global-nav.gif') repeat-x center;
color:				#fff;
}

/* Global Sub Nav */

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
margin:				0;
float:				left;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
display:			block;
width:				210px;
text-align:			left;
color:				#fff;
font-size:			11px;
font-weight:		bold;
white-space:		nowrap;
margin:				0;
padding: 			3px 4px;
border:				#007ac3 1px solid;
background: 		#007ac3;
}

* html #subMenusContainer a{
height:				10px;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused{
color:				#fff;
background:			#015ba3;
}

/* Parent Main Menu Links on hover or focus --- [javascript users only] */
a.mainMenuParentBtnFocused {	
background:			url('images/BTN-global-nav.gif') repeat-x center !important;
color:				#fff; 
}

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.subwrap{ 
display:			none; 
position: 			absolute; 
overflow:			hidden; 
/*the 2px left & right padding lets you have a 1px border on the ul or ol inside since overflow is set to hidden*/
padding:			0 4px;
margin:				0 0 0 -4px;
}

*:first-child+html .subwrap{
margin:				0 0 0 -4px;
}

/* All submenu OLs and ULs */
#nav ol, #subMenusContainer ul, #subMenusContainer ol {	
border:				none;
left:				0;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */

#subMenusContainer li{
list-style: 		none;
}

#subMenusContainer{	
display:			block; 	
position:			absolute;	
top:				0;	
left:				0;	
width:				100%;	
height:				0;	
overflow:			visible;	
z-index:			1000000000; 
}

/* --- The below is just for non-javscript users --- */

#nav li { 
display:			block;
list-style:			none;
position:			relative;
float:				left;
}

#nav li li a, #nav li li a:visited{ /* Just submenu links*/	
display:			block;
width:				210px;
text-align:			left;
color:				#fff;
font-size:			11px;
font-weight:		bold;
white-space:		nowrap;
margin:				-1px 0 0 4px;
padding: 			3px 4px;
border:				#007ac3 1px solid;
background: 		#007ac3;
}

#nav li li a:hover{
color:				#fff;
background:			url('images/BTN-sub-nav.gif') repeat-x -1px center;
}

#nav li ul {
position: 			absolute;
margin-left: 		-1000em;
margin-top:			44px;
background: 		url('images/BG-subnav-bk.gif') top center no-repeat; 
z-index:			100000; 
}

#nav li:hover ul{	
margin: 			30px 0 0 -3px; 
}

/* Global Nav eof ***********************************************************************************************/

/* Gallery ***********************************************************************************************/

#Gallery{
width: 				630px;
height: 			297px;
z-index:			5;
border-top: 		1px solid #a9784d;
background:			#823c00;
position:			relative;
float:				left;
}

.baGallery a{
outline:			0;
overflow:			hidden;
}

#Gallery img.thumbnail{
display: 			none;
}

.baGallery{
position: 			relative;
}

.baGallery img{
border: 			0;
margin: 			0;
}

#Gallery span{
position:			absolute;
left:				0;
margin:				0 0 0 -10px;
top:				226px;
display:			block;
width:				620px;
height:				57px;
background: 		url('images/BG-feature-info.png') no-repeat center;
z-index:			1000000;
}

* html #Gallery span{
background: 		url('images/BG-feature-info.gif') no-repeat center;
}

.baGallery .slideElement, .baGallery .loadingElement{
width: 				100%;
height: 			100%;
background-color: 	#823c00;
background-repeat: 	no-repeat;
background-position:center center;
background-image: 	url('images/loading-bar.gif');
position: 			absolute;
left: 				0;
top: 				0;
}

.baGallery .slideInfoZone{
position: 			absolute;
z-index: 			1000001;
width: 				100%;
margin: 			0;
left: 				0;
bottom: 			0;
height: 			64px;
color: 				#fff;
text-indent: 		0;
overflow: 			hidden;
}

* html .baGallery .slideInfoZone{
bottom: 			-1px;
}

.baGallery .slideInfoZone h2{
padding: 			0;
font-size: 			19px;
line-height:		19px;
margin: 			3px 5px;
font-weight: 		bold;
letter-spacing:		-0.05em;
color:				#072842;
}

.baGallery .slideInfoZone p{
padding: 			0;
font-size: 			12px;
line-height:		12px;
margin: 			0 5px;
font-weight: 		bold;
color: 				inherit;
letter-spacing:		normal;
}

.baGallery .slideInfoZone p a, .baGallery .slideInfoZone p a:visited{
font-weight:		bold;
color:				#92d4f9;
}

.baGallery .slideInfoZone p a:hover{
color:				#fff;
}

.baGallery a{
font-size: 			100%;
text-decoration: 	none;
color: 				inherit;
}

.baGallery a.right, .baGallery a.left{
position: 			absolute;
height: 			100%;
width: 				41px;
cursor: 			pointer;
z-index:			10;
overflow:			hidden;
}

.baGallery a.left, .baGallery a.left:visited{
left: 			6px;
top: 			0;
background: 	url('images/fleche1.png') no-repeat -400px center;
}

.baGallery a.left:hover{
background: 	url('images/fleche1.png') no-repeat center;
}

* html .baGallery a.left { background: url('images/fleche1.gif') no-repeat center; }

.baGallery a.right, .baGallery a.right:visited{
right: 			6px;
top: 			0;
background: 	url('images/fleche2.png') no-repeat -400px center;
}

.baGallery a.right:hover{
background: 	url('images/fleche2.png') no-repeat center;
}

* html .baGallery a.right { background: url('images/fleche2.gif') no-repeat center; }

.baGallery a.open{
position: 		absolute;
top: 			0;
left: 			0;
height: 		100%;
width: 			620px;
cursor: 		pointer;
z-index: 		10;
background: 	none;
}

.withArrows a.open{
position: 		absolute;
top: 			0;
left: 			41px;
height: 		100%;
width: 			540px;
cursor: 		pointer;
z-index: 		10;
background: 	none;
}
		
/* Gallery eof ***********************************************************************************************/

/* Content ***********************************************************************************************/

#wrapper{
background:			url('images/BG-main.jpg') repeat-x top center;
}

#content-wrap{
width:				100%;
height:				auto;
}

#content{
padding:			25px 0 0 0;
background:			#421f00 url('images/BG-content-main.jpg') no-repeat top center;
}

/* Content eof ***********************************************************************************************/

/* Content Specifics ***********************************************************************************************/

.three-col-wrap{
padding:			12px 30px;
background:			url('images/BG-three-col-wrap.jpg') repeat-x top center;
}

.three-col{
width:				295px;
margin:				0 30px 0 0;
}

.three-col ul{
padding-top:		26px;
}

.three-col ul li{
background:			url('images/BG-brown-groove.jpg') repeat-x bottom center;
padding:			7px 0;
}

.three-col ul li a, .three-col ul li a:visited{
font-size:			12px;
line-height:		14px;
font-weight:		bold;
color:				#c5a283;
display:			block;
margin:				0 0 0 34px;
}

.three-col ul li a:hover{
color:				#fff;
}

.three-col ul li a small{
display:			block;
}

.three-col ul li span{
display:			block;
float:				left;
}

.three-col ul li span a, .three-col ul li span a:visited{
background:			url('images/BG-comment-icon.gif') no-repeat top center;
margin:				0;
font-size:			18px;
color:				#5c3614;
font-weight:		bold;
text-align:			center;
padding:			6px 0 0 0;
width:				28px;
height:				25px;
}

.three-col ul li span a:hover{
color:				#0675bd;
}

a.brown-butt, a.brown-butt:visited, a.brown-butt-light, a.brown-butt-light:visited{
background:			#2d1400 url('images/BTN-brown-butt.jpg') no-repeat right center;
display:			block;
text-transform:		uppercase;
font-size:			11px;
padding:			4px 19px 4px 10px;
width:				155px;
font-weight:		bold;
text-align:			center;
margin:				10px auto;
}

a.blue-butt, a.blue-butt:visited{
background:			#0870a9 url('images/BTN-blue-butt.jpg') no-repeat right bottom;
display:			block;
text-transform:		uppercase;
font-size:			11px;
padding:			9px 19px 9px 10px;
width:				260px;
font-weight:		bold;
text-align:			center;
color:				#fff;
margin:				10px auto;
}

a.blue-butt:hover{
background:			#e88e15 url('images/BTN-blue-butt.jpg') no-repeat right top;
color:				#62340c;	
}

a.brown-round, a.brown-round:visited{
background:			url('images/BTN-brown-round.jpg') no-repeat bottom center;
display:			block;
text-indent:		-9999px;
width:				200px;
height:				31px;
overflow:			hidden;
margin:				0 auto 10px auto;
}

a.brown-round:hover{
background:			url('images/BTN-brown-round.jpg') no-repeat top center;
}

a.brown-butt-light, a.brown-butt-light:visited{
background:			#2d1400 url('images/BTN-brown-butt-light.gif') no-repeat right center;
}


/* Content Specifics eof ***********************************************************************************************/

/* Homepage **********************************************************************************************/

#hero{
padding:			5px 30px 30px 30px;
display:			block;
width:				940px;
margin:				0 auto;
overflow:			hidden;
}

#who-we-are{
float:				right;
width:				280px;
padding:			10px 0 0 0;
}

#who-we-are p{
font-size:			20px;
line-height:		28px;
color:				#9f7047;
padding:			22px 0;
}

#who-we-are p strong{
font-size:			20px;
font-weight:		normal;
color:				#c5a283;
}

#who-we-are a, #who-we-are a:visited{
display:			block;
width:				226px;
height:				36px;
margin:				0 auto;
padding:			16px 8px 0 0;
overflow:			hidden;
font-size:			22px;
letter-spacing:		-0.04em;
font-weight:		bold;
text-align:			center;
color:				#fff;
background:			#421f00 url('images/BTN-find-out-more.jpg') no-repeat bottom center;
}

#who-we-are a:hover{
background:			#421f00 url('images/BTN-find-out-more.jpg') no-repeat top center;
}

#morphTabs{
margin:				26px 0 0 0;
background:			#996b42;
}

ul.morphtabs_title {
margin: 			0;
padding: 			0;
height: 			24px;
}

ul.morphtabs_title li{
float: 				left;
background-color: 	#3975BD;
padding: 			12px 0 0 0;
font-weight:		bold;
cursor: 			pointer;
color: 				#093b63;
font-size: 			16px;
height: 			33px;
display:			block;
width:				148px;
text-align:			center;
background:			url('images/BG-tab-selector.jpg') no-repeat top center;
}

.morphtabs_title li.over {
color:				#fff;
}

.morphtabs_title li.active {
color:				#3b1b01;
background:			#996b42 url('images/BG-tab-selector.jpg') no-repeat bottom center;
}

.morphtabs_panelwrap { 
position: 			relative;	
top: 				-1px;
clear: 				both;
overflow: 			hidden;
}

.morphtabs_panel {
color: 				#fff;
}

.morphtabs_panel ul{
padding:			8px 0;
margin:				0 auto;
width:				260px;
}

*:first-child+html .morphtabs_panel ul{
padding:			16px 0;
}

.morphtabs_panel ul li{
background:			none;
border-bottom:		#bc997a 1px dotted;
}

.morphtabs_panel ul li a, .morphtabs_panel ul li a:visited{
margin:				0;
color:				#ebd1b9;
}

.morphtabs_panel ul li a:hover{
color:				#fff;
}

.morphtabs_panel ul li a small{
color:				#3b1b01;
}

div.dark-back{
display:			block;
background:			#2d1400 url('images/BG-dark-brown.png') repeat top center !important;
padding:			30px;
}

div.dark-back div{
width:				300px;
margin:				0 25px 0 0;
}

div.dark-back h4{
padding:			0 0 15px 0;
}

#latest-portfolio ul li{
position:			relative;
margin:				0 0 14px 0;
border-top:			#a9784d 1px solid;
height:				90px;
}

#latest-portfolio ul li a, #latest-portfolio ul li a:visited{
display:			block;
overflow:			hidden;
height:				82px;
width:				292px;
border:				#652f00 4px solid;
}

#latest-portfolio ul li a:hover{
border:				#a9784d 4px solid;
}

#latest-portfolio ul li span{
position:			absolute;
display:			block;
background:			url('images/IMG-blue-ribbon.gif') no-repeat center;
width:				53px;
height:				53px;
top:				-1px;
left:				0;
}

#latest-portfolio ul li a img{
width:				292px;
}

#testimonials{
background:			url('images/BG-testimonials-top.jpg') no-repeat center 4px;
}

#testimonials p{
width:				260px;
margin:				16px 0 0 0;
padding:			12px 20px;
font-size:			18px;
line-height:		24px;
font-family:		Georgia, "Times New Roman", Times, serif;
font-style:			italic;
background:			url('images/BG-testimonials-btm.jpg') no-repeat bottom center;
}

#testimonials p em{
display:			block;
padding:			15px 0 10px 0;
text-align:			right;
font-style:			normal;
font-family:		Arial, Helvetica, sans-serif;
font-size:			12px;
line-height: 		14px;
font-weight:		bold;
color:				#9f7047;
}

#partner-overview p{
padding-left:		10px;
}

#partner-overview a{
font-weight:		bold;
}

/* Homepage eof ***********************************************************************************************/

/* Posts / Page Styles ****************************************************************************************/

#box-wrap{
display:			block;
width:				975px;
height:				180px;
padding:			0 0 30px 25px;
}

#box-wrap div#who-box, #box-wrap div#register-box, #box-wrap div#promo-box{
display:			inline-block;
float:				left;
width:				292px;
height:				175px;
border-top: 		1px solid #a9784d;
margin:				0 25px 0 0;
padding:			4px;
background:			#652f00 url('images/BG-brown-fade.jpg') repeat-x top center;
position:			relative;
}

#box-wrap div h2, #box-wrap div p{
padding:			6px 10px 3px 10px;
}

#box-wrap div p strong{
color:				#fff;
}

#box-wrap div#promo-box a{
display:			block;
overflow:			hidden;
height:				175px;
}

#box-wrap div#promo-box img{
max-width:			400px;
margin:				0 0 0 -20%;
}

#register-wrap{
background:			#2d1400;
display:			block;
height:				30px;
width:				270px;
margin:				0 auto;
position:			relative;
}

#register-wrap input#feedburner{
background:			#fff url('images/ICON-feedburner.jpg') no-repeat 4px center;
padding:			6px 4px 4px 26px;
float:				left;
height:				18px;
border:				#2d1400 1px solid;
font-size:			12px;
}

#register-box a{
font-weight:		bold;
color:				#fff;
}

#register-wrap span{
position:			absolute;
right:				0;
}

input#register-submit{
background:			#2d1400 url('images/BTN-brown-butt-light.gif') no-repeat right center;
display:			block;
text-transform:		uppercase;
font-size:			11px;
padding:			7px 14px 7px 5px;
width:				86px;
font-weight:		bold;
text-align:			center;
color:				#fff;
height:				30px;
}

*:first-child+html input#register-submit{
padding:			7px 14px 6px 5px;
}

#register-box span#rss-icon{
position:			absolute;
display:			block;
right:				10px;
top:				10px;
width:				36px;
height:				32px;
background:			url('images/ICON-rss.jpg') no-repeat center;
text-indent:		-9999px;
overflow:			hidden;
cursor:				pointer;
}

#register-box p#rss-butt a{
text-align:			center;
font-size:			11px;
text-transform:		uppercase;
display:			block;
width:				257px;
height:				26px;
padding:			6px 0 0 10px;
background:			url('images/BTN-RSS.jpg') no-repeat center;	
}

#blog-header{
padding:			8px 25px;
background:			#381a01;
margin:				0 0 25px 0;
border-top:			#5c3615 1px solid;
border-bottom:		#5c3615 1px solid;
}

#single-col{
float:				left;
margin:				0 0 25px 25px;
width:				582px;
padding:			20px;
border:				#fff 1px solid;
background:			#f6f0e7;
}

#single-col a, #single-cola:visited{
text-decoration:	none;
font-weight:		bold;
color:				#0870a9;
border:				none;
}

#single-col .entry img{
max-width:			570px;
border:				#eddfcc 6px solid;
}

#single-col .entry img.float{
float:				left;
margin:				0 10px;
}

#single-col a:hover{
color:				#381a01;
}

#single-col h2.title{
position:			relative;
display:			block;
float:				right;
width:				390px;
padding:			16px 60px 16px 24px;
background:			#eddfcc;
line-height:		100%;
font-size:			28px;
margin:				0 0 15px 0;
}

#single-col h2.title small{
display:			block;
letter-spacing:		0;
color:				#462203;
font-weight:		bold;
padding:			8px 0 0 0;
}

#single-col p{
color:				#462203;
line-height:		22px;
}

.av-wrap{
display:			block;
height:				80px;
width:				80px;
float:				left;
padding:			4px;
background:			#462203;
margin:				0;
}

#single-col h2.title span.speach{
display:			block;
width:				17px;
height:				45px;
position:			absolute;
top:				10px;
left:				-17px;
background:			url('images/BG-blog-speach.jpg') no-repeat center;
}

#single-col h2.title span.comment-bubble{
display:			block;
width:				57px;
height:				43px;
position:			absolute;
top:				-5px;
right:				-5px;
text-align:			center;
font-size:			23px;
padding:			6px 0 0 0;
background:			url('images/BG-comment-bubble.gif') no-repeat center;
}

.postmetadata{
font-size:			11px;
padding:			4px 10px;
border-top:			#e8d8c3 1px solid;
border-bottom:		#e8d8c3 1px solid;
margin:				12px 0 35px 0;
}

.postmetadata span{
display:			block;
float:				left;
width:				20px;
height:				20px;
margin:				0 5px 0 0;
background:			url('images/ICON-tagged.gif') no-repeat center;
}

#single-col a.more-link, #single-col a.more-link:visited{
display:			block;
float:				right;
padding:			6px 8px;
color:				#fff;
text-transform:		uppercase;
margin:				10px 0;
font-size:			14px;
background:			#256cde url('images/BG-more-link.jpg') no-repeat center;
}

#single-col a.more-link:hover{
background:			#fe9200;
color:				#482406;
}

#single-col .flickr-thumb a{
border:				#EDDFCC 5px solid;
display:			block;
}

#single-col .flickr-thumb a:hover{
border-color:		#6F3E14;
}

#single-col .flickr-thumb a img{
border:				none;
}

.navigation a, .navigation a:visited{
display:			block;
color:				#027ec3;
text-transform:		uppercase;
font-size:			14px;
height:				25px;
}

.navigation .alignleft a, .navigation .alignleft a:visited{
padding:			6px 15px 0 23px;
background:			#ebe1cb url('images/BG-blog-nav-left.jpg') no-repeat center left;
}

.navigation .alignright a, .navigation .alignright a:visited {
padding:			6px 23px 0 15px;
background:			#ebe1cb url('images/BG-blog-nav-right.jpg') no-repeat center right;
}

.rightarrow a{
padding:			6px 23px 6px 15px;
background:			#ebe1cb url('images/BG-blog-nav-right.jpg') no-repeat center right;
margin:				0 15px;
line-height:		50px;
}

#single-col h2,#single-col h4,#single-col h5,#single-colh6{
color:				#2079b9;
margin:				10px 0 4px 0;
}

#single-col h3{
color:				#44270F;
margin:				10px 0 4px 0;
}

#single-col strong{
color:				#44270f;
}

#single-col ul, #single-col .entry ol{
padding:			5px 18px;
margin:				7px 0 15px 0;
background:			#EDDFCC;
border-top:			#996B42 1px solid;
color:				#44270F;
}

#single-col ul li, #single-col .entry ol li{
margin:				7px 0 10px 0;
padding:			0 0 0 14px;
font-weight:		normal;
font-size:			14px;
background:			url('images/BG-sml-blue-arrow.gif') no-repeat left 6px;
}

#single-col .entry ol li{
background:			none;
list-style:			decimal;
margin:				7px 0 10px 14px;
padding:			0;
}

#single-col ul li a, #single-col .entry ol li a, #single-col ul li a:visited, #single-col .entry ol li a:visited{
border-bottom:		1px solid;
}

#single-col ul li a:hover, #single-col .entry ol li a:hover{
color:				#44270F;
}

#single-col ul li strong, #single-col ol li strong{
font-size:			18px;
color:				#44270F;
}

#single-col .sociable ul, #single-col .sociable ul li, #single-col .sociable ul li a{
padding:			2px 2px 0 0;
background:			none;
border:				none;
color:				#44270f;
}

#single-col .entry .sociable img{
border:				none;	
}

#single-col .sociable .sociable_tagline{
padding-bottom:		4px;
}

#single-col .quote {
background:			#EDDFCC url('images/quote-bgd.gif') no-repeat bottom center;
color:				#44270F;
margin:				5px 5px 10px;
padding:			15px 20px 38px;
font-family:		Georgia,"Times New Roman",Times,serif;
font-size:			14px;
font-style:			italic;
border-top:			1px solid #996B42;
}

#single-col .quote span {
font-style:italic;
display:block;
margin-bottom:-40px;
margin-left:90px;
padding-top:20px;
font-size:11px;
}

#single-col .wp-caption-text {
font-size:10px;
text-align:center;
margin-top:-8px;
line-height:14px;
}

#single-col .code {
background:			#EDDFCC;
color:				#44270F;
margin:				5px 5px;
padding:			15px 20px;
font-family: 		"Courier New", Courier, monospace;
font-size:			14px;
border-top:			1px solid #996B42;
}

#ecommerce-wrap{
display:			block;
width:				961px;
margin:				0 auto;
}

#ecommerce-wrap div{
display:			block;
float:				left;
width:				278px;
padding:			20px 20px 5px 20px;
margin:				0;
border:				#553215 1px dotted;
}

#ecommerce-wrap div h3{
font-size:			24px;	
}

#ecommerce-wrap div img{
float:				left;
width:				90px;
height:				90px;
margin:				0 5px 0 0;
padding:			0;
}

#ecommerce-wrap div#seo-for-commerce{
border-top:			none;
border-left:		none;
}

#ecommerce-wrap div#conversion-optimization{
border-top:			none;
border-left:		none;
border-right:		none
}

#ecommerce-wrap div#ecommerce-analytics{
border-top:			none;
border-right:		none;
}

#ecommerce-wrap div#ecommerce-design{
border-top:			none;
border-left:		none;
border-bottom:		none;
}

#ecommerce-wrap div#ecommerce-development{
border:				none;
}

#ecommerce-wrap div#ecommerce-email{
border-top:			none;
border-right:		none;
border-bottom:		none;
}

.dark-full{
display:			block;
padding:			20px;
border:				1px;
margin:				20px;
width:				920px !important;
}

.dark-full h4{
color:				#0074bb;
font-size:			24px;
}

/* Posts / Page Styles eof ****************************************************************************************/

/* Comments ****************************************************************************************/

#commentform input, #commentform textarea{
border:				#e8d8c3 1px solid;
padding:			4px;
max-width:			582px;
}

#commentform input#submit{
display:			block;
width:				140px;
float:				right;
padding:			6px 8px;
color:				#fff;
text-transform:		uppercase;
margin:				10px 0;
font-size:			11px;
font-weight:		bold;
border:				none;
background:			#256cde url('images/BG-more-link.jpg') no-repeat center;
}

h3#comments{
padding:			0 0 15px 0;
}

.commentlist{
margin:				0;
padding:			0;
}

.comment{
position:			relative;
display:			block;
float:				right;
width:				425px;
padding:			16px 24px;
background:			#eddfcc;
line-height:		100%;
font-size:			28px;
margin:				0 0 15px 0;
font-size:			18px;
font-weight:		bold;
}

.comment small{
display:			block;
letter-spacing:		0;
color:				#462203;
font-weight:		bold;
padding:			8px 0 0 0;
}

.comment span.speach{
display:			block;
width:				17px;
height:				45px;
position:			absolute;
top:				10px;
left:				-17px;
background:			url('images/BG-blog-speach.jpg') no-repeat center;
}

.comment a.url{
font-size:			18px;
}

.comment p{
font-size:			14px;
font-weight:		normal;
}

#single-col .comment small a.comment-edit-link strong{
font-size:			12px;
color:				#44270f;
}

/* Sidebar ***********************************************************************************************/

#sidebar{
float:				right;
width:				298px;
margin:				0 25px 0 0;
}

#sidebar h2, #sidebar h4{
color:				#fff;
font-size:			22px;
}

#sidebar ul li ul{
padding:			15px;
margin:				14px 0;
background:			#381a01;
}

#sidebar ul li ul li ul{
margin:				0;
padding:			10px 6px;
}

#sidebar ul li ul li ul li{
margin:				0;
padding:			0 0 0 12px;
background:			url('images/BG-sml-brown-arrow.gif') no-repeat left 7px;
}

#sidebar #morphTabs{
margin:				14px 0 24px 0;
}

#sidebar .cta-yellow a, #sidebar .cta-yellow a:visited, #sidebar .cta-yellow a:hover{
display:			block;
width:				100%;
height:				254px;
background:			url('images/BG-CTA-yel.jpg') no-repeat bottom center;
overflow:			hidden;
margin:				0 0 24px 0;
text-indent:		-9999px;
}

/* Sidebar eof ***********************************************************************************************/

/* Widgets ***********************************************************************************************/

#top-commentators{
display:			block;
padding:			15px;
margin:				14px 0;
background:			#381a01;	
}

#top-commentators ol{
padding:			10px 0 0 0;	
}

#top-commentators ol li{
background:			url('images/BG-top-comments.jpg') no-repeat left top; 
padding:			4px 5px 0 20px;
margin:				4px 0;
color:				#652f00;
}

#top-commentators ol li img{
float:				left;
border:				#652f00 2px solid;
margin:				0 6px 0 0;
}

#top-commentators ol li a{
display:			block;
height:				40px;
font-size:			14px;
line-height:		36px;
}

/* Widgets eof ***********************************************************************************************/

/* Bespoke pages ***********************************************************************************************/

#banner{
display:			block;
float:				left;
height:				242px;
width:				618px;
padding:			6px;
margin:				0 0 25px 25px;
border-top: 		1px solid #a9784d;
background:			#823c00;
}

#cta-blue a{
display:			block;
float:				right;
width:				300px;
height:				255px;
background:			#256cde url('images/BG-CTA-blue.jpg') no-repeat center;
text-indent:		-9999px;
margin:				0 25px 25px 0;
}

.mag-com-wrap{
padding:			0 0 15px 120px;
background:			url('images/BG-magento-badge.jpg') no-repeat top left;
margin:				0 30px 25px 30px;
border-bottom:		#5c3614 1px dotted;
width:				820px;
}

.mag-com-wrap img{
padding:			5px;
background:			#652f00;
border-top:			#a9784d 1px solid;
}

.mag-com-dark{
display:			block;
margin-left:		30px;
width:				940px;
padding:			0 0 30px 0;
background:			#2d1400;
}

.mag-com-wrap a.brown-butt{
float:				right;	
width:				110px !important;
margin:				10px 0 0 10px !important;
}

.mag-com-dark ul{
display:			block;
width:				900px;
padding:			20px;
}

.mag-com-dark ul li{
display:			inline-block;
width:				255px;
margin:				0 0 0 18px;
padding:			10px 20px 0 0;	
background:			url('images/BG-v-groove.jpg') repeat-y top right;
float:				left;
}

.mag-com-dark ul li.no-back{
background:			none;
padding:			10px 0 0 0;	
}

.mag-com-dark ul li p{
padding:			0;	
}

.mag-com-dark ul li h4{
color:				#0074bb;
font-size:			18px;
letter-spacing:		0;
line-height:		22px;
}

.mag-com-dark ul li h4 small{
display:			block;
width:				100%;
color:				#fff;
font-size:			15px;
}

.mag-com-dark ul li a, .mag-com-dark ul li a:visited{
display:			block;
width:				200px;
height:				25px;
margin:				8px auto;
text-align:			center;
color:				#88613e;
padding:			6px 0 0 0;
background:			url('images/BTN-brown-round-dark.jpg') no-repeat center;
}

.mag-com-dark ul li a:hover{
color:				#e88e15;	
}

/* Bespoke pages eof ***********************************************************************************************/

/* Footer ***********************************************************************************************/

#footer-wrap{
display:			block;
width:				100%;
background:			url('images/BG-footer-bk.jpg') no-repeat bottom center;
}

#footer{
height:				180px;
}

#footer ul{
float:				left;
padding:			10px 0 0 20px;
}

#footer ul li{
display:			block;
float:				left;
color:				#2d1400;
font-size:			14px;
border-right:		#653206 1px solid;
padding:			0 4px 0 0;
margin:				0 0 0 2px;
}

#footer ul li a, #footer ul li a:visited{
font-weight:		bold;
color:				#b39072;
padding:			0 0 0 3px;
}

#footer ul li a:hover{
color:				#fff;
}

#footer ul li a.top, #footer ul li a.top:visited{
padding:			0 0 0 14px;
background:			url('images/BG-up-arrow.gif') no-repeat left -27px;
}

#footer ul li a.top:hover{
background:			url('images/BG-up-arrow.gif') no-repeat left 4px;
}

#copyright-wrap{
display:			block;
width:				100%;
background:			#2d1400;
}

#copyright{
height:				100px;
}

#copyright ul{
padding:			10px 0 0 20px;
}

#copyright ul li{
float:				left;
}

#copyright ul li a, #copyright ul li a:visited{
display:			block;
width:				80px;
height:				80px;
overflow:			hidden;
background-repeat:	no-repeat;
background-position:top center;
text-indent:		-9999px;
}

#copyright ul li a:hover{
background-position:bottom center;
}

#copyright ul li a#pe-badge{
background-image:	url('images/IMG-pe-badge.jpg');
}

#copyright ul li a#bv-badge{
background-image:	url('images/IMG-bv-badge.jpg');
}

#copyright ul li a#mag-badge{
background-image:	url('images/IMG-mag-badge.jpg');
}

#copyright ul li a#alltop-badge{
background-image:	url('images/IMG-alltop-badge.jpg');
}

#copyright p{
float:				right;
color:				#65350c;
font-size:			12px;
text-align:			right;
font-weight:		bold;
padding:			45px 20px 0 0;	
line-height:		14px;
}

#copyright p a, #copyright p a:visited{
color:				#65350c;
}

#copyright p a:hover{
color:				#fff;
}

.tooltip{

}

.tip {
padding: 			10px 10px 30px 10px;
display:			block;
width:				245px;
height:				39px;
background:			url('images/IMG-tool-tip-bk.png') no-repeat center;
}

* html .tip{
background:			url('images/IMG-tool-tip-bk.gif') no-repeat center;
}

.tip-title{
color: 				#fff;
font-size: 			11px;
line-height:		11px;
font-weight:		bold;
}

.tip-text{
display:			none;
}

a.big-no, a.big-no:visited{
display:			block;
float:				left;
width:				331px;
height:				67px;
text-indent:		-9999px;
overflow:			hidden;
margin:				35px 0 0 20px;
background:			url('images/IMG-big-no.gif') no-repeat bottom center;
}

a.big-no:hover{
background:			url('images/IMG-big-no.gif') no-repeat top center;
}

a#logo-footer{
margin:				40px 20px 0 0;
float:				right;
}

/* Footer eof ***********************************************************************************************/