@charset "UTF-8";
/* CSS Document */

* {
	margin:0; /* zero out margin */ 
	padding:0; /* zero out padding */
}

html, body {
	height:100%; /* gives layout 100% height */
	overflow:inherit; /* triggers 100% height in Opera 9.5 */
	background:#fff;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.9em;
	line-height: 1.5em;
	text-align:center;
}
p {	
	padding:0 0 1.5em 0; /* bottom padding clears the #footer */
}
address {	
	padding:0 1em 1.5em 1em; 
}
a:link, a:visited {
	color: #e36c28;
	margin: 0px;
	text-decoration: none;
}
a:hover, a:active {
	color: #270C03;
	margin: 0px;
	text-decoration: none;
}
.category-cw ul {list-style:square inside url("images/orangesquare.gif"); padding:0 0 1.5em 0;}
.category-cw ul li {padding-left:12px; margin-bottom:5px; text-indent:-12px; line-height:1.2em;}

/*---------------------------------
Begin SM Links
-----------------------------------*/
a:link .facebook, a:visited .facebook, a:link .twitter, a:visited .twitter, a:link .rss, a:visited .rss, a:link .email, a:visited .email, a:link .ustream, a:visited .ustream, a:link .itunes, a:visited .itunes{
	height:20px;
	width:20px;
	background-image: url(images/NBD_sm_icons.png);
	background-repeat:none;
	border:1px solid #000;
	padding:none;
	margin:none;
}
a:link .facebook, a:visited .facebook{
	background-position:-4px -4px;
}
a:hover .facebook, a:active .facebook {
	background-position:-28px -4px;
}
a:link .twitter, a:visited .twitter{
	background-position:-4px -28px;
}
a:hover .twitter, a:active .twitter {
	background-position:-28px -28px;
}
a:link .rss, a:visited .rss{
	background-position:-4px -52px;
}
a:hover .rss, a:active .rss {
	background-position:-28px -52px;
}
a:link .email, a:visited .email{
	background-position:-4px -76px;
}
a:hover .email, a:active .email {
	background-position:-28px -76px;
}
a:link .ustream, a:visited .ustream{
	background-position:-4px -100px;
}
a:hover .ustream, a:active .ustream {
	background-position:-28px -100px;
}
a:link .itunes, a:visited .itunes{
	background-position:-4px -124px;
}
a:hover .itunes, a:active .itunes {
	background-position:-28px -124px;
}
/*---------------------------------
End SM Links
-----------------------------------*/
h3{
	border-top:1px solid #270C03;
	padding: 10px 0 0 0;
}
.blockHead{
	color:#fff;
	background-color:#666;
	padding:5px;
	border:1px solid #000;
	border-bottom:none;
	font-weight:normal;
}
hr {
	display:none;
}
.search-form input {
  	width: 75px;
  	border:1px solid #000;
	position:absolute;
	bottom:-1px;
	right:29px;
}
.search-form2 input {
  	width: 150px;
  	border:1px solid #000;
}
.center{
	margin:30px 0 10px 0;
	line-height:1.25em;
}
#container  {
	min-height:100%; /* IE6 treats height as min-height */
	width:800px; /* centered div must be given a width */
	margin:0 auto; /* centers #wrapper */
	position:relative; /* positions the #footer relative to the #container */
	text-align:left;
}
#sidebar  {
	float:right;
	width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 80px 15px 10px 15px;
	margin: 0 0 30px 0;
}	
#sidebar li {list-style: none; /*line-height:1.25em;*/ padding:5px 0;}
#sidebar p{
	padding: 0 0 5px 0;
}
#sidebar #twitter{border:1px solid #000; margin:0 0 20px 0; padding:5px 10px;}
#sidebar #twitter li{border-bottom:1px solid #000;}
#sidebar .cwHeaderSidebar{
	width:200px;
	height:200px;
	background-image:url(images/cw-logo-color.png);
	border:1px solid #000;
	margin:-20px 0 20px 0;
}
#sidebar .HeaderSidebar{
	width:200px;
	height:200px;
	background-image:url(images/nbd-logo-color.png);
	border:none;
	margin:-20px 0 20px 0;
}
#mainContent  {
	float: left;
	width:500px; 
	padding: 65px 30px 65px 30px;
} 
#s3slider {
	width:740px;
	position:realative;
	margin: 0 auto; padding: 70px 0 0 0; margin-bottom:-50px;
}
#bannerContent:{border: 1px solid #000;}

