/* @override http://www.blueacorn.com/wp-content/themes/blueacorn_v6/style.css
	http://blueacorn.dev/wp-content/themes/blueacorn_v6/style.css */

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

/* Global

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

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

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

img {
	margin: 0;
	padding: 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;
}

#toggle label { display:block; float:left; width:68px !important; height:28px; padding:10px 0 0; text-align:right !important; font-size:12px; clear:both; }
#fname, #femail, #fphone, #fweb { width:220px !important; }

#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;		
}

#address-wrap a, #address-wrap a:visited {
color:#fff;
text-decoration:none;
font-weight:bold;
}

#address-wrap a:hover {
text-decoration:underline;
}

/* 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 10px;
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:				190px;
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;
}

.portfolio-galleries img.thumbnail, #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;
}

.portfolio-galleries{
width: 				450px;
height: 			300px;
z-index:			5;
border-top: 		1px solid #a9784d;
background:			#823c00;
position:			relative;
/*float:				left;*/
}

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

#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 left center;
z-index:			1000000;
}

* html .portfolio-galleries span, * 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 ***********************************************************************************************/

/* Portfolio page ***********************************************************************************************/

.portfolio-left { margin-right: 25px; float:left; width:450px;  }
.portfolio-right { float:left; width: 460px; }
.portfolio-bottom { margin:15px 0 30px; }
.portfolio-highlights { background-color:#2D1400; border-top:1px solid #5C3614; padding:20px; width:190px; float:left; }
.portfolio-highlights ul { margin: 10px 0; }
.portfolio-highlights li { margin:0 0 15px 5px; background:url('images/dark-arrow.png') no-repeat 0 3px; padding-left:20px; }
.portfolio-bottom .testimonialpic { margin: 0 0 0 35px; }
.portfolio-bottom .portfolio-right { width:675px; margin-left:30px;}
.mid-quote { 
background:			#2D1400 url('images/BG-mid-quote-bottom.png') no-repeat bottom left;
margin:				0 0 15px 15px;
width:				530px;
padding:			15px 20px 40px;
border-top:			1px solid #5c3614;
font-family:		Georgia,"Times New Roman",Times,serif;
font-size:			14px;
font-style:			italic;
float:left;}

/* 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;
display:block;
}

/* 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;
}

.two-col{
width:				438px;
margin:				0 30px 0 0;
}

.two-col ul{
padding-top:				0;
}

a.brown-butt, a.brown-butt:visited, a.brown-butt-light, a.brown-butt-light:visited, .page-content-wrap a.toggle_link{
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;	
}

.product-3col a.toggle_link {
display:			block;
width:				226px;
height:				36px;
margin:				20px auto 0;
padding:			17px 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-products-more.jpg') no-repeat;
}

.product-3col a.toggle_link:hover {
background-position:0 -65px;
}

#pager-container { width: 940px; height:720px;z-index:5;position: relative; overflow: visible; }
#pagerControls {
border-bottom:1px dotted #1C0C00;
border-top:1px dotted #1C0C00;
height:50px;
margin:10px 0 20px;
padding:5px 0;
}

a.pager {
display:			block;
height:				32px;
overflow:			hidden;
font-size:			18px;
letter-spacing:		-0.04em;
font-weight:		bold;
text-align:			center;
color:				#fff;
float:				left;
cursor:				pointer;
}

.nextPage {
width:				140px;
padding:			15px 8px 0 0;
background:			url('images/BTN-prev-next.png') bottom right no-repeat;
margin-left:		540px;
}

.prevPage {
width:				115px;
padding:			15px 10px 0 25px;
background:			url('images/BTN-prev-next.png') bottom left no-repeat;
margin-left:		50px;
}

a.nextPage:hover, a.prevPage:hover {
background-position:top right;
}

a.prevPage:hover, a.prevPage:hover {
background-position:top left;
}

.portfolio-right .testimonialpic {
margin:0;
}

.narrow-quote {
background:			#2D1400 url('images/BG-narrow-quote.png') no-repeat bottom left;
margin:				15px 0;
padding:			15px 20px 38px;
font-family:		Georgia,"Times New Roman",Times,serif;
font-size:			14px;
font-style:			italic;
border-top:			1px solid #5c3614;
}

.narrow-quote span {
margin-left:55px !important;
}

#sub-product {
background:#2D1400 /*url('images/IMG-audit-icon.png') no-repeat*/;
margin:25px auto;
padding:8px 0 9px;
text-align:right;
width:620px;
font-weight:bold;
}

