/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */
body, dl, dt, dd,
h1, h2, h3, h4,
ul, li, form {
	border: 0;
	margin: 0;
	padding: 0;
	}


/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */
html{
	font-size: 100%;
	} 

body,
form, input {
	color: #383838;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.4;
	}
body {
	background-color: #383838;
	}
	
p {border: 0; margin: 0 0 10px 0; padding: 0;}

h1 {font-size: 34px;}
h2 {font-size: 18px;}
h3 {float: left; font-size: 1.2em; margin: 0 0 5px 0;}
h4 {float: right; font-size: 1em;}

#about h1 {color: #d24d14;}
#about #title h1 {background: transparent url(images/h1-orng.png) no-repeat top left;}
#buzzed h1 {color: #ae331e;}
#buzzed #title h1 {background: transparent url(images/h1-red.png) no-repeat top left;}
#buzzed div.box-lg h2 {background: transparent url(images/h2-whitegr.png) no-repeat top left; padding: 0 0 0 30px;}
#buzzed div.box-lg-orng h2 {background: transparent url(images/h2-whiteorng.png) no-repeat top left; padding: 0 0 0 30px;}
#buzzed h3 {font-size: 1em; margin: 0 0 5px 30px;}
#buzzed h3.date {margin: 0 0 5px;}
#contact #title h1, #blank #title h1 {background: transparent url(images/h1-gray.png) no-repeat top left;}
#home div.box-lg h1 {background: transparent url(images/h1-whitegr.png) no-repeat top left; padding: 0 0 0 30px;}
#services h1 {color: #3d0e3f;}
#services div.anythingSlider h2, #services div.box-lg2 h1 {color: #fff;}
#services #title h1 {background: transparent url(images/h1-purple.png) no-repeat top left;}
#services #vertical_container h3 {background-color: #5E5E5E; color: #fff; float: none; padding: 4px;}
#title h1 {float: left; background: transparent url(images/h1-green.png) no-repeat top left; padding: 0 15px 0 30px;}
#title h3 {float: left; margin: 10px 0 0 0;}
#work h1 {color: #375419;}
#work #title h1 {background: transparent url(images/h1-green.png) no-repeat top left;}
#work div.anythingSlider h1, #work div.box-lg2 h1, #work div.box-display2 h1 {color: #ffffff;}
.box-display-wht h1, .box-display2 h1 {margin: 0 0 0 15px;}
div.box-lg2 h2 {color: #fff; margin-bottom: 3px; width: 400px;}
div.box-display2 h1, div.box-sm h2 {color: #fff;}
div.box-lg2 h2, div.box-lg2 h2 a, div.box-display2 h2, div.box-display2 h2 a {color: #ffffff; text-decoration: none;}

a:link, a:visited {color: #383838;}
a:hover, div.box-lg a, div.box-lg-yorng a, div.box-lg-orng a, div.box-lg-grn a, div.box-lg-prpl a, div.box-sm a {color: #fff;}
#home h3 a:hover, #home p a:hover {background-color: #5e5e5e;}
#home div.box-lg h3 a:hover, #home div.box-lg p a:hover {background-color: #fff; color: #5e5e5e;}
#home h3 a {text-decoration: none;}
#about p a:hover, #about li a:hover {background-color: #d24d14;}
#buzzed p a:hover, #buzzed li a:hover, #buzzed h3 a:hover {background-color: #c92a16;}
#buzzed h3 a {text-decoration: none;}
#services p a:hover, #services li a:hover {background-color: #3e0e40;}
#work p a:hover, #work li a:hover {background-color: #2c5611;}
#contact p a:hover, #contact li a:hover, #contact div.box-lg-wht a:hover, #blank p a:hover, #blank li a:hover {background-color: #5e5e5e;}
div.box-lg a:link {color: #fff;}
#contact-twitter a {text-decoration: none; vertical-align: middle;}
#contact-twitter li {float: left; list-style-type: none; margin-right: 5px;}
#contact-twitter li.twit-username a {padding: 6px 13px 0 0;}

img {border: 0;}
input {margin: 5px 0; padding: 0;}
hr.line-light {
	border: 0;	
	color: #979797;
	background-color: #7c7c7c;
	height: 1px;
	margin: 15px 0;
	width: 100%;
	}
.box-sm label {color: #fff;}


/* ---------------------------- */
/* CUSTOM CLASS TAGS */
/* ---------------------------- */
.clear-right {clear: right;}
.clear-both {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}
.no-margin {margin: 0;}
.client-margin {margin: 0 0 0 15px;}
.spacer {height: 5px;}
ul.simple-list {margin: 0 0 0 15px;}
ul.simple-list li {margin: 0 0 10px 0;}
#services ul.simple-list li {margin: 0;}
.more-work-lg li.no-margin {margin: 0;}
.home-work {height: 90px; width: 174px;}
.profile-tmb {
	border: 3px solid #104450;
	float: left;
	height: 135px;
	margin: 0 15px 0 0;
	width: 81px;
	}
.read-more a, .read-white a {
	display: block;
	float: right;
	height: 25px;
	overflow: hidden;
	width: 22px;
	}
.box-lg2 .read-more a, .box-lg2 .read-white a, .box-display2 .read-white a, .box-display2 .read-more a, .box-sm2 .read-more a {margin: 0 0 10px 0;}
.team-tmb {
	margin: 5px 0 0;
	}
.text-img {float: right; margin: 5px 0 0 15px;}

#work .read-more a, #work .read-white a, .arrow-green a {background: transparent url(images/arrow-green.png) no-repeat top left;}
#work li .read-more a:hover {background-color: transparent;}
#about .read-more a, #about .read-white a, .arrow-orng a {background: transparent url(images/arrow-orng.png) no-repeat top left;}
#services .read-more a, #services .read-white a, .arrow-prple a {background: transparent url(images/arrow-prple.png) no-repeat top left;}
#buzzed .read-more a, #buzzed .read-white a, .arrow-red a {background: transparent url(images/arrow-red.png) no-repeat top left;}
#contact .read-more a, #contact .read-white a, .arrow-yllw a {background: transparent url(images/arrow-yllw.png) no-repeat top left;}
.read-white a:hover, div.box-display2 div.read-white a:hover, #work .read-more a:hover, .arrow-green a:hover, #about .read-more a:hover, .arrow-orng a:hover, #services .read-more a:hover, .arrow-prple a:hover, #buzzed .read-more a:hover, .arrow-red a:hover, #contact .read-more a:hover, .arrow-yllw a:hover, #work li .read-white a:hover, #services .read-white a:hover {background-position: bottom left;}

.blog-img {float: right; border: 1px solid #666; margin: 0 0 20px 20px;}
.blog-title {float: left; width: 411px;}
.blog-subtitle {font-style: italic; margin-left: 30px;}
#about .blog-subtitle {margin-left: 0px;}

.comm-entry {border-bottom: 1px solid #666;}
.txt-med {font-size: 0.8em;}

/* ---------------------------- */
/* BOX MODULES */
/* ---------------------------- */
.box-sm {
	background: #5e5e5e url(images/corner-gray-sm-t.png) no-repeat top left;
	color: #FFF;
	float: right;
	line-height: 1.5;
	margin: 0 0 18px;
	width: 345px;
	}
.box-lg, .box-lg-orng, .box-lg-yorng, .box-lg-grn, .box-lg-prpl {
	color: #FFF;
	float: left;
	margin: 0 0 18px;
	width: 571px;
	}
.box-lg {
	background: #5e5e5e url(images/corner-gray-lg-t.png) no-repeat top left;
	}
.box-lg-orng {
	background: #ae331e url(images/corner-orng-lg-t.png) no-repeat top left;
	}
.box-lg-yorng {
	background: #b95220 url(images/corner-yorng-lg-t.png) no-repeat top left;
	}
.box-lg-grn {
	background: #375419 url(images/corner-grn-lg-t.png) no-repeat top left;
	}
.box-lg-prpl {
	background: #36123e url(images/corner-prpl-lg-t.png) no-repeat top left;
	}
.corner-lg-b-orng, .corner-lg-b-yorng, .corner-lg-b-grn, .corner-lg-b-prpl {
	height: 5px;
	width: 571px;
	}
.corner-lg-b-orng {background-image: url(images/corner-orng-lg-b.png);}
.corner-lg-b-yorng {background-image: url(images/corner-yorng-lg-b.png);}
.corner-lg-b-grn {background-image: url(images/corner-grn-lg-b.png);}
.corner-lg-b-prpl {background-image: url(images/corner-prpl-lg-b.png);}
.corner-margin {margin-top: 10px;}

.box-sm2, .box-lg2 {
	display: block;
	overflow: hidden;
	padding: 15px 15px 0 15px;
	}
.box-display2 {
	display: block;
	overflow: hidden;
	padding: 15px 0 0;
	}
.box-display3 {
	color: #fff;
	font-size:0.73em;
	line-height: 2;
	}
#home .box-display3 {
	color: #383838;
	}
.box-display2 .more-work-lg li, .box-display-wht .more-work-lg li {
	line-height: 1.3;
	}
.box-sm-wht {
	float: right;
	margin: 0 0 18px;
	padding: 0 15px 0;
	width: 315px;
	}
.box-lg-wht {
	float: left;
	margin: 0 0 18px;
	padding: 0 15px 0;
	width: 541px;
	}
.box-lg-wht-cli {
	float: left;
	margin: 0 0 18px;
	padding: 0 15px 0 0;
	width: 541px;
	}
.box-display-wht {
	float: left;
	margin: 0 0 18px;
	padding: 0;
	width: 571px;
	}
	
.corner-sm-b {
	background-image: url(images/corner-gray-sm-b.png);
	height: 5px;
	width: 345px;
	}
.corner-lg-b, .corner-display-b {
	background-image: url(images/corner-gray-lg-b.png);
	height: 5px;
	width: 571px;
	}
.corner-display-b {
	margin: 0;
	}
.more-work-lg p {margin-bottom: 0;}

.box-alt1 .box-lg-wht {display: none;}
.box-alt2 .box-lg-grn {display: none;}
.box-alt1 .box-display-wht {display: none;}
.box-alt2 .box-lg-yorng {display: none;}
.width-556 {width: 556px;}


/* ---------------------------- */
/* HEADER */
/* ---------------------------- */
#header {
	margin: 0 auto;
	padding: 0 27px 0 0;
	width: 977px;
	}
#logo a {
	background-image: url(images/logo-barclay.jpg);
	float: left;
	display: block;
	height: 123px;
	margin-bottom: 5px;
	width: 185px;
	}
	
#main-nav {
	background-image: url(images/bg-nav.jpg);
	height: 45px;
	margin: 12px 75px 0 0;
	padding: 28px 0 0 29px;
	width: 688px;
	}

.dropdown {float:left; padding-right:1px;}
.dropdown dt {color: #FFF; cursor:pointer; font-size: .85em; text-align: center; text-decoration: none;}
.dropdown dt:hover {background-image:url(images/nav-work.png);}
.dropdown dd {background-image:url(images/bg-subnav.png); border:1px solid #fff; border-top:none; position:absolute; overflow:hidden; display:none; width:190px; z-index:200;}

.dropdown dt a, .dropdown dt a:active, .dropdown dt a:visited {color:#FFF; display: block; height: 28px; padding:17px 0 0 0; width:135px; text-decoration:none;}

.dropdown ul {list-style:none; margin: 0 40px;  width:110px}
.dropdown li {display:inline;}
.dropdown dd a {color:#FFF; display:block; font-size: .85em; padding:10px; text-decoration:none;}
.dropdown dd a:hover {background-image:url(images/bg-subnav-hover.png);}
.dropdown .underline {border-bottom:1px solid #fff;}

.dropdown dt#one-ddheader:hover {background-image: url(images/nav-services.png);}
.dropdown dt#two-ddheader:hover {background-image: url(images/nav-work.png);}
.dropdown dt#three-ddheader:hover {background-image: url(images/nav-buzzed.png);}
.dropdown dt#four-ddheader:hover {background-image: url(images/nav-about.png);}
.dropdown dt#five-ddheader:hover {background-image: url(images/nav-contact.png);}
.dropdown dt.nav-on {background: transparent url(images/nav-on.png) no-repeat bottom center; }
.dropdown dt.nav-on:hover {background-repeat: repeat;}

#divider {

	}
	
#lets-chat {
	color: #FFF;
	float: right;
	font-size: 0.8em;
	margin: 45px 0 0;
	width: 78px;
	}

/* ---------------------------- */
/* MAIN */
/* ---------------------------- */
#wrapper {
	background: #cdcdcd url(images/corner-lgray-t.png) no-repeat top center;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
	width: 930px;
	}
#title {height: 50px; padding: 15px}
#main-column {float: left; width: 571px;}
#side-column {float: right; width: 345px;}
#home #slideshow {
	background-color: #375419;
	color: #FFF;
	height: 255px;
	margin: 0 0 18px 0;
	width: 930px;
	}
#back {z-index: 100;}
#fwd {z-index: 100;}
ul.ppt {position: relative;}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
	}
.ppt img {
	border: 1px solid #e7e7e7;
	padding: 5px;
	background-color: #ececec;
	}
ul#more-work {margin: 0 0 0 10px;}
#more-work li {
	float: left;
	font-size: .73em;
	line-height: 2;
	list-style-type: none;
	margin: 0 5px;
	text-decoration: none;
	width: 174px;
	}
.more-work-lg li {
	float: left;
	font-size: .73em;
	line-height: 2;
	list-style-type: none;
	margin: 0 15px;
	text-decoration: none;
	width: 254px;
	}
#bio-contact {
	float: right;
	font-size:0.9em;
	line-height: 1.3;
	width: 254px;
	}
#linkedin {margin: 0 3px 0 0;}
ul.nav_categories {
	list-style: none;
	}
ul.nav_categories li {
	margin: 0 0 10px 0;
	}
ul#sitemap li {
	line-height: 1.4;
	margin: 0 0 0 30px;
	}
#content {margin: 0 15px;}
#port-txt {float: left; width: 303px;}
#port-txt ul ul {list-style-type: disc; margin: 10px 0 10px 30px;}
#port-imgs {float: left; width: 208px;}
#port-imgs img {border: 3px solid #104450; margin: 0 0 10px 30px; width: 200px;}

p.prevNext {float: right; margin-top: 5px; vertical-align: middle; width: 100px;}

#comments {margin: 0 0 0 15px;}
#comment_form {border-bottom: 1px solid #666; padding-bottom: 15px;}
.comm-entry {padding: 15px 0 10px;}
.comm-entry p {margin: 0 0 2px;}
ul#blog-archive, ul#nav_cat_archive {list-style-type: none;}
ul#blog-archive li {margin: 0 0 17px 0;}

/* ---------------------------- */
/* EASYSLIDER http://css-tricks.com/examples/AnythingSlider/ */
/* ---------------------------- */
.anythingSlider                         { width: 930px; height: 255px; margin: 0 0 18px 0; position: relative; }
.anythingSlider .wrapper                { width: 930px; overflow: auto; height: 255px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; }
.anythingSlider ul li, .anythingSlider ul li div      { display: block; float: left; height: 255px; width: 930px; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 25px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: 0; }
.anythingSlider .back                   { background-position: -67px 0; left: 0; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }
#thumbNav                               { display: none; }
.anythingSlider .wrapper ul ul          { position: static; overflow: visible; width: auto; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; }
.anythingSlider p { color: #fff; margin: 75px 90px 0 585px;}
.anythingSlider ul li div.arrow-slide {float: right; margin: 15px 100px 0 0; width: 200px;}

#services .anythingSlider, #services .anythingSlider .wrapper, #services .anythingSlider ul li, #services .anythingSlider ul li div       { width: 571px;}
#services .anythingSlider h2 {padding: 13px 0 0 81px;}
#services .anythingSlider {background-image: url(images/slide-serv-bg.jpg);}
#services .textSlide img {margin: 34px 15px 0 90px;}

#work .anythingSlider, #work .anythingSlider .wrapper, #work .anythingSlider ul li, #work .anythingSlider ul li div       { width: 571px;}
#work .anythingSlider h2 {padding: 13px 0 0 81px;}
#work .anythingSlider {background-image: url(images/slide-work-bg.png);}
#work .textSlide img {margin: 20px 15px 0 81px;}
#work .anythingSlider .slide-copy p {margin: 0;}
#work .anythingSlider .slide-copy {float: left; margin:20px 0 0; width: 200px;}
#work .anythingSlider .read-more {margin-top: 5px; width: 200px;}

.slide-work {background-image: url(images/slide-work.jpg);}
.slide-services {background-image: url(images/slide-services.jpg);}
.slide-team {background-image: url(images/slide-team.jpg);}


/* ---------------------------- */
/* SEARCH */
/* ---------------------------- */
#search-box {
	float: right;
	margin: 18px 0 0;
	}
#search-enter {
	float: left;
	height: 25px;
	margin: 0 0 0 10px;
	width: 22px;
	}
input#search {
	background-color: #f3f0f0;
	border: 1px solid #a8a6a6;
	color: #afafaf;
	float: left;
	height: 16px;
	margin: 0;
	padding: 4px 4px 3px;
	text-align: right;
	width: 153px;
	}
#results-titles {
	background-color:#5E5E5E;
	color: #fff;
	padding: 10px;
	}
#content tr {
	border-color: #5E5E5E;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 10px 0;
	}


/* ---------------------------- */
/* FOOTER */
/* ---------------------------- */
#footer {
	margin: 25px auto 0 auto;
	padding: 0 0 32px 0;
	text-align: center;
	width: 780px;
	}
#footer ul li {
	font-size: .7em;
	float: left;
	list-style-type: none;
	margin: 0 18px;
	}
#footer ul li a {
	text-decoration: none;
	}
#footer ul li a:hover {
	background-color: #5e5e5e;
	}