#s3slider a img{
	border:none;
}
#box{border: 1px solid #000; width:740px; height:340;}
#subContent {
	position:relative;
	margin:20px 0;
}
#projects {
	width:220px;
	float:left;
	margin: 0 0 30px 0;
}
#blog {
	width:220px;
	overflow:none;
	float:right;
	margin: 0 0 30px 0;
}
#cwBanner{
	width:500px;
	height:200px;
	position:relative;
	border:1px solid #000;
	margin:0 0 20px 0;
	background-image: url(images/cw-banner.jpg);
	background-repeat: none;
}
#cwNavigation{
	position:absolute;
	bottom:0;
	right:0;
}
#cwNavigation ul {
	list-style-type: none;
	margin: 0 2px 0 0;
	/*padding: 0.5em 10px;*/
}
#cwNavigation li {
	display: inline;
	float:left;
	padding: 5px;
}
#cwNavigation li a:link, #cwNavigation li a:visited {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin:0;
}
#cwNavigation li a:hover, #cwNavigation li a:active {
	color: #e36c28;
}
#portfolioBanner{
	width:500px;
	height:200px;
	position:relative;
	border:1px solid #000;
	margin:0 0 20px 0;
	background:#e36c28;
	background-image: url(images/NBD-Portfolio.jpg);
	background-repeat: none;
}
#portfolioNavigation{
	position:absolute;
	bottom:0;
	right:0;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 auto;
}
#portfolioNavigation ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0.5em 10px;
	float: right;
}
#portfolioNavigation li {
	display: inline;
	padding: .5em .5em 0 .5em;
}
#portfolioNavigation li a:link, #portfolioNavigation li a:visited {
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
#portfolioNavigation li a:hover, #portfolioNavigation li a:active {
	color: #e36c28;
}
small {
	font-size: 75%;
	font-weight:bold;
	line-height: 1.2em;
}
small ul {list-style-type:none;}
small li {display: inline;}
.small{margin: 5px 0;}
.entry, .blogEntry {
	margin:5px 0 20px 0;
}
.entry img, .blogEntry img{
	margin:0 5px 5px 0;
}
.blogEntry p{padding: 0 0 0 225px;}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
a img {
	border:1px solid #000;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#navigation {
	position: absolute;
	top:0;
	width: 100%;
	height:50px;
	background:#fff;
	border-bottom:1px solid #270C03;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 auto;

}
#navigation #homeIcon {
	width:131px;
	height:40px;
	background-image: url(images/NBDlogoSmall-bk.png);
	background-repeat:none;
	border:none;
	margin:3px 30px;
	Float:left;
}
#navigation ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0.5em 25px;
	float: right;
}
#navigation li {
	display: inline;
	padding: .5em .5em 0 .5em;
}
#footer {
	position: absolute;
	bottom:0;
	padding: 0 25px;
	width: 800px;
	height:30px;
	border-top:1px solid #270C03;
	text-align: center;
	text-transform: uppercase;
	/*margin: 0 auto;*/
	font-weight:normal;
	font-size:70%;
}
#footer ul {
	padding: 0.25em 10px;
	list-style-type: none;
	margin: 0px;
}
#footer li {
	display: inline;
	float: left;
	padding: .5em .5em 0 .5em;
}


/*---------------------------------
	MEET THE TEAM
---------------------------------*/

#theTeam li.teamMember, #theStudio li.teamMember{float:left; list-style:none; border-bottom:1px solid #333; padding:0 0 20px 0; margin:0 0 30px 0;}
#theTeam li.teamMember h2, #theStudio li.teamMember h2{margin:0; padding:0;}
#theTeam li.teamMember h3, #theStudio li.teamMember h3{margin:0; padding:0; border:none; font-weight:normal; font-style:italic;}
#theTeam p, #theStudio p{margin:0 0 10px 0;}
#theTeam img, #theStudio img{margin:0 10px 0 0;}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #333;
	text-align: center;
	padding-top: 4px;
	margin: 10px 0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: none;
}

.wp-caption p.wp-caption-text {
	color: #666;
	font-size: .9em;
	line-height: 1.1em;
	padding: 8px 5px 5px 5px;
	margin: 0;
}
/* End captions */