#sub-product a.toggle_link{
background:			#0870a9 url('images/BTN-blue-butt-light.jpg') no-repeat right top;
display:			inline;
text-transform:		uppercase;
font-size:			11px;
padding:			12px 19px 12px 10px;
font-weight:		bold;
text-align:			center;
color:				#fff;
margin:				10px 0 10px 20px;
}

#sub-product a.toggle_link:hover{
background-position: right bottom;
background-color:#e88e15;
}

#sub-product img {
float:left;
margin:-20px;
background:transparent;
border-top:none;
}

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;
}

.testimonialpic {
margin:5px 0 0 25px;
}

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

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

#partner-overview h4{
margin-left:		8px;
}

/* 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-box .twitter {
	background-color: #482102;
	margin: 7px 10px 14px;
	padding-top: 8px;
}


#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;
margin-bottom: 8px;
}

#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, .narrow-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;
}

ul.incheck {
list-style:none;
}

ul.incheck li {
display:inline;
background: url('images/ICON-check.gif') no-repeat;
line-height:25px;
padding:2px 10px 2px 25px;
}

/* 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;
}

.page-content-wrap{
padding:			/*12px*/ 0 30px;
} 

.page-content-wrap .quote {
background:			#2D1400 url('images/BG-single-col-quote.png') no-repeat bottom center;
margin:				5px 5px 30px 125px;
width:				743px;
padding:			15px 20px 38px;
font-family:		Georgia,"Times New Roman",Times,serif;
font-size:			14px;
font-style:			italic;
border-top:			1px solid #5c3614;
}

.page-content-wrap .video {
background:			#2D1400 url('images/BG-video-bottom.png') no-repeat bottom left;
margin-left:		14px;
width:				300px;
padding:			20px 20px 40px;
border-top:			1px solid #5c3614;
font-family:		Georgia,"Times New Roman",Times,serif;
font-size:			14px;
font-style:			italic;
float:left;
}

.page-content-wrap strong{
color:			#fff;
}

.page-content-wrap .quote span, .page-content-wrap .video span, .mid-quote span {
font-style:italic;
display:block;
margin-bottom:-40px;
margin-left:90px;
padding-top:20px;
font-size:11px;
}

.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, .page-content-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, .product-3col 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;	
}
*/

.product-3col{
display:			block;
margin-left:		30px;
width:				940px;
padding:			0 0 30px 0;
background:			url('images/BG-prod-3col.gif') no-repeat #2d1400;
}

.product-3col ul{
display:			block;
padding:			20px 0;
}

.product-3col ul li h4{
color:				#0074bb;
font-size:			26px;
letter-spacing:		0;
line-height:		30px;
text-align:center;
}

.product-3col ul li{
display:			inline-block;
width:				273px;
padding:0 20px;
float:				left;
}

.product-3col ul li h4 small{
display:			block;
width:				100%;
color:				#fff;
font-size:			16px;
}

.product-3col ul li ul {
padding:0px;
margin-top:20px;
}

.product-3col ul li ul li{
display:block;
float:none;
width:270px;
text-align:center;
margin:0px;
padding:5px 0;
border-bottom:1px dotted #4d2d11;
}


/* 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 10px;
}

#footer ul.footer-nav li{
}

#footer ul li{
display:			block;
float:				left;
color:				#2d1400;
font-size:			14px;
border-right:		#653206 1px solid;
padding:			0 12px;
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 20px;
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:				90px;
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#mag-badge-gold{
background-image:	url('images/IMG-mag-badge-gold.png');
width: 				100px;
}

#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;
}

#copyright ul li a#google-badge {
    background-image: url("images/IMG-google-badge.png");
}

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

/* Start Team Page */
.team_header{
	text-align: center;
	margin: 14px 80px;
}

