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


/* GENERAL SETTINGS */

body {
	background-image:url(../images/idrunk_background.jpg);
	color: #333333;
	font: .7em normal Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	}

a {
	color:#0f7964;
	text-decoration: none;
	}

a:hover {
	background-color: #0f7964;
	color:#000;
	text-decoration:none;
	}

.floatLeft {
	float:left;
	}
	
.floatRight {
	float:right;
	}
	
.clear{
	clear:both;
	height: 0px;
	overflow: hidden;
	}
	
.hrdotted {
	border: 1px dotted #aaa; 
	border-style: none none dotted;
	margin:5px 0 5px 0;
	width:100%;
	}

#site {
	background-color:#202020;
	margin:20px auto 20px auto;
	width:940px;
	}

/* END GENERAL SETTINGS */

/* TOP NAVIGATION */

#topnav {
	background-color:#101010;
	width:100%;
	}

	#topnav_logo {
		float:left;
		margin:21px 28px 21px 28px;
		}
		
	.logo a {
		text-decoration:none;
	}
	.logo a:hover {
		background-color:#000;
		text-decoration:none;
	}

	#topnav_menu {
		float:left;
		margin:54px 0px 54px 0px;
		}
	
	#topnav_contact {
		float:right;
		margin:58px 28px 0px 0px;
		}

.menu {
	color:#fff;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.menu li {
	padding: 0;
	margin: 0;
	height: 17px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
	}
	
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 17px;
	background-repeat: no-repeat;
	color:#fff;
	}
	
.profile {
	background-image: url(../images/DBM_Nav_ProfileA.gif); 
	width: 46px;
	}
	
.profile a {
	background-image: url(../images/DBM_Nav_Profile.gif);
	}
	
.services {
	background-image: url(../images/DBM_Nav_ServicesA.gif); 
	width: 60px;
	}
	
.services a {
	background-image: url(../images/DBM_Nav_Services.gif);
	}
	
.results {
	background-image: url(../images/DBM_Nav_ResultsA.gif); 
	width: 53px;
	}
	
.results a {
	background-image: url(../images/DBM_Nav_Results.gif);
	}
	
.clients {
	background-image: url(../images/DBM_Nav_ClientsA.gif); 
	width: 49px;
	}
	
.clients a {
	background-image: url(../images/DBM_Nav_Clients.gif);
	}
	
.blog {
	background-image: url(../images/DBM_Nav_BlogA.gif); 
	width: 30px;
	}
	
.blog a {
	background-image: url(../images/DBM_Nav_Blog.gif);
	}
	
.menu li {
	float: left;
	}
	
.menu:after {
	content: ".";
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
ul.menu li a:hover {
	background: none;
	}

/* END TOP NAVIGATION */

/* FEATURE IMAGE STRUCTURE */

.feature {
	 background-color:#000;
	 height: 300px;
	 width:100%;
	}

.slimfeature {
	 background-color:#000;
	 height: 100px;
	 width:100%;
	}

.featureHeadspace {
	 background-color:#333;
	 width:100%;
	}
	
/* END FEATURE IMAGE */


/* LEAD IN QUOTE STRUCTURE (Grey Area) */

.leaderL {
	float:left;
	width:428px;
	padding:42px 28px 42px 28px;
	background-color:#333;
	}
	
.leaderR {
	float:left;
	width:428px;
	background-color:#333;
	padding:42px 28px 42px 0px ;
	}
	
.leaderF {
	width:884px;
	background-color:#333;
	padding:42px 28px 42px 28px ;
	}
	
/* END LEAD IN QUOTE */

/* BODY CONTENT STRUCTURE (Black Area) */
	
.bodyL {
	float:left;
	width:428px;
	padding:42px 28px 0px 28px;
	background-color:#202020;
	}
	
.bodyR {
	float:left;
	width:428px;
	background-color:#202020;
	padding:42px 28px 0px 0px ;
	}
	
.body1 {
	float:left;
	width:276px;
	padding:42px 28px 0px 28px;
	background-color:#202020;
	}
	
.body2 {
	float:left;
	width:276px;
	background-color:#202020;
	padding:42px 28px 0px 0px ;
	}
	
.bodyW {
	float:left;
	width:580px;
	padding:0px 28px 0px 28px;
	background-color:#202020;
	}
	
	.bodyWimg1 {
		float:left;
		width:276px;
		background-color:#202020;
		padding:42px 28px 28px 0px ;
		}
	
	.bodyWimg2 {
		float:left;
		width:276px;
		background-color:#202020;
		padding:42px 0px 28px 0px ;
		}
		
	.bodyWimg {
		float:left;
		width:580px;
		background-color:#202020;
		padding:42px 28px 28px 0px ;
		}
.bodyWthin {
		float:left;
		width:580px;
		background-color:#202020;
		padding:42px 28px 0px 0px ;
		}
	
.bodyB {
	float:left;
	width:206px;
	background-color:#000000;
	padding:28px 28px 28px 28px ;
	margin: 42px 42px 0 0;
	}

/* END BODY CONTENT */

/* INDEX PAGE STYLING */
	
.indexProject {
	font: 11px normal "Lucida Grande", Arial, sans-serif;
	}

.indexProjectDetails {
	color: #AAAAAA;
	float:left;
	}
	
.indexProjectDesc {
	color: #AAAAAA;
	}
	
.indexDate {
	color: #555555;
	float:right;
	}
	
.indexMore {
	font: 9px normal "Lucida Grande", Arial, sans-serif;
	color: #AAAAAA;
	text-align:right;
	}

.spacerbar {
	float:left;
	margin:0 24px 0 24px;
}
	
.white {
	color:#fff;
	}
	
.fivetop {
	padding-top:5px;
}

.cslist {
	margin: 0 0 0 1px;
	padding: 0 0 0 0;
	}
	
.cslist li {
	list-style-type:none;
	margin-left:0;
	line-height:2em;
	}

/* END INDEX PAGE STYLING */

/* PROFILE PAGE STYLING */

#profileSide {
	padding: 42px 0 0 28px;
	width:274px;
	float:left;
}

