/* Darren Ansley 06/20/2008*/
/*  =========================================================================  */
/*  Reset CSS  */
/*  -------------------------------------------------------------------------  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a img { border: none; }

/*  =========================================================================  */
/*  general styles  */
/*  -------------------------------------------------------------------------  */


html {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 75.5%;
}

body  {
  font-size: 1em;
	text-align: center;
	line-height: 1.5;
	background: #fff url(../images/whiteboard_bg.jpg) repeat-x 50% 0;
	color: #666666;
}

object {
	padding: : 0;
	margin: 0;
}

h1 {
	padding: 130px 0 0 208px;
	font-weight: normal;
	font-family: "Arial";
	font-size: 2.4em;
  margin: 0 0 22px 0;
  color: #fa7d00;
  line-height: 1;
}

.home h1 {
	color: #fff;
}

.sIFR-active h1
{
	visibility: hidden;
	margin: 0 0 12px 0;
}

h2, h3, h4, h5, h6 {
  margin: 0 0 .35em 0;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #fa7d00;
	font-family: "Arial";
  margin: 0 0 5px 0;
}

.home h2 {
	color: #4d4d4d !important;
	clear: left;
}

.home2 h2 {
	clear: left;
}

.sIFR-active h2
{
	visibility: hidden;
	line-height: 1;
	margin: 4px 0 0 0;
}

h3 {
	font-size: 1.09em;
		font-weight: bold;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

h5 {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

p, ul, ol, dl, dt, dd, code {
  margin: 0 0 1.25em 0;
}

ol, ul {
  margin-left: 1.65em;
}

ol li, ul li { 
  margin: 0 0 .35em 0;
}

dt {
  margin-bottom: .3em;
  font-weight: bold;
}

dd {
  padding: 0 0 0 20px;
}

em {
}

/*  general styles - links */
/*  -------------------------------------------------------------------------  */
a:link, a:visited {
	color: #a61d11;
}

a:hover, a:active {
	color: #333;
}


#wrapper a:link, #wrapper a:visited {
	color: #4396bf;
}

#wrapper a:hover, #wrapper a:active {
	color: #404040;
}


/*  =========================================================================  */
/*  layout  */
/*  -------------------------------------------------------------------------  */

#wrapper {
	width: 960px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 5em;
}

#masthead {
	width: 960px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	min-height: 181px;
}

#logo {
	position: absolute;
	left: 821px;
	top: 35px;
	width: 55px;
	height: 36px;
	overflow: hidden;
}

#logo a {
  text-indent: -999em;
  display: block;
  width: 55px;
	height: 36px;
	overflow: hidden;
	background: transparent url(../images/wbl_logo_orange_white.png) no-repeat 0 0;
	cursor: pointer !important;
}

#mainNav, #footerNav {
	width: 158px;
	float: left;
	text-align: right;
}

#main, #footercontent {
	width: 593px;
	padding: 0 160px 0 0;
	float: right;
	text-align: left;
	position: relative;
}

#candywrapper {
	width: 100%;
	background: #fa7d00 url(../images/bottom_gradient.gif) repeat-x 50% top;
}

#footerwrapper {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 4em 0 1.8em 0;
	font-size: .916em;
  color: #ffe4bf;
	background: #fa7d00 url(../images/eraser_bg.gif) no-repeat 50% top;
}

p#copyright {
	clear: both;
}



/*  layout - columns */
/*  -------------------------------------------------------------------------  */
.columns {
  width: 100%;
}

.columna {
  width: 348px;
}

.columnb {
  width: 225px;
}

.twocolumn {
	width: 49%;
}

.left {
  float: left;
}

.right {
  float: right;
}

img.left {
	margin-right: 20px;
}

img.right {
	margin-left: 20px;
}


/*  =========================================================================  */
/*  navigation  */
/*  -------------------------------------------------------------------------  */

#mainNav ul, #mainNav li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#mainNav ul {
  margin: 0 0 0 50px;
}

#mainNav ul ul {
  margin: .3em 0 1em 0;
  font-size: .916em;
  line-height: 1.3;
}

#mainNav ul li {
  margin: 0 0 .2em 0;
  padding-bottom: .7em;
  background: transparent url(../images/marker_line_grey.gif) -35px 100% no-repeat;
}

#mainNav ul li#about {
	background-position: -400px 100%;
}
#mainNav ul li#services {
	background-position: -200px 100%;
}
#mainNav ul li#ideology {
	background-position: -100px 100%;
}
#mainNav ul li#products {
	background-position: -300px 100%;
}