.team_header h1 {
	font-size: 40px;
	margin-bottom: 20px;
}

.team_header p {
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 32px;
}

.team_photos {
	margin: 0px 25px 25px;
	display: inline-block !important;
	width: 950px;
	padding: 0px !important;
}

.team_photos ul {
	margin: 46px 0 12px 52px;
}

.team_photos li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 135px;
	margin-right: 43px;
	float: left;
	height: 212px;
}

.team_photos .team_photo_frame {
	background: url(images/frame.png) 0 0;
	width: 133px;
	height: 122px;
	position: absolute;
	z-index: 10;
	margin: 0;
}

.team_photos li:hover .team_photo_frame_hover {
	background: url(images/frame.png) 0 bottom;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	opacity: 1;
	*z-index: 100 !important;
	*zoom: 1;
	filter: alpha(opacity = 90);

}


.team_photos .team_photo_frame_hover {
	background: url(images/frame.png) 0 bottom;
	width: 133px;
	height: 122px;
	position: absolute;
	z-index: 10;
	margin: 0;
	opacity: 0;
	*zoom: 1;
	filter: alpha(opacity = 0);
}


.team_photos .team_photo_frame_hover .photo_tw, .team_photos .team_photo_frame_hover .photo_no_tw, .team_photos .team_photo_frame_hover .photo_no_li, .team_photos .team_photo_frame_hover .photo_li {
	display: block;
	height: 49px;
	width: 49px;
	overflow: hidden;
	text-indent: -100px;
	margin-left: 44px;
}


.team_photos .team_photo_frame_hover .photo_no_tw {
	background: url(images/ICON-social-links.png) right top;
	margin-top: 16px;
	opacity: 0.7;	
}

.team_photos .team_photo_frame_hover .photo_tw {
	background: url(images/ICON-social-links.png) left bottom;
	margin-top: 16px;
	opacity: 0.6;
}




.team_photos .team_photo_frame_hover .photo_tw:hover {
	background: url(images/ICON-social-links.png) left top;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	opacity: 1;
}

.team_photos .team_photo_frame_hover .photo_no_li {
	background: url(images/ICON-social-links.png) right top;
	position: relative;
	top: -7px;
	opacity: 0.7;
}


.team_photos .team_photo_frame_hover .photo_li {
	background: url(images/ICON-social-links.png) -49px bottom;
	position: relative;
	top: -7px;
	opacity: 0.6;
}

.team_photos .team_photo_frame_hover .photo_li:hover {
	background: url(images/ICON-social-links.png) -49px top;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	opacity: 1;
}


.team_photos li:hover h5, .team_photos li:hover p {
	color: #b4dfff;
	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
	text-shadow: 0 1px 5px #000000;
}


.team_photos li h5 {
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	text-align: center;
	margin-top: 19px;
}

.team_photos li p {
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	padding-top: 4px;
}

.team_photos li img {
	position: relative;
	top: 6px;
	left: 7px;
	background-color: #f7f0e6;
}

.team_photos a.team_the_next {
	margin-left: auto;
	margin-right: auto;
	width: 306px;
	height: 36px;
	overflow: hidden;
	background: url('images/BTN-next-staff.png') no-repeat left top;
	padding: 0;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding-top: 18px;
	margin-bottom: 44px;
	*position: relative;
	*top: -20px
}


.team_photos a.team_the_next:hover {
	background: url('images/BTN-next-staff.png') no-repeat left bottom;
}

