/* v1.0 | 20100201 */

/* CSS RESET
----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; color: #FFFFFF; font-size: 100%; 
	vertical-align: baseline; background: transparent;
}
body {
	line-height: 1.6em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ''; content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {clear: both;}
.hidden {display: none;}
.invisible {visibility: hidden;}
.block {display: block;}
.left {float: left;}
.right {float: right;}
hr {margin: 0; padding: 0; border: 0px dotted #ffffff; background-color: transparent;}
small {font: 0.9em/1.6em 'AvantGarde Bk BT', Helvetica, sans-serif;}

a {color:#ffb000/*da9c13*/; text-decoration: none;}
a:visited {color: #eec959 /*ffd800 d67d2c*/;}
a:hover {color:#e87d1b; text-decoration: none; }
a:active {/*color: #fdc78d;*/}


h1 {color: #FFFFFF/*714d19 e87d1b*/; font: 3.0em/1.6em 'AvantGarde Bk BT', Helvetica, Sans-serif; margin: 0; padding: 0; letter-spacing: 0.07em;}
h2 {color: #f7c459/*FFFFFF eccea6*/; font: 2.4em/1.6em 'AvantGarde Bk BT', Helvetica, Sans-serif; margin: 0; padding: 0;}
h3, h4, h5 {color: /*#eec959 e87d1b 714d19*/#e87d1b; margin: 0 0 8px 0; font-weight: normal; line-height: 1.6em; padding: 0;}
h3 {font-size: 1.4em; font-family: 'AvantGarde Bk BT', Helvetica, Sans-serif; letter-spacing: .1em;}
h4 {font-size: 1.4em; margin-top: 1.0em; font-family: /*'AvantGarde Bk BT'*/Arial, Helvetica, Sans-serif;}
h5 {font-size: 1.6em; font-family: 'AvantGarde Bk BT', Helvetica, Sans-serif;  }
h6 {font-size: 1.4em; line-height: 0; font-weight: normal; margin: 0 0 8px 0; padding:0; font-family: 'AvantGarde Bk BT', Helvetica, Sans-serif; color:#714d19; }
p, td {font: 1.2em/1.6em /*'AvantGarde Bk BT'*/Arial, Helvetica, Sans-serif; color: #eccea6;}
p {margin-bottom: 1.6em;}
.orange {color: #e87d1b;}
.red{color: red;}
.white {color: #fff;}
.cream {color: #eccea6;}
.border {border: 1px solid red;}
blockquote {padding: 15px 15px 5px 15px; margin: 1.6em; background-color: #2e2213;}

div.hr {height: 3px; border: 0px solid; background: url(images/dot_yellow.png) repeat-x center center; margin: 10px 0 10px 0; padding: 0; clear: both;}
div.hr hr {	display: none;}
.ie6warning {display: block; text-align: center; background-color: #b90006; color: white; font: 1.4em arial, Helvetica, Sans-serif; }

/* Recycle Images
----------------------------------------*/
#header .topwrap a.logo, #header .topwrap a:hover.logo {
	background-image: url(images/spriteLogo.png);
	background-repeat: no-repeat;
	width: 158px;
	height: 100px;
}
.pagemenu li a[title="Home"], .pagemenu li a:hover[title="Home"], .pagemenu li a[title="Your Identity. Your Goals. Your Vision."], .pagemenu li a:hover[title="Your Identity. Your Goals. Your Vision."], .pagemenu li a[title="Our Work"], .pagemenu li a:hover[title="Our Work"], .pagemenu li a[title="Experience. Knowledge. Talent."], .pagemenu li a:hover[title="Experience. Knowledge. Talent."], .pagemenu li a[title="Blog"], .pagemenu li a:hover[title="Blog"], .pagemenu li a[title="Drop us a line"], .pagemenu li a:hover[title="Drop us a line"], .pagemenu li .current_page_item a:link[title="Home"], .pagemenu li .current_page_item a:visited[title="Home"], .pagemenu .current_page_item a:link[title="Your Identity. Your Goals. Your Vision."], .pagemenu .current_page_item a:visited[title="Your Identity. Your Goals. Your Vision."], .pagemenu .current_page_item a:link[title="Our Work"], .pagemenu .current_page_item a:visited[title="Our Work"], .pagemenu .current_page_item a:link[title="Experience. Knowledge. Talent."], .pagemenu .current_page_item a:visited[title="Experience. Knowledge. Talent."], .pagemenu .current_page_item a:link[title="Blog"], .pagemenu .current_page_item a:visited[title="Blog"], .pagemenu .current_page_item a:link[title="Drop us a line"], .pagemenu .current_page_item a:visited[title="Drop us a line"]  {
	background-image: url(images/spriteMenu.png);
	background-repeat: no-repeat;
	font-size: 0;
	display: block;
 	text-indent: -9999px;
}
.oz, .long {
	background-image: url(images/sprite_profile.png);
	background-repeat: no-repeat;
}
a.socialTwit, a:hover.socialTwit, a.socialFB, a:hover.socialFB, a.socialIN, a:hover.socialIN, a.socialRSS, a:hover.socialRSS {
	background-image: url(images/socialNet.png);
	background-repeat: no-repeat;
}


/* Structure
----------------------------------------*/
body {
	background: url(images/bg.jpg) fixed no-repeat top center #1d140f;
	font: 62.5% 'AvantGarde Bk BT', Helvetica, sans-serif;
	letter-spacing: 0.04em;
}



#header {width: 100%; margin:0 auto; height: 68px;}
#header .topwrap {width: 940px; margin: 0 auto; }
#header .topwrap a.logo{
 	float: left;
	position: relative; 
	top: 16px;
	margin-bottom: -24px;
	z-index:100;
	background-position: 0 0;
	cursor: pointer;
}
#header .topwrap a:hover.logo {
	background-position: 0 -101px;
	background-color: transparent;
}

.slogan {
	float: left;
	margin: 32px 0 0 6px; 
	height: 27px;
	font: 1.4em/1.6em 'AvantGarde Bk Bt', Helvetica, San-serif;
	color: white;
	line-height: 1.8em;
	border-left: 1px dotted #da9c13;
	padding: 6px 0 2px 6px;
	text-transform: uppercase; 
	letter-spacing: 0.1em;
}




.pagemenu {
	float: right;
	margin: 33px 0 0 12px;
	height: 36px;
	padding-top: 0;
}
.pagemenu li {
	float: left;
	padding: 0;
	height: 35px;
	display: inline-block;
}
.pagemenu li a[title="Home"] /*home*/ {
	background-position: 0 0;
	width: 72px;
	height: 35px;
}
.pagemenu li a:hover[title="Home"] /*home hover*/ {
	background-position: 0 -35px;
}
.pagemenu li a[title="Your Identity. Your Goals. Your Vision."] /*services*/{
	background-position: -72px 0;
	width: 87px;
	height: 35px;
}
.pagemenu li a:hover[title="Your Identity. Your Goals. Your Vision."] /*services hover*/ {
	background-position: -72px -35px;
}
.pagemenu li a[title="Our Work"] /*portfolio*/{
	background-position: -159px 0;
	width: 107px;
	height: 35px;
}
.pagemenu li a:hover[title="Our Work"] /*portfolio hover*/ {
	background-position: -159px -35px;
}

.pagemenu li a[title="Experience. Knowledge. Talent."] /*company*/ {
	background-position: -265px 0;
	width: 88px;
	height: 35px;
}
.pagemenu li a:hover[title="Experience. Knowledge. Talent."] /*company hover*/ {
	background-position: -265px -35px;
}
.pagemenu li a[title="Blog"] /*blog*/ {
	background-position: -466px 0;
	width: 63px;
	height: 35px;
	/*margin-right: 113px;*/
}
.pagemenu li a:hover[title="Blog"] /*blog*/ {
	background-position: -466px -35px;
}
.pagemenu li a[title="Drop us a line"] /*contact*/ {
	background-position: -529px 0;
	width: 94px;
	height: 35px;
}
.pagemenu li a:hover[title="Drop us a line"] /*contact hover*/ {
	background-position: -529px -35px;
}
.pagemenu li a[title="Archives"] /*Archives*/ {
	display: none;
}

.pagemenu .current_page_item a:link[title="Home"], .pagemenu .current_page_item a:visited[title="Home"] {
	background-position: 0 -35px;
}
.pagemenu .current_page_item a:link[title="Your Identity. Your Goals. Your Vision."], .pagemenu .current_page_item a:visited[title="Your Identity. Your Goals. Your Vision."] {
	background-position: -72px -35px;
}
.pagemenu .current_page_item a:link[title="Our Work"], .pagemenu .current_page_item a:visited[title="Our Work"] {
	background-position: -159px -35px;
}
.pagemenu .current_page_item a:link[title="Experience. Knowledge. Talent."], .pagemenu .current_page_item a:visited[title="Experience. Knowledge. Talent."] {
	background-position: -265px -35px;
}
.pagemenu .current_page_item a:link[title="Blog"], .pagemenu .current_page_item a:visited[title="Blog"] {
	background-position: -466px -35px;
}
.pagemenu .current_page_item a:link[title="Drop us a line"], .pagemenu .current_page_item a:visited[title="Drop us a line"] {
	background-position: -529px -35px;
}




ul#subNav {
	clear: both;
	margin: 15px 0 0 0;
}
ul#subNav li 								{ float: left; font-size: 1.2em; }
ul#subNav li a								{ margin: 0 15px 0 0;color: #e4bf24; }
ul#subNav li a:hover 						{ color: #71caef; }





/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.sliderBg 								{ height: 239px; margin: 24px 0 0 0; padding: 0; background: url(images/bg_banner.jpg) no-repeat center;}
.anythingSlider                         { width: 970px; height: 239px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 970px; overflow: hidden; height: 239px; margin: 0; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0px; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 239px; width: 970px; margin: 0;}
.anythingSlider .arrow                  { display: none; height: 239px; width: 20px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0; cursor: pointer;}
.anythingSlider .forward                { background-position:  0 25px; right: -20px; }
.anythingSlider .back                   { background-position: -114px 25px; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -175px; }
.anythingSlider .back:hover             { background-position: -114px -175px; }

#thumbNav                               { position: relative; top: 215px; z-index: 1000; text-align: left; margin-left: 15px;}
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; float: left; display: block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: url(images/bannerbtn.png) no-repeat center; text-indent: -9999px; }
#thumbNav a:hover                       { background: url(images/bannerbtnhover.png) no-repeat center; }
#thumbNav a.cur                         { background: url(images/bannerbtnhover.png) no-repeat center;; }

#start-stop                             { background: url(images/btnplay.png) no-repeat center; padding: 2px 8px; width: 20px; height: 20px; text-indent: -9999px; position: absolute; left: 110px; top: 213px; /*-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;*/ }
#start-stop.playing                     { background: url(images/btnstop.png) no-repeat center; }
#start-stop:hover                       { }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


.beunique, .bemobile, .befound, .besocial, .benoticed { width: 940px; height: 209px; margin: 0; padding: 30px 12px 0 18px;}
.beunique h1, .bemobile h1, .befound h1, .besocial h1, .benoticed h1 {color: #1d140f; text-indent:-9999px;}
.beunique h2, .bemobile h2, .befound h2, .besocial h2, .benoticed h2 {color: #1d140f; width: 650px;}
.beunique p, .bemobile p, .befound p, .besocial p, .benoticed p {width: 500px; padding: 20px 0 0 0; color: #FFF;}
.beunique {background: url(images/beOutstanding.png) no-repeat 3px center;}
.bemobile {background: url(images/beMobile.png) no-repeat 3px center;}
.befound {background: url(images/beFound.png) no-repeat 3px center;}
.benoticed {background: url(images/beNoticed.png) no-repeat 3px center;}
.besocial {background: url(images/beSocial.png) no-repeat 3px center;}



/* Content */
#content { width:940px; margin: 0 auto; padding: 20px 0 0 0;}

#content .news {float: left; width: 292px; padding: 0 15px 0 0; margin-right: 15px; border-right: 1px dotted #5a4823; min-height: 250px; }
#content .thoughts {float: left; width: 292px; padding: 0 17px 0 0; border-right: 1px dotted #5a4823; min-height: 250px;}
#content .solutions {float: right; width: 292px; padding: 0 0 0 15px;}

/*portfolio single*/
#content p img.vox { box-shadow: 0px 0px 2px #ffcc00; -moz-box-shadow: 0px 0px 2px #ffcc00; -webkit-box-shadow: 0px 0px 2px #ffcc00; border: solid 3px #5a4823;  }
.voxdescription {float: left; width:55%;}
ul.voxcard {float: left; width: 40%; padding-left: 5%;}
ul.voxcard li {border-bottom: 1px dotted #5a4823;}
ul.voxcard li strong {color: #714d19;}

/*twitter*/
#twitter_div {height: 65px; padding: 10px 0; margin: 20px 0 0 0; display: block; background: url(images/bg_tweet.png) no-repeat center #2e2213; border-top: 1px dotted #5a4823; border-bottom: 1px dotted #5a4823;}
#twitter_div .follow {float: left; margin: 48px 0 0 13px; font: 0.9em /*'AvantGarde Bk BT'*/Arial, Helvetica, sans-serif;}
#twitter_div .tweetlabel {float: left; margin: 27px 0 0 12px; font: 0.9em /*'AvantGarde Bk BT'*/Arial, Helvetica, sans-serif; color: #eccea6;}
#twitter_div ul#twitter_update_list {float: left; margin: 7px 0 0 35px; font: 1.1em /*'AvantGarde Bk BT'*/Arial, Helvetica, Sans-serif; width: 775px; color: #eccea6; letter-spacing:0.05em;}
.twitter-timestamp abbr { color: #eccea6;}


#miniportfolio {padding: 30px 0 0 0; margin: 0 auto; width: 960px; }
#post {width: 698px; padding: 40px 0 0 0; float: right; display: block;}
.entry {width: 698px; padding: 0; float: right; display: block;}
.editPage {padding: 22px 0 0 0; float: right; font-family: Arial, Helvetica, sans-serif;}
.editBlog {padding: 17px 0 0 0; float: right; font-family: Arial, Helvetica, sans-serif;}
.editSingle {padding: 22px 0 0 0; float: right;}
.pageHeader {padding: 40px 0 0 0;}
.FrontBG, .ServicesBG, .WorkBG {height: 238px; margin: 0 auto; width: 940px;}
.CompanyBG {background: url(images/banner_Companybg.png) no-repeat 0 0;}
.long {background-position: 0 0; margin: 10px 15px 0 0; height: 105px; width: 105px; float: left; box-shadow: 0px 0px 2px #ffcc00; -moz-box-shadow: 0px 0px 2px #ffcc00; -webkit-box-shadow: 0px 0px 2px #ffcc00; border: solid 3px #5a4823;}
.oz {background-position: 0 -105px; margin: 10px 15px 0 0; height: 105px; width: 105px; float: left; box-shadow: 0px 0px 2px #ffcc00; -moz-box-shadow: 0px 0px 2px #ffcc00; -webkit-box-shadow: 0px 0px 2px #ffcc00; border: solid 3px #5a4823;}
b.name {font-size: 1.4em; line-height: 1.6em; font-weight: normal; margin: 0 0 8px 0; padding:0; font-family: 'AvantGarde Bk BT', Helvetica, Sans-serif; color:#714d19;}
.snippet {float: right; margin: 5px 0 0 0; padding:0; color: #eccea6;}


.philosophy, .structure {width: 329px; padding: 0 20px 0 0; float: left;}
.commitment, .difference {width: 329px; padding: 0 0 0 20px; float: left;}

.postmetadata {font: 1.0em/1.6em Arial, Helvetica, sans-serif; background-color: #2e2213; padding: 5px; border-top: 1px dotted #5a4823; border-bottom: 1px dotted #5a4823; }

ul.relatedposts {margin: 0 0 2.6em 0;}
ul.relatedposts li {}

.codeinput {position: relative; top:-4px;}
.codeletter {margin-left: 10px; -moz-border-radius:5px; -webkit-border-radius:5px;}



/* Box Springing */
.boxgrid{
	width: 213px; height: 130px; box-shadow: 0px 0px 2px #ffcc00; -moz-box-shadow: 0px 0px 2px #ffcc00; -webkit-box-shadow: 0px 0px 2px #ffcc00;
    /*box-shadow:inset 0 0 10px #ffffff;  -moz-box-shadow:inset 0 0 10px #ffffff; -webkit-box-shadow:inset 0 0 10px #ffffff; */
    margin:0 10px 30px 10px; float:left; background:#2e2213; border: solid 3px #5a4823; overflow: hidden; position: relative;
}
.boxgrid h3 {margin-top: 5px;}
.boxgrid h3 a {}
.boxgrid h3 a:hover {}
.boxgrid img{
	position: absolute; top: 0; left: 0; border: 0; }
.boxcaption{
	float: left; position: absolute; background: #1d140f; height: 130px; padding: 0 10px 0 10px; width: 195px;  opacity: .75;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 }
 .boxcaption p { color:#ffffff;}
 .captionfull .boxcaption {
 	top: 160px; left: 0;
 }
 .caption .boxcaption {
 	top: 100px; left: 0;
 }
	



/* Comments Section */
.commentlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
}		
	
.commentlist li {
	float: left;
	clear: both;
	padding: 25px 10px 10px 10px;
	border-top: 1px dotted #5a4823;
	width: 678px;
	}
	
.commentlist img {
	padding: 0;
	border: 3px solid #5a4823;
	margin: 2px 0 0 0;
	}	
.commentlist li div p img {
	border: 0;
}	
.commentlist li.alt {
	background-color: #2e2213;
	border-top: 1px dotted #5a4823;
	width: 678px;
	}	
.comment-info {
	clear: both;
	float: left;
	margin-left: 3px;
	}	
		
.comment-text {
	margin-left: 130px;
	}		

.authcomment {
background-color: #B3FFCC !important;
}
.commentmetadata {font: 1.0em/1.6em Arial, Helvetica, sans-serif; color: #eccea6;}
#responder {
	clear: both;
	padding-top: 10px;
	}
#responder #comment {
	width: 491px;
	height: 165px;
	overflow: auto;
}



/*forms design*/	
input[type="text"], input[type="password"], textarea {
	border: 1px solid #2c2919; 
	-moz-border-radius:5px; -webkit-border-radius:5px;
	-webkit-user-select: text; -webkit-appearance: textarea;
	background-color: #ededed; 
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid #2c2919; 
	-moz-border-radius:5px; -webkit-border-radius:5px;
	-webkit-user-select: text; -webkit-appearance: textarea;
	-web-kit-transition:background-color 0.5s linear;
	background-color: #fff; 
}
input.commentButton {
	border: 0; margin: 0.6em 0 0 0; color: black; background-color: #ffb000; text-align: center; cursor: pointer; padding: 5px 10px 5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; clear: both;
}
input:hover.commentButton {
	color: black; background-color: #b55600; 
}




/* sidebar */
ul#side {width: 200px; padding: 0 42px 0 0; float: left; display: block; margin-top: 10px;}
ul#side li {font: 1.1em/2.0em /*'AvantGarde Bk BT'*/Arial, Helvetica, Sans-serif; color: #eccea6; list-style: none;}
ul li { font: 1.2em/2.0em /*'AvantGarde Bk BT'*/Arial, Helvetica, Sans-serif; color: #eccea6;}
ul#side li p {font: 1.1em/1.6em /*'AvantGarde Bk BT'*/Arial, Helvetica, Sans-serif;}
a.gonow { display: inline-block; margin: 0.6em 0 0 0; color: black; background-color: #ffb000; text-align: center; cursor: pointer; padding: 5px 10px 5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
a:hover.gonow { color: black; background-color: #b55600;}
ul#side li h2.widgettitle, .clients h2, .press h2 {color: #e87d1b; font-size: 1.4em; line-height:2.0em; margin-top: 2.4em; font-family: /*'AvantGarde Bk BT'*/Arial, Helvetica, Sans-serif; list-style: none;}
.clients {width: 690px; padding: 0; float: left; }
.clientsdivision {width: 158px; padding: 0 13px 0 0; float: left; display: block;}
.press {width: 200px; padding: 0 0 0 42px; float: right;}


/* Footer */
#footer {
	padding: 15px 0; font: 1.0em/1.6em Arial, Helvetica, sans-serif;
	margin: 20px auto;border-top: 1px dotted #5a4823/*3f3115*/;
	width: 940px;
}
a.socialTwit, a.socialFB, a.socialIN, a.socialRSS {
	width: 16px; height: 16px; float: right; margin-top: 7px; text-indent: -9999px;
}
a.socialTwit {
	background-postion: 0 0; margin-right: 10px;
}
a:hover.socialTwit {
	background-position: 0 -16px;
}
a.socialFB {
	background-position: -24px 0; margin-right: 10px;
}
a:hover.socialFB {
	background-position: -24px -16px;
}
a.socialIN {
	background-position: -48px 0; margin-right: 10px;
}
a:hover.socialIN {
	background-position: -48px -16px;
}
a.socialRSS {
	background-position: -72px 0;
}
a:hover.socialRSS {
	background-position: -72px -16px;
}
#footer ul.footermisc {
	font: 0.8em/1.6em Arial, Helvetica, sans-serif;
}
#footer ul.footermisc li {
	float: left; margin-right: 15px; color: #714d19;
}
.copy {
	float: left; clear: left;
}