#profileMain {
	float:left;
	width:500px;
}
.profileEntry {
	padding: 42px 0 0 0;
	}
	
/* END PROFILE PAGE STYLING */

/* PROJECT DETAIL PAGE STYLING */
	
.speclist {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.speclist h3 {
	color:#fff;
	font-size: 100%;
	padding: 0 0 3px 0;
	}

.specitem {
	margin: -5px 0 0 0;
	padding: 0 0 0 0;
	}

ul.speclist li {
	font-size: 100%;
	margin:0 0 25px 0;
	line-height:50%;
	list-style-type:none;
	}

li ul.specitem li {
	color:#bbb;
	font-size: 85%;
	line-height:130%;
	list-style-type:disc;
	margin:0 0 7px 12px;
	}
	
.bodyF {
	width:912px;
	padding:14px 28px 42px 28px ;
margin:0;
	}
	
.bodyF li {
	list-style-type:none;
	margin:28px 28px 0 0;
	float:left;
	width:276px;
	}
	
.indexProject {
	width:428px;
	padding:0;
	margin:0;
	}
	
.indexProject li {
	list-style-type:none;
	margin:0px 0px 0 0;
	width:428px;
	}
	
/* END PROJECT DETAIL PAGE STYLING */

/* BLOG STRUCTURE (headspace) */

.blogFull {
	background-color:#f5f5f5;
	padding: 42px 0px 0px 0px;
	
}
.blogLeft {
	width: 570px;
	padding:0 0px 28px 28px;
	float:left;
	}

.blogRight {
	width: 286px;
	padding:0 0 28px 28px;
	border-left: 1px dotted #666;
	float:right;
	}
	
/* END BLOG STRUCTURE */
	
/* BLOG STYLING (HEADSPACE */
				 
.bloglist {
	width:254px;
	padding:0;
margin:0 0 42px 0;
	}
	
.bloglist li {
	list-style-type:none;
	margin:0px 0px 0 0;
	width:254px;
	}
	
.ec3_events {
	width:254px;
	padding:0;
margin:0 0 42px 0;
	}
	
.ec3_events li {
	list-style-type:none;
	margin:0px 0px 0 0;
	width:254px;
	}
	
.blogDetails a {
	color: #0f7964;
	float:left;
	}
	
.blogDetails a:hover {
	background-color: #0f7964;
	color:#f9fcfa;
}
	
.blogItem {
	width:200px;
	float:left;
	}
	
.blogDate {
	color: #555555;
	float:right;
	}
	
.blogEntry {
	margin:0 0 42px 0;
	color:#000000;
	}
	
.blogEntry .floatLeft {
	margin:5px 15px 5px 0;
}

.blogTitle {
	font: normal 28px "Din", Helvetica, Arial, sans-serif;
	margin:0 0 5px 0;
	width:100%;
	}

.blogTitle a {
	color: #000;
	text-decoration:none;
	}

.blogTitle a:hover {
	color: #f9fcfa;
	text-decoration:none;
background-color:#000;
	}

.entryDate {
font: normal 85% Helvetica, Arial, sans-serif;
}


.blogBody {
	margin:5px 0 15px 0;
	font: 1.2em normal Arial, sans-serif;
	color: #333333;
	word-spacing: 0.05em;
	line-height: 1.5em;
	font-size: 1.2em;
	}


.blogBody blockquote {
	font-size:85%;
	line-height:1.4em;
	padding-right: 15px;
	padding-left:10px;
	color: #444;
}

.blogBody a {
	color:#0f7964;
	text-decoration:none;
	}

.blogBody a:hover {
	background-color:#0f7964;
	color:#fff;
	}
 
.blogDetailsLeft {
	font: 85% normal Helvetica, Arial, sans-serif;
	float: left;
	color:#999;
	}

.blogDetailsLeft a {
	text-decoration:none;
	color:#000;
	}
	
.blogDetailsLeft a:hover {
	text-decoration:none;
	background-color:#000;
	color:#fff;
	}

.blogDetailsRight {
	font: 85% normal Helvetica, Arial, sans-serif;
	float: right;
	color:#000;
	}


.blogDetailsRight:hover {
	text-decoration:none;
	background-color:#000;
	color:#fff;
	cursor:pointer;
	}
	
#share {
	clear:both;
	}
	
/* END BLOG STYLING */

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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 30px 0px 30px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 4px 4px 4px;
	margin: 0;
	font-style: italic;
}
/* End captions */