#mainNav ul li#blog {
	background-image: none;
}

#mainNav ul ul li {
	line-height: 1.2;
  margin: 0 0 .4em 0;
  padding-bottom: 0;
  background-image: none !important;
}

#mainNav a {
	display: block;
	text-decoration: none;
	width: 108px;
	height: 20px;
	text-align: left;
	text-indent: -1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#mainNav a#navabout {
  background-image: url(../images/menu/menu_about.gif);
}
#mainNav a#navideology {
  background-image: url(../images/menu/menu_ideology.gif);
}
#mainNav a#navidea-ology {
  background-image: url(../images/menu/menu_idea-ology.gif);
}
#mainNav a#navservices {
  background-image: url(../images/menu/menu_services.gif);
}
#mainNav a#navproducts {
  background-image: url(../images/menu/menu_products.gif);
}
#mainNav a#navportfolio {
  background-image: url(../images/menu/menu_portfolio.gif);
}
#mainNav a#navcontact {
  background-image: url(../images/menu/menu_contact.gif);
}

#mainNav a#navblog {
  background-image: url(../images/menu/menu_blog.gif);
}

#mainNav a:hover {
  background-position: 100% -20px;
}

#mainNav li.active a {
  background-position: 100% -40px;
}

#mainNav li li a, #mainNav .subnav a {
	display: block;
	text-decoration: none;
	width: 108px;
	height: auto;
	text-align: right;
	text-indent: 0;
	background-image: none;
}

#mainNav ul ul li.active a {
  color: #333 !important;
  font-weight: bold;
}

/*  =========================================================================  */
/*  form elements  */
/*  -------------------------------------------------------------------------  */
label {
	display: block;
}

/*  =========================================================================  */
/*  main  */
/*  -------------------------------------------------------------------------  */

p.blurb {
	font-size: 1.2em;
	color: #808080;
	padding-bottom: 1.5em;
	margin-bottom: 1.6em;
	background: transparent url(../images/marker_line_grey.gif) repeat-x left bottom;
}

div.blurb {
	color: #808080;
	margin-bottom: 1.6em;
	background: transparent url(../images/marker_line_grey.gif) repeat-x left bottom;
}

div.blurb p {
	font-size: 1.2em;
	margin-bottom: 1.5em;
}

p.image {
  padding-top: .25em;
}

img.image {
  margin-top: .25em;
}

img.image, a img.image {
	border: 5px solid #ccc;
}

a:hover img.image {
	border: 5px solid #999999;
}

.spaceafter {
	margin-bottom: 2em;
}

/*  =========================================================================  */
/*  main - home */
/*  -------------------------------------------------------------------------  */

div.featured {
	position: relative;
	margin-bottom: .8em;
	float: left;
	width: 100%
}

div.featured img {
	display: block;
	float: left;
}

div.featured h3 {
	position: absolute;
	bottom: 5px;
	left: 5px;
	background: transparent url(../images/black_70.png);
	color: #fff;
	width: 318px;
	padding: .2em 10px;
	font-weight: bold;
	margin: 0;
}

p.more {
	font-size: .916em;
}

p.more a {
	text-decoration:none;
}

.feedrss, .feedtwitter {
	background-position: 0pt 1px;
	background-repeat: no-repeat;
	padding: 0pt 12px 0pt 17px;
}
.feedrss {
	background-image: url(../images/feed_rss.gif);
}

.feedtwitter {
	background-image: url(../images/feedtwitter.gif);
}

#twitter_div {
}

#wbltweets {
	font-size: .916em;
	background: #ff8c12;
	padding: 15px;
	margin-bottom: 1em;
	margin-top: 0;
	overflow-x: hidden;
}

.home2 #wbltweets {
  background-color: #ededed;
}

#twitter_div ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#twitter_div ul li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 1em 0;
}

#twitter_div ul li:first-letter {
	text-transform: uppercase;
}

#twitter_div ul a {
	white-space: nowrap;
	text-decoration: none;
	font-size: 1em !important;
}

span.calltoaction {
	display: block;
	margin-top: .6em;
	line-height: 1.8;

}

span.calltoaction a {
	padding: .2em 6px .3em 6px;
	background-color: #ededed;
	text-decoration: none;
	font-weight: bold;
	font-size: .916em;
}

.loading {
	text-align: center;
	padding-top: .5em;
}


