@charset "UTF-8";

/* ************************************************************* */
/* Body */

* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

body {
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	letter-spacing: 0px;
	line-height:14px;
	color: #333333;
	min-width: 950px;
	background:url(http://contactbenhaynes.com/media/site/bg.jpg) top repeat-x #b3c65b;
	width:100%;
	height:100%;
}

*, ul {
	list-style-type: none;
}

ul {
	padding:0px;
	margin:0px;
}

input {
	background-color: #ffffff;
	color: #333333;
	padding: 4px;
	margin-top: 4px;
	border:#cccccc 1px solid;
	width: 550px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 1.3px;
	line-height:16px;
}

#ie { position:absolute; top:200px; left:50%; margin-left:-400px; width:800px; color:#7d921e; }
.hidden { display:none; }

/* ************************************************************* */
/* Links */

a {
	text-decoration:none;
	outline:none;
}

a:link {color: #f9559e;}
a:visited {color: #f9559e;}
a:hover {color: #c33172;}
a:active {color: #f9559e;}

a.colored:link {color: #f9559e;}
a.colored:visited {color: #f9559e;}
a.colored:hover {color: #c33172;}
a.colored:active {color: #f9559e;}

a.white:link {color: #ffffff;}
a.white:visited {color: #ffffff;}
a.white:hover {color: #f9559e;}
a.white:active {color: #ffffff;}

a.black:link {color: #333333;}
a.black:visited {color: #333333;}
a.black:hover {color: #333333;}
a.black:active {color: #333333;}

/* ************************************************************* */
/* Tags */

img{
	border:0px;
}

img.inline_icon {
	margin-bottom: -5px;
}

/* ************************************************************* */
/* Global Class (Style) */

.hi{
	/* background-color:#e6f3fb; */
	/* color: #2882b5; */
	/*
	padding: 0px 0px 0px 1px;
	margin: 0px 0px 0px 0px;
	*/

	border-bottom:#2882b5 dotted 1px;
	
	/*
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	*/
}

.super_title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height:32px;
	letter-spacing: -1px;
	font-weight: bold;
}

.title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height:20px;
	letter-spacing: -1px;
	font-weight: bold;
}

.news {
	width:420px; 
	margin:22px 20px 20px 0px; 
	padding:20px; 
	float:left;
	background-color:#c7d585;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 12px;
	line-height:15px;
	letter-spacing: 0px;
}

.sub {
	font-size: 10px;
	line-height:14px;
}

.black {
	color: #000000;
}

.white {
	color: #ffffff;
}

.blue {
	color: #18b1ea;
}

.pink {
	color: #f9559e;
}

.light_colored {
	color: #97d2f4;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight:bold;
}

/* ************************************************************* */
/* Global Div */

#container {
	width: 960px;
	margin: 0px auto;
}

#header {
	position: relative;
	margin: 0px 0px -20px 10px;
}

#nav_home {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 240px;
	height: 80px;
	cursor: pointer;
}

#nav_about {
	position: absolute;
	top: 50px;
	left: 240px;
	width: 170px;
	height: 80px;
	cursor: pointer;
	z-index:2;
}

#nav_featured {
	position: absolute;
	top: 50px;
	left: 410px;
	width: 225px;
	height: 80px;
	cursor: pointer;
	z-index:2;
}

#nav_work {
	position: absolute;
	top: 50px;
	left: 635px;
	width: 155px;
	height: 80px;
	cursor: pointer;
	z-index:2;
	
}

#nav_blog {
	position: absolute;
	top: 50px;
	left: 790px;
	width: 150px;
	height: 80px;
	cursor: pointer;
	z-index:2;
}

/* Images on over */
#nav_about_on {
	position: absolute;
	top: 64px;
	left: 248px;
	z-index:1;
}

#nav_featured_on {
	position: absolute;
	top: 64px;
	left: 416px;
	z-index:1;
}

#nav_work_on {
	position: absolute;
	top: 64px;
	left: 640px;
	z-index:1;
}

#nav_news_on {
	position: absolute;
	top: 64px;
	left: 795px;
	z-index:1;
}

/* End of Images on over */

#byline {
	margin-left: 40px;
	height: 82px;
}

#newest {
	position: absolute;
	top: 0px;
	right: -76px;
}

#left_bracket {
	position: absolute;
	top: -10px;
	left: -37px;
}

.dotted {
	position: relative;
	margin: 10px 0px 10px 10px;
}

#view_all_featured {
	position: relative;
	margin: 10px 0px 10px 8px;
	cursor:pointer;
}

#panels {
	position: relative;
}

.panel {
	position: relative;
	float: left;
	width: 308px;
	height: 208px;
	background: url(http://contactbenhaynes.com/media/site/panel.png) no-repeat;
	margin: 6px 6px 6px 6px;
	text-align: left;
}

.panel div.pad {
	position: relative;
	margin: 20px 24px 24px 20px;
	overflow:hidden;
	height: 160px;
	z-index: 12;
	border:#ffffff 4px solid;
}

.panel div.pad img {
	position: relative;
	/* margin-top:-10px; */
	z-index: 12;
}

.featured_copy {
	position: absolute;
	top: 315px;
	left: 25px;
	width: 400px;
	height: 190px;
	padding: 1px 0px 0px 0px;
	z-index: 11;
	overflow: hidden;
}

.copy {
	position: absolute;
	top: 28px;
	left: 30px;
	width: 250px;
	height: 148px;
	padding: 1px 0px 0px 0px;
	z-index: 11;
	overflow: hidden;
}

.bottom_fade {
	position:absolute;
	left: 24px;
	top: 184;
}

.hit {
	position: absolute;
	top: 0px;
	left: 0px;
	background:url(http://contactbenhaynes.com/media/site/trans.png) repeat;
	width: 100%;
	height: 100%;
	z-index:20;
}

#email {
	position: relative;
	margin: 0px 0px 0px 0px;
}

#copyright {
	color: #8a9a41;
	font-size: 10px;
	margin-bottom: 30px;
}