/* @group ABOUT US PAGE */
.about-us-bg { display:block; float:left; background: #f6f0e7; margin:0 25px; padding:50px 56px 63px; width:838px; }
.about-us-left { display:block; float:left; width:540px; padding-right:53px; }
.about-us-left h2 { font:bold 26px/30px Arial, Helvetica, sans-serif; color:#2079b9; margin:46px 0 13px;}
.about-us-left h2:first-child { margin:0px; }
.about-us-left p { font:normal 14px/22px Arial, Helvetica, sans-serif; color:#462203; }
a.about-us-button { display:block; float:left; width:430px; height:48px; line-height:48px; text-align:center; background: url('images/about-button-bg.png') no-repeat left top; color:#fff; font:bold 22px/48px arial, Helvetica, sans-serif; text-shadow:0 -1px 0 rgba(0,0,0,0.3); -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.3); -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.3); margin-top:51px; margin-left:51px; }
a.about-us-button:hover { background-position:left bottom; }
.about-us { display:inline-block; }
.about-us-buttons { display:block; float:left; width:950px; padding:25px; height:38px; }
.about-us-right { display:block; float:left; width:233px; padding:6px; background: #eddfcc; }
.about-us-image { display:block; float:left; width:233px; height:1159px; background: url('images/about-image.jpg') left top no-repeat; }


.our-team-buttons { display:block; float: left; width: 950px !important; padding:0 0 25px; margin: 0 25px; display: none; }
.hide-member {  }
.team p { display: block; clear: both; }
.footer-button-right { display:block; float:right; height:38px; line-height:38px; padding:0 37px 0 20px; background: url('images/nav-arrow-right.png') right top no-repeat; color:#fff !important; text-transform:uppercase; font-size:11px; text-shadow:0 -1px 0 rgba(0,0,0,0.3); -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.3); -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.3); font-weight: bold; }
.footer-button-right:hover { background-position:right bottom; }
.footer-button-left { display:block; float:left; height:38px; line-height:38px; padding:0 20px 0 37px; background: url('images/nav-arrow-left.png') left top no-repeat; color:#fff !important; text-transform:uppercase; font-size:11px; text-shadow:0 -1px 0 rgba(0,0,0,0.3); -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.3); -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.3); font-weight: bold; }
.footer-button-left:hover { background-position:left bottom; }

/* @group OUR TEAM */
.our-team-buttons { display:block; float: left; width: 950px !important; padding:0 0 25px; margin: 0 25px; }
.team p { display: block; clear: both; }
/* @end */
 
/* @group JOBS */
.jobs-bg { display:inline-block; background: #f6f0e7; margin:0 25px 25px; padding:50px 56px 63px; width:838px; }
.jobs h2 { display:block; float:left; clear:both; font:bold 26px/30px Arial, Helvetica, sans-serif; color:#2079b9; margin:46px 0 13px; }
.jobs h2:first-child { margin-top:0px; }
.jobs-bg p { font:normal 14px/22px Arial, Helvetica, sans-serif; color:#462203; clear:both; }
.jobs-bg ul { display:block; float:left; width:804px; border-top:1px solid #9a6c3f; background:#eedfcb; padding:7px 17px 7px 17px; margin-bottom:15px; }
.jobs-bg ul li { display:block; float:left; clear:both; padding:5px 0 6px 14px; background: url('images/BG-sml-blue-arrow.gif') no-repeat left 10px; font:normal 14px/19px arial, helvetica, sans-serif; color:#44270F; }
.jobs-bg ul li a { font:bold 14px/normal Arial, Helvetica, sans-serif; text-decoration:underline; }
.jobs-bg ul li a:hover { color:#44270F; }
.jobs-bg strong { display:block; float:left; clear:both; font:bold 14px/22px Arial, Helvetica, sans-serif; color:#44270F; padding:5px 0;  }
.jobs-bg p strong { display:inline; clear:none; float:none; }
/* @end */
 
/* @group PORTFOLIO DETAIL PAGE */

.profile_header{ text-align: center; margin: 14px 80px; }
.profile_header h1 { font-size: 40px; margin-bottom: 20px; }
.profile_header p { text-align: center; font-size: 20px; line-height: 30px; margin-bottom: 32px; }


.profile { margin: 0px 25px 25px; display: inline-block !important; width: 950px; padding: 0px !important; }
.profile_content { width:815px; display:inline-block !important; padding:55px 81px 52px 54px !important; }
.profile_left { display:block; float:left; width:365px !important; }
.profile_left h1 { display:block; float:left; clear:both; width:365px; font:bold 40px/30px arial,helvetica,sans-serif; padding:1px 0 25px 0; }
.profile_left p { display:block; float:left; width:100%; font:normal 14px/22px arial,helvetica,sans-serif; padding:0 0 20px 0; color:#b28f68; }
.profile_left h2 { display:block; float:left; width:100%; font:bold 26px/30px arial,helvetica,sans-serif; padding:20px 0 20px 0; }
 
.results { display:block; float:left; width:363px; border:1px solid #482d15; margin-bottom:26px; }
.results li { display:block; border-bottom:1px solid #482d15; width:242px; height:65px; padding:0 30px 0 91px; background: url('images/portfolio-check.png') left top no-repeat; }
.results li:last-child { border-bottom:0px; }
.results li div { display:table-cell; vertical-align:middle; width:242px; height:65px; padding:0px; font:normal 14px/22px arial, helvetica, sans-serif; margin:0px; }
 
.role { display:block; float:left; width:363px; border:1px solid #482d15; clear:both; }
.role li { display:block; border-bottom:1px solid #482d15; width:242px; height:50px; padding:0 30px 0 91px; background: url('images/portfolio-arrow.png') left top no-repeat; }
.role li:last-child { border-bottom:0px; }
.role li div { display:table-cell; vertical-align:middle; width:242px; height:50px; padding:0px; color:#b4dfff; font:normal 14px/22px arial, helvetica, sans-serif; margin:0px;}
 
.profile_right { width:368px !important; margin:0px !important; float:right; }
.profile_right .slider { margin:0px; position:relative; display:block; float:left; clear:both; width:370px !important; height:600px; }
 
.profile_right .image-slider { display:block; float:left; clear:both; width:370px; height:500px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:0; box-shadow: 0px 1px 2px #230f00; }
.profile_right .image-slider li { display:block; float:left; clear:none; }
.slider-overlay { width:370px !important; height:500px; position:absolute; z-index:100; background: transparent url('images/portfolio-slider-overlay.png') left top no-repeat; left:0px; top:0px; margin:0px !important;  }
.profile_right .image-slider li .note { display:block; width:370px; height:100px; z-index:10; position:absolute; top:500px; left:0px; background: transparent url('images/portfolio-slider-note.png') left top no-repeat; text-align:center; color:#fff; margin:0px; }

.profile_right .note .note-table { display:block; width:370px; height:100px; float:left; margin:0px; }
.profile_right .note .note-table strong { display:table-cell; vertical-align:middle; width:330px; height:70px; font:normal 17px/22px helvetica,arial,sans-serif; color:#fff; padding:10px 20px 20px; text-shadow:0 -1px 1px rgba(0,0,0,0.40); }
 
.profile_right .slider-controls { display:block; float:left; height:26px; width:370px;; position:relative; top:500px; text-align:center; margin:0px; padding-top:25px; }
.profile_right .slider-controls a { display:inline-block; width:20px; height:26px; background: transparent url('images/new-portfolio/pager-buttons.png') center bottom no-repeat; text-indent:-9999px; }
.profile_right .slider-controls a.activeSlide, .profile_right .slider-controls a:hover { background-position:center top; }

.video-box { display:block; float:left; clear:both; position:relative; margin:0px !important; width:366px !important; }
.video-play { display:block; float:left; width:366px; height:227px; position:absolute; background: url('images/new-portfolio/video-play.png') center 52px no-repeat; /*58px*/ z-index:50 !important; }
.video-play:hover { background-position: center -323px; }
.video-overlay { display:block; float:left; width:366px !important; height:227px; background: url('images/new-portfolio/video-overlay.png') left top no-repeat; margin:0px !important; z-index:49 !important; position:absolute; }
.video-note { display:block; float:right; clear:both; margin:0px !important; width:auto !important; padding-right:51px; }
.video-note h5 { display:block; float:left; clear:both; font:normal 13px/17px arial, helvetica, sans-serif; }
.video-note strong { display:block; float:left; clear:both; font:bold 13px/17px arial, helvetica, sans-serif; color:#fff;}
.video-note a { display:block; float:left; clear:both; font:normal 13px/17px arial, helvetica, sans-serif; color:#fff; }
.video-note a:hover { color:#B4DFFF; }
.pp_description { font:normal 17px/17px arial, helvetica, sans-serif !important; color:#0074BB; }

.testimonial-box { display:block; float:left; clear:both; margin:0px !important; width:372px !important; background: url('images/new-portfolio/testimonials-bg.png') left top no-repeat; height:500px; }
.testimonial-box p { display:block; float:left; clear:both; padding:40px 38px; font:italic 15px/24px Georgia, "Times New Roman", "Times", serif; text-align:center; }

/* @end */

.ie .about-us-image { height:1137px; }
.ie .footer-button-right { height:37px; }
.ie .footer-button-left { height:37px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.about-us-image { height:1181px; }
}
/* @end */

/* @group eCommerce Analytics */

.data-col  { display:block; float:left; margin:0; width:910px; padding:20px; margin: 0 0 25px 25px; background:#2D1400; }
.as { display:block; float:left; width:100%; clear:both; }
.as ul { display:block; float:left; clear:both; width:100%; }
.as ul.as-h { display:block; float:left; clear:both; width:100%; }
.as ul li { display:block; float:left; width:116px; padding:10px 20px 10px; margin:0 0px 0px; height:40px; border-bottom:1px dotted #4D2D11;}
.as ul li.as-h0, .as ul li.as-0 { width:440px; padding-left:0px; padding-right:0px; }
.as ul li.as-h3, .as ul li.as-3 {  }
.as-h0 { text-align:center; font:700 26px/30px Arial, Helvetica, sans-serif; color:#0074BB; }
.as ul.as-h li.as-h1, .as ul.as-h li.as-h2, .as ul.as-h li.as-h3 { text-align:center; font:700 16px/30px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0px; margin:0px; width:136px; padding:10px; }
.as-0 { font:400 14px/19px arial, helvetica, sans-serif; text-align:center; vertical-align:middle; }
.as-1, .as-2, .as-3 { text-indent:-9999px; text-align:center; display:table-cell; text-align:center; vertical-align:middle; }
.as-1.off span, .as-2.off span, .as-3.off span { display:none; }
.as-1 span, .as-2 span, .as-3 span { display:block; background:#f00; width:21px; height:18px; background: url('images/analytics-check.png') center center no-repeat; margin:0 auto; position:relative; top:10px; }

.as ul:last-child li {  }

.as-0 { display:table; }
.as-0 span { display:table-cell; vertical-align:middle; height:40px; width:400px; padding:0 20px; }

.as-on { background-color:#0074BB; border-bottom:1px dotted #0074BB !important; }
.as ul:last-child .as-on { border-bottom:0px !important; }

.ul-on { background-color:#381A01; }

.data-col .about-us-button { margin-left:272px; }

.analytics-page #single-col { background:0px; border:0px; width:950px; padding:0px; }
.analytics-page #single-col p { display:block; float:left; clear:both; color:#C5A283; }
.analytics-page #single-col h2 { color:#fff; }
.analytics-image { display:block; float:left; }
.ap2 .analytics-image { float:right; }
.analytics-image img { padding:5px; background:#652F00; border-top:1px solid #A9784D; }
.analytics-page .entry { display:block; float:right; width:560px; }
.ap2 .entry { float:left; }
.tier-explanation { display:block; float:left; clear:both; }
.tier-explanation p { padding-bottom:20px; }
.tier-breakdown { display:block; float:left; clear:both; padding-bottom:10px; }
.tier-breakdown ol { display:block; float:left; clear:both; background:#2d1400; width:950px; }
.tier-breakdown ol li { display:block; float:left; clear:none; background: url('images/tierbreakdown-bg.png') right center no-repeat; width:276px; padding:20px; height:198px; }
.tier-breakdown ol li:last-child { background:none; }
.tier-breakdown ol li span { display:block; float:left; width:100%; clear:both; padding-bottom:5px; text-align:center; font:bold 26px/normal arial, helvetica, sans-serif; color:#0074BB; }
.tier-breakdown ol li p { padding-bottom:0px; font:normal 14px/normal arial, helvetica, sans-serif; text-align:center; }

.tier-breakdown .as-on { background:#0074BB !important; border-bottom:0px !important; box-shadow: 0 0 8px rgba(0,0,0,0.35); }
.tier-breakdown .as-on span, .tier-breakdown .as-on p { color:#fff !important; }

.tier-leadout { display:block; float:left; clear:both;  }
.tier-leadout p { display:block; float:left; clear:both; padding-bottom:0px; width:950px; }

.ap2 #single-col { /*margin-bottom:0px;*/ }
.ap2 .tier-leadout { padding-bottom:25px !important; display:block; float:left; clear:both; }
.ap2 .tier-explanation { display:block; float:left; clear:both; background:#2d1400; height:auto; }
.ap2 .tier-explanation p { padding:0 25px 5px; float:right; width:300px; clear:none; }
.ap2 .tier-explanation h2 { padding:10px 25px 0px; color:#0074bb !important; }
.ap2 .tier-explanation ul { background:none !important; border:0px !important; display:block; float:left; clear:both; margin:0px !important; padding:0px !important; }
.ap2 .tier-explanation ul li { background:none !important; display:block; float:left; margin:0px !important; padding:15px 25px 0px !important; width:900px; }
.ap2 .tier-explanation ul li:first-child { padding-top:20px !important; }
.ap2 .tier-explanation ul li:hover, .ap2 .tier-explanation ul li.as-on { background:#0074BB !important; }
.ap2 .tier-breakdown { display:block; float:left; clear:both; padding:0px;  }
.ap2 .tier-breakdown ul li h3 { display:block; float:left; margin-top:5px !important; color:#fff !important; }
.ap2 .tier-breakdown ul li p { padding:0px; clear:none; width:500px; }
.ap2 .tier-breakdown ul li img { display:block; float:right; padding:5px; background:#652f00; border-top:1px solid #a9784d; }
.ap2 .tier-breakdown ul li .tier-content { display:block; float:left; width:500px; padding-right:25px; }
//.ap2 .tier-breakdown ul li.as-t2 .tier-content { float:right; padding-right:0px; padding-left:25px; }
//.ap2 .tier-breakdown ul li.as-t2 img { float:left; }
.tier-clear { display:block; float:left; clear:both; width:900px; padding:20px 0 0; border-bottom:1px dotted #4d2d11; }
.tier-clear2 { display:block; float:left; clear:both; width:900px; padding:10px 0; margin:0 25px; border-bottom:1px dotted #4d2d11; }
.ap2 .tier-breakdown ul li.as-t3 { padding-bottom:25px !important; }
.ap2 .tier-breakdown ul li.as-t3 .tier-clear { display:none; }
.ap2 .tier-breakdown ul li a { display:block; float:left; clear:both; border:0px !important; width:171px; padding-right:13px; text-align:center; height:27px; line-height:27px; background: url('images/analytics-learn.png') left top no-repeat; margin-top:14px; color:#fff !important; }
/*.ap2 .tier-breakdown ul li a:hover { background-position:left bottom; }*/
.ap2 .data-col .toggle_link { background: url('images/BTN-products-more.jpg') no-repeat scroll 0 0 #421f00; color:#fff; display:block; clear:both; height:36px; margin:20px auto 0; letter-spacing:-0.04em; font-weight:bold; font-size:22px; line-height:19.6px; width:226px; padding-top:17px; padding-right:8px; text-align:center; margin-left:362px; }
.ap2 .data-col .toggle_link:hover { background-position:0 -65px; }

.ap2 .tier-explanation ul li:hover p, .ap2 .tier-explanation ul .as-on p { color:#ccc !important; }
.ap2 .tier-explanation ul li:hover .tier-clear, .ap2 .tier-explanation ul .as-on .tier-clear { border-color:#0074BB !important; }
.ap2 .tier-explanation ul li:hover a,  .ap2 .tier-explanation ul .as-on a { background-position:left center; }
.ap2 .tier-explanation ul li:hover a:hover,  .ap2 .tier-explanation ul .as-on a:hover { background-position:left bottom; color:#0074BB !important; }

.ap2 .tier-explanation h2 { float:left; width:350px; text-align:center; color:#fff !important; }
.ap2 .tier-explanation p { float:right; clear:none !important; padding-top:15px; width:500px; }
.ie7 .tier-explanation { position:relative !important; }
.ie7 .tier-explanation>p { position:absolute !important; right:0px !important; }

/* @end */

/*  @group Portfolio Page  */
.port-bg {
	background: none repeat scroll 0 0 #2D1400;
	display: block;
	float: left;
	margin: 0 25px;
	padding: 32px 34px 36px 34px;
	width: 882px;
}

.port-main {
	display: block;
	width: 100%;
}

.content-row {
	width: 100%;
	height: 200px;
	padding: 0 0 20px 0;
}

.content-row.over {
/*	height: 423px;*/
}


.port-main .content-row.over span {
	display: none;
}

.clear-port {
	width: 100%;
	clear: both;
}

.port-cont {
	
}

.port-main .client {
	width: 252px;
	height: 175px;
	padding: 18px 21px 0 21px;
	float: left;
	text-align: center;
	position: relative;
}
/*
.port-main .client:last-child {
	padding: 18px 20px 0 20px;
}*/

.port-main .client.over {
	background: #006fae;
	border-top: 1px solid #2b87bc;
	padding: 17px 21px 0 21px;
	z-index: 9;
	position: relative;
	height: 406px;
}

.port-main .client.over img {
	position: relative;
}

.port-main .client.over img {
	top: -155px;
}

.port-main .client span {
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	color: #f6f0e7;
}

.port-main .client .inner {
	width: 251px;
	height: 155px;
	background: #bcb4ad;
	margin: 0 0 10px 0;
	left: -1px;
	top: -1px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.port-main .client.over .inner {
	height: 173px;
}

.port-main .client .frame {
	width: 251px;
	height: 155px;
	background:url('images/portFrames.png') no-repeat 0 0;
	box-shadow: 0px 0px 8px #221000;
	-webkit-box-shadow: 0px 0px 8px #221000;
	-moz-box-shadow: 0px 0px 8px #221000;
	position: absolute;
	top: 16px;
	left: 20px;
	z-index: 2;
}

.port-main .client.over .frame {
	height: 175px;
	background: url('images/portFrames.png') no-repeat 0 -171px;
	box-shadow: 0px 0px 8px #004e79;
	-webkit-box-shadow: 0px 0px 8px #004e79;
	-moz-box-shadow: 0px 0px 8px #004e79;
	z-index: 2;
	top: 15px;
	
}

.port-main .client .inner-drop {
	display: none;
}

.port-main .client.over .inner-drop {
	display: block;
	width: 788px;
	height: 172px;
	background: #006fae url('images/bluedrop-top.png') no-repeat 0 0;
	position: relative;
	left: -21px;
	top: -9px;
	color: #fff;
	padding: 30px 47px 30px 47px;
	text-align: left;
/*	border-top: 1px solid #2b87bc;*/
}

.port-main .client.over:nth-child(2) .inner-drop {
	left: -315px;
	background: #006fae url('images/bluedrop-top-mid.png') no-repeat -18px 0;
}

.port-main .client.over:nth-child(3) .inner-drop {
	left: -609px;
	background: #006fae url('images/bluedrop-top-rt.png') no-repeat -18px 0;
}

.inner-drop h3 {
	font-size: 26px;
	padding: 0 0 7px 0;
}

.inner-drop p {
	font-size: 15px;
	line-height: 21px;
}

.port-main .client.over .inner-drop .learn-more {
	display: block;
	width: 152px;
	height: 41px;
	position: relative;
	bottom: -21px;
	left: 0;
	background: url('images/BTN-learn-more.png') no-repeat left top;
}

/*  @end  */