div#sketch {
	position: absolute;
	right: 10px;
	top: 200px;
}

/*  =========================================================================  */
/*  content  */
/*  -------------------------------------------------------------------------  */
h3.name {
	font-size: 1.3em;
	font-weight: normal;
	color: #fa7d00;
}

h4.jobtitle {
	margin: -.4em 0 .7em 0;
}

img.teamphoto {
	float: left;
	clear: left;
	margin: .4em 15px .2em 0;
}

.highlight {
	padding-left: 1.4em;
}

.group {
	padding-top: 1.5em;
	margin-top: 1em;
	clear: both;
}

div.folioitem {
	float: left;
	width: 175px;
	margin: 0 4px 4px 0;
	height: 120px;
	overflow: hidden;
	border: 1px solid #ededed;
	padding: 9px 6px 10px 12px;
	position: relative;
}

div.casestudy {
	background: #fff url(../images/folio_bg.gif) repeat-x;
}

div.folioitem:hover {
	background-image: none;
	background-color: #f5f5f5;
}

div.folioitem:hover .calltoaction a {
	background-color: #fff;
}

div.folioitem h3 {
	line-height: 1.1;
	margin-bottom: .6em;
}

div.folioitem h3 a {
	text-decoration: none;
}

p.category {
	font-size: .833em;
	text-transform: uppercase;
	margin: 0;
	color: #808080;
	letter-spacing: 2px;
}

p.services {
	font-size: .916em;
}

div.folioitem .calltoaction {
	position: absolute;
	right: 5px;
	bottom: 4px;
}

div.folioitem .view {
	position: absolute;
	left: 12px;
	bottom: 8px;
	padding-left: 17px;
	background: transparent url(../images/new_window.gif) no-repeat left .5em;
	font-size: .916em;
}

.view a {
	text-decoration: none;
}

div.last {
	margin-left: 0;
	margin-right: 0;
}


div.service h3 {
	width: 200px;
	font-size: .916em;
	padding-right: 5px;
	padding-bottom: .3em;
	background-image: url(../images/black_50.png);
}



/*  =========================================================================  */
/*  footer  */
/*  -------------------------------------------------------------------------  */
#footerNav, #footercontent {
padding-bottom: 2em;
}

#footerwrapper h3 {
	color: #fff;
	font-weight: bold;
}

#footerwrapper h4 {
	color: #fff;
	font-weight: bold;
	margin: 0;
}

#footerNav ul, #footerNav li {
	list-style-type: none;
}

#footerNav li {
	margin: 0;
}

#footerNav a {
 	text-decoration: none;
/*	font-weight: bold; */
}

p#copyright {
	background: transparent url(../images/footer_marker_line.gif) 0 0 no-repeat;
	text-transform: uppercase;
	text-align: left;
	font-size: .90em;
	width: 593px;
	padding: 1.5em 0 2em 0;
	margin: 0 160px 0 207px;
}

#newslettersignup {
	margin-top: -.5em;
}

#newslettersignup label {
	margin: 0 0 .21em 0;
	color: #ffe4bf;
}


input#emailaddress {
	border: 1px solid #ffb765;
/*	border-top-color: #e66000;
	border-left-color: #e66000; */
	background: transparent;
	color: #fff;
	font-size: 1em;
	padding: 4px 5px;
	width: 73%;
	float: left;
}

button#signup {
	border: 1px solid #ed5b00;
	border-style: solid;
	background-color: #ed5b00;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	padding: 3px 5px;
	width: 22%;
	float: right;
	line-height: 1.4;
}

#footercontent .calltoaction a {
	background-color: #ed5b00;
	color: #fff;
	padding: 5px 8px;
}

#footercontent .calltoaction a:hover {
	background-color: #404040;

}

button#signup:hover {
	background-color: #404040;
	border-color: #404040;
}

table#newssignup td {
	padding: 2px 5px;
}

span#red {
 color: #cc0000;
 font-weight: bold;
}

/*  =========================================================================  */
/*  variations - home  */
/*  -------------------------------------------------------------------------  */
body.home {
	color: #fff;
	background-color: #fa7d00;
	background-image: url(../images/whiteboard_bg_orange4.gif);
}


.home #wrapper a:link, .home #wrapper a:visited {
	color: #bf2113;
}

.home #wrapper a:hover, .home #wrapper a:active {
	color: #404040;
}

.home h1, .home h2 {
	color: #fff;
}