#logo {
	position: absolute;
	top: -10px; 
	left: -14px;
	cursor: pointer;
}

/* 450 x 110 */
#search_bar {
	position: absolute;
	bottom: 40%;
	left: 50%;
	width: 450px;
	height: 110px;
	margin-left: -225px;
	background:url(http://contactbenhaynes.com/media/site/search.png) no-repeat;
	z-index: 10;
}

#search {
	position: absolute;
	top: 47px;
	left: 22px;
	background-color: #ffffff;
	color: #4eb0e8;
	padding: 6px 5px 5px 5px;
	border:#4eb0e8 1px solid;
	width: 402px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	letter-spacing: 1.3px;
	line-height:18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#throbber {
	position:absolute;
	top: 52px;
	left: 390px;
}

/* ************************************************************* */

#footer {
	text-align: center;
}

.spacer {
	position: relative;
	clear: both;
	width: 100%;
	height:1px;
}

.unit {
	position: relative;
	float:left;
	height:40px;
	text-align: left;
	font-size:12px;
	border: 1px #c8e5f6 solid;
	background-color: #ffffff;
	padding:10px;
	margin: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	z-index: 2;
}

.bg {
	position: absolute;
	top:0px;
	left:0px;
	z-index:1;
}

.internal_image {
	position: relative;
	z-index:2;
}

.text {
	position: relative;
	z-index:2;
}

.unit_1_1 {
	position: relative;
	float:left;
	margin: 8px 12px 8px 0px;
}

.unit_1_4 {
	position: relative;
	float:left;
	margin: 8px 12px 8px 0px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:260px;
	height:345px;
}

.unit_2_4 {
	position: relative;
	float:left;
	margin: 8px 12px 8px 8px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:580px;
	height:345px;
}

.unit_2_4 iframe {
	position: relative;
	z-index:2;
}

.bio_sticker {
	position: absolute;
	top:-15px;
	left:50px;
	z-index:3;
}

.bens_location {
	position: absolute;
	bottom:-40px;
	right:-30px;
	z-index:3;
}

.contact_office {
	position: relative;
	float:left;
	margin: 8px 12px 8px 0px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:580px;
	height:345px;
}

#office_images{
	z-index:2;
}

.office {
	position: absolute;
	top: 20px;
	left:20px;
}

.bens_workshop {
	position: absolute;
	top:-15px;
	left:-40px;
	z-index:3;
}

.contact_links {
	position: relative;
	float:left;
	margin: 8px 12px 8px 8px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:260px;
	height:345px;
}

.contact_links .text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height:15px;
	font-weight:bold;
}

.best_buds {
	position: absolute;
	top:-18px;
	left:170px;
	z-index:3;
}

.unit_secret {
	position: relative;
	float:left;
	margin: 8px 12px 8px 0px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:260px;
	height:345px;
}

.unit_lord {
	position: relative;
	float:left;
	margin: 8px 12px 8px 8px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:260px;
	height:345px;
}

.unit_third {
	position: relative;
	float:left;
	margin: 8px 12px 8px 8px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:260px;
	height:345px;
}

.news_images {
	position: relative;
	float:left;
	margin-top:12px;
	margin-bottom:10px;
	width:460px;
}

.news_image {
	position: relative;
	float:left;
	margin: 8px 12px 8px 0px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:420px;
	height:280px;
}

.featured_image {
	position: relative;
	float:left;
	margin: 8px 12px 12px 8px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:420px;
	height:480px;
}





.info_sticker {
	position: absolute;
	top:10px;
	right:-30px;
	z-index:3;
}

.tags {
	position: absolute;
	top:403px;
	left:10px;
	color:#FFF;
	font-size:12px;
	z-index:3;
}

.tag {
	position: relative;
	float: left;
	padding: 4px 4px 4px 5px;
	margin: 0px 4px 4px 0px;
	color: #f9559e;
	background-color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight:bold;
	line-height: 12px;
	cursor: pointer;
	border:#a3b647 solid 1px;
}

.project_description {
	position: relative;
	float:left;
	margin: 8px 12px 8px 8px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:260px;
	height:345px;
}

.project_images {
	position: relative;
	float:left;
	width:632px;
}

.project_image {
	position: relative;
	float:left;
	margin: 8px 12px 8px 0px;
	padding: 20px 20px 20px 20px;
	color: #444444;
	width:580px;
	height:345px;
}

.project_1_1 {
	position: relative;
	float:left;
	margin: 8px 12px 8px 8px;
}

.social {
	position: relative;
	float: left;
	margin-right: 5px;
	margin-bottom: 15px;
	z-index:3;
}



/* ************************************************************* */
/* Media Class */

.dutch {
	position: relative;
	background-color:#ffffff;
	border: 1px #aaaaaa solid;
	padding: 4px;
}

.image {
	background: #ffffff url(http://contactbenhaynes.com/media/site/throbber.gif) 50% 50% no-repeat;
	margin-bottom: 2px;
}

.image img {
	margin: 0px;
}

.medium {
	width: 290px;
	height: 193px;
}

/* ************************************************************* */