.home #logo a {
	background-image: url(../images/wbl_logo_white.png);
}

.home #mainNav ul li {
  background-image: url(../images/footer_marker_line.gif);
}

.home #mainNav a#navabout {
  background-image: url(../images/menu/home/menu_about.gif);
}
.home #mainNav a#navideology {
  background-image: url(../images/menu/home/menu_ideology.gif);
}
.home #mainNav a#navidea-ology {
  background-image: url(../images/menu/home/menu_idea-ology.gif);
}
.home #mainNav a#navservices {
  background-image: url(../images/menu/home/menu_services.gif);
}
.home #mainNav a#navproducts {
  background-image: url(../images/menu/home/menu_products.gif);
}
.home #mainNav a#navportfolio {
  background-image: url(../images/menu/home/menu_portfolio.gif);
}
.home #mainNav a#navcontact {
  background-image: url(../images/menu/home/menu_contact.gif);
}
.home #mainNav a#navblog {
  background-image: url(../images/menu/home/menu_blog_home.gif);
}

.home p.blurb {
	color: #ffe4bf;
	background-image: url(../images/footer_marker_line.gif);
}

.home img.image {
	border-color: #fff;
	margin-top: 0;
}

.home .calltoaction a {
	background-color: #ed5b00;
	color: #fff !important;
}

.home .calltoaction a:hover {
	background-color: #404040;
}

.home #footerwrapper {
	background-image: url(../images/eraser_bg_orange_home.gif);
}

.home2 img.image {
	margin-top: 0;
}


/*  =========================================================================  */
/*  variations - hospitality  */
/*  -------------------------------------------------------------------------  */
body.hospitality {
	background-color: #000;
	color: #b3b3b3;
}

.hospitality #candywrapper {
	background-color: #1a1a1a;
	background-image: url(../images/hospitality_eraser_bg_repeat.gif);
}

.hospitality #mastheadwrapper {
	background: #1a1a1a url(../images/whiteboard_bg_black.gif) repeat-x;
}

.hospitality #masthead {
	background: #1a1a1a url(../images/whiteboard_bg_black.gif) repeat-x;
}

.hospitality #wrapper {
	background-color: #1a1a1a;
	color: #fff;
	background-image: url(../images/hospitality_eraser_bg_middle.gif);
}


.hospitality a:link, .hospitality a:visited {
	color: #55a0c6;
}

.hospitality a:hover, .hospitality a:active {
	color: #fff;
}

.hospitality #wrapper a:link, .hospitality #wrapper a:visited {
	color: #55a0c6;
}

.hospitality #wrapper a:hover, .hospitality #wrapper a:active {
	color: #fff;
}

.hospitality h1, .hospitality h2 {
	color: #fff;
}

.hospitality #logo a {
	background-image: url(../images/wbl_logo_white.png);
}

.hospitality #mainNav ul li {
  background-image: url(../images/marker_line_dark_grey.gif);
}

.hospitality #mainNav a#navabout {
  background-image: url(../images/menu/hospitality/menu_about.gif);
}
.hospitality #mainNav a#navideology {
  background-image: url(../images/menu/hospitality/menu_ideology.gif);
}
.hospitality #mainNav a#navservices {
  background-image: url(../images/menu/hospitality/menu_services.gif);
}
.hospitality #mainNav a#navproducts {
  background-image: url(../images/menu/hospitality/menu_products.gif);
}
.hospitality #mainNav a#navportfolio {
  background-image: url(../images/menu/hospitality/menu_portfolio.gif);
}
.hospitality #mainNav a#navcontact {
  background-image: url(../images/menu/hospitality/menu_contact.gif);
}

.hospitality p.blurb {
	color: #ccc;
}

.hospitality p#copyright {
	background-image: url(../images/footer_marker_line_black.gif);
}

.hospitality #newslettersignup label {
	color: #b3b3b3;
}

.hospitality input#emailaddress {
	border-color: #333333;
}

.hospitality button#signup {
	border-color: #333333;
	background-color: #333333;
}

.hospitality button#signup:hover {
	background-color: #ed5b00;
	border-color: #ed5b00;
}


/*  =========================================================================  */
/*  fix - floats  */
/*  -------------------------------------------------------------------------  */
 .fix:after {
 	display:block; 
 	visibility:hidden; 
 	clear:both; 
 	height:0; 
 	content: ".";
 }
 
 .fix {
 	display:inline-block;
 }
 
 .fix {
 	display: block;
 }
 
 
 /*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}