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

	Eclectic Interactive
	Copyright 2008


	----------------------------------------------*/


	/*----------------------------------------------


	Reset Everything


	----------------------------------------------*/

	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: none;
		vertical-align: baseline;
		background: transparent;
		list-style-type: none;
		text-decoration: none;
		
	}

	.clear {
		clear:both;
	}
	
	a:link {
	color: #54a3b8;
	font-style:italic;
	}
	a:visited {
		color: #54a3b8;
		font-style:italic;
	}
	a:hover {
		color: #ffffff;
		font-style:italic;
		
	}
	a:active {
		color: #54a3b8;
		font-style:italic;
	}
	


	/*----------------------------------------------


	Structure 


	----------------------------------------------*/

	body {
		background: #171717 url(../images/body_bg.gif) 0px 0px repeat-x;
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	body.work {
		background: #000 url(../images/body_bg.gif) 0px 0px repeat-x;
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	#container {
		position:relative;
		margin:0 auto;
		width:1000px;
	}
	#header {
		position:relative;
		width:1000px;
		height:277px;
		background-image:url(../images/header_bg.gif);
		background-repeat:no-repeat;
	}
	
	#header.about {
		position:relative;
		width:1000px;
		height:277px;
		background-image:url(../images/header_about_bg.png);
		background-repeat:no-repeat;
	}
	
	#logo_wrap {
		position:relative;
		width:294px;
		height:134px;
		float:left;
	}
	
	#logo_wrap img.logo{
        margin: 80px 0 0 25px;
	}	
	

	/*----------------------------------------------


	Main & Sub Navigation Elements 


	----------------------------------------------*/

	#nav_wrap {
		position: relative;
		width: 498px;
		height: 57px;
		background: transparent url(../images/navigation/nav_bg.png) top left no-repeat;
		float:left;
		margin:0 0 0 140px;
	}
	#main_nav {
	position:relative;
	width:498px;
	height: 57px;
	}
	#main_nav ul {
		border: none;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: left;
		height: 57px;
		float:left;
	}
	#main_nav ul li {
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px;
		border: none;
	}
	#main_nav ul li a {
		display: block;
		height: 57px;
		padding: 0px;
		margin: 0px;
	}
	li#nav_home a { width: 131px; } 
	li#nav_work a { width: 103px; } 
	li#nav_about a { width: 107px; } 
	li#nav_contact a { width: 157px; } 

	li#nav_home a:hover { background: transparent url(../images/navigation/btn_home_ovr.gif) 0px 0px no-repeat; }
	li#nav_work a:hover { background: transparent url(../images/navigation/btn_work_ovr.gif) 0px 0px no-repeat; }
	li#nav_about a:hover { background: transparent url(../images/navigation/btn_about_ovr.gif) 0px 0px no-repeat; }
	li#nav_contact a:hover { background: transparent url(../images/navigation/btn_contact_ovr.gif) 0px 0px no-repeat; }

	#main_nav ul li strong { display: none; }

	#main_nav li a.currentHome  { background: transparent url(../images/navigation/btn_home_ovr.gif) 0px 0px no-repeat; }
	#main_nav li a.currentWork { background: transparent url(../images/navigation/btn_work_ovr.gif) 0px 0px no-repeat; }
	#main_nav li a.currentAbout { background: transparent url(../images/navigation/btn_about_ovr.gif) 0px 0px no-repeat; }
	#main_nav li a.currentContact { background: transparent url(../images/navigation/btn_contact_ovr.gif) 0px 0px no-repeat; }

	
	
	/*----------------------------------------------


	Home Page Elements


	----------------------------------------------*/
	
	#news_column {
		position:relative;
		width:307px;
		height:489px;
		background: url(../images/news_bg.gif) 0px 0px no-repeat #0D0B0B;
		border:solid 1px #212121;
		margin:25px 0 0 0;
		padding:15px 15px 0 15px;
		float:left;
	}
	
	#news_header {
	position:relative;
	width:307px;
	margin-bottom:5px;
	height: 50px;
	}
	
	
	
	#news_header img.icon{ float:left;}

	
	#news_header h4{ margin-top:12px; margin-left:12px; color:#AEAEAE; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:200; float:left; letter-spacing:-1px;}
	
	.news_entry_wrap {
		position:relative;
		width:287px;
		min-height:20px;
		padding:10px 10px 10px 10px;
	}
	
	.news_entry_wrap span.date{ color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; float:left;}
	
	.news_entry_wrap span.comment_number{ color:#a7a7a7; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}
	
	.news_entry_wrap p{ color:#525252; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}
	
	.news_entry_wrap a{ font-size:14px; font-style:normal;}
	
	
	.comment_box{ 
		position:relative; 
		width:22px; 
		height:21px; 
		color:#8f8f8f; 
		font-size:12px; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-style:italic; 
		float:right;
		padding:0 0 0 15px;
	}
		
	
	#main_column {
	position:relative;
	width:598px;
	height:504px;
	margin:25px 0 0 15px;
	float:left;
	}
	
	#home_text_wrap {
	position:relative;
	width:578px;
	padding:25px 0 0 15px;
	}
	
	#welcome_wrap {
		position:relative;
		width:375px;
		float:left;
	}
	
	#welcome_wrap h4{ color: #54a3b8; font-size:28px; font-weight:500; margin-bottom:15px; letter-spacing:-1px;}
	
	#welcome_wrap p{ color:#525252; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}

	
	#service_box_wrap {
	position:relative;
	width:200px;
	float:left;
	}
	
	#service_box_wrap ul{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: left;
		float:left;
	}
	
	#service_box_wrap ul li{
		position:relative;
		float:left;
		display:inline;
		margin:0 0 10px 10px;
	}
	
	
	#link_nav_wrap {
		position: relative;
		width: 313px;
		height: 43px;
		background: transparent url(../images/navigation/link_bg.png) top left no-repeat;
	}
	#link_nav {
		position:relative;
		width:313px;
		height: 43px;
	}
	#link_nav ul {
		border: none;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: left;
		height: 43px;
		float:left;
	}
	#link_nav ul li {
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px;
		border: none;
	}
	#link_nav ul li a {
		display: block;
		height: 43px;
		padding: 0px;
		margin: 0px;
	}
	li#nav_facebook a { width: 104px; } 
	li#nav_myspace a { width: 132px; } 
	li#nav_youtube a { width: 77px; } 
	

	li#nav_facebook a:hover { background: transparent url(../images/navigation/btn_facebook.png) 0px 0px no-repeat; }
	li#nav_myspace a:hover { background: transparent url(../images/navigation/btn_myspace.png) 0px 0px no-repeat; }
	li#nav_youtube a:hover { background: transparent url(../images/navigation/btn_youtube.png) 0px 0px no-repeat; }
	

	#link_nav ul li strong { display: none; }

	

	
	
	
	/*----------------------------------------------


	Footer Elements 


	----------------------------------------------*/
	
	#footer {
	position:relative;
	width:100%;
	height: 50px;
	margin:0 auto;
	margin-top:30px;
	padding-top:20px;
	background-color: #171717;
	border-top:solid;
	border-top-color:#666;
	border-top-width:1px;
	border-top-style:dashed;
	}	
	
	#footer_wrap {
	position:relative;
	width:1000px;
	height: 50px;
	margin:0 auto;
	}
	
	#footer_left {
		position:relative;
		width:400px;
		float:left;
	}
	
	#footer_right {
		position:relative;
		width:400px;
		padding-top:10px;
		float:right;
	}
	
	
	#footer_left p{ text-align:left; color:#666666; font-style:italic; font-size:12px;}
	
	#footer_right p{ text-align:center; color:#666666; font-style:italic; font-size:12px;}
	
	
	
	
	#flash_wrap_main {
			position:relative;
			width:588px;
			height:189px;
	}
	
	/*----------------------------------------------


	Work Main Page Elements


	----------------------------------------------*/
	
	#work_column {
	position:relative;
	width:598px;
	margin:25px 0 0 15px;
	float:left;
	}
	
	
	#work_nav_wrap {
	position:relative;
	width:295px;
	height:40px;
	background: url(../images/work_nav_bg.png) 0px 0px no-repeat;
	margin:25px 0 0 0;
	padding:22px 15px 0 15px;
	float:left;
	}
	
	#work_nav {
	position:relative;
	width:300px;
	height: 10px;
	margin:0 auto;
	text-align:center;
	}
	#work_nav ul {
		border: none;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: left;
		height: 10px;
		float:left;
		
	}
	#work_nav ul li {
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px;
		border: none;
		border-right:solid 1px #494646;
		padding-bottom:6px;
	}
	
	#work_nav ul li.last {
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px;
		border: none;
		padding-bottom:3px;
	}
	
	#work_nav ul li a {
		display: block;
		width:70px;
		height: 10px;
		padding: 0px;
		margin: 0px;
		font-style:normal;
		font-size:14px;
	}
	
	#work_nav ul li a:hover { color:#FFF}
	#work_nav ul li a.current { color:#FFF}
	
	
	#work_column h4{ margin-top:20px; color:#0087b0; font-weight:500; font-size:18px;}
	#work_column h3{ margin-bottom:10px; color:#0087b0; font-weight:500; font-size:22px;}
	#work_column small{color:#a3a3a3; font-weight:500; font-size:12px; text-align:justify;}
	#work_column span{ color:#0087b0; font-weight:500; font-size:14px;}
	#work_column p{color:#a3a3a3; font-weight:500; font-size:12px; font-style:italic;}
	
	
	#contact_column {
	position:relative;
	width:598px;
	height:500px;
	background-image:url(../images/contact_bg.gif);
	background-repeat:no-repeat;
	margin:25px 0 0 15px;
	float:left;
	}
	
	#contact_column h4{ margin-top:20px; color:#0087b0; font-weight:500; font-size:18px;}
	#contact_column h3{ margin-bottom:10px; color:#0087b0; font-weight:500; font-size:22px;}
	#contact_column small{color:#a3a3a3; font-weight:500; font-size:12px; text-align:justify;}
	#contact_column span{ color:#0087b0; font-weight:500; font-size:14px;}
	
	#about_column {
	position:relative;
	width:598px;
	height:500px;
	background-repeat:no-repeat;
	margin:25px 0 0 15px;
	float:left;
	}
	
	#about_column h4{ margin-top:20px; color:#0087b0; font-weight:500; font-size:18px;}
	#about_column h3{ margin-bottom:10px; color:#0087b0; font-weight:500; font-size:22px;}
	#about_column small{color:#a3a3a3; font-weight:500; font-size:12px; text-align:justify;}
	#about_column p{color:#a3a3a3; font-weight:500; font-size:12px; text-align:justify; line-height:14px;}
	#about_column span{ color:#0087b0; font-weight:500; font-size:14px;}
	
	
	#feature_wrap {
		position:relative;
		width:577px;
		height:176px;
		background-image:url(../images/feature_bg.png);
		padding:13px 0 0 11px;
		z-index:1;
	}
	
	#ribbon_wrap {
		position:absolute;
		width:588px;
		height:189px;
		background-image:url(../images/ribbon.gif);
		z-index:2;
	}
	
	#feature_img {
		position:relative;
		width:562px;
		height:135px;
		
	}
	#feature_bottom {
		position:relative;
		width:562px;
		height:39px;
		
	}
	
	#comment_box {
		position:relative;
		width:51px;
		height:39px;
		/*background-image:url(../images/comment_bubble.png);*/
		float:left;
		
	}
	
	#link_box {
	position:relative;
	width:101px;
	height:29px;
	float:right;
	padding-top:10px
	}
	
	#link_box { color: #54a3b8; text-decoration:underline; text-align:right; }
	
	#left_nav_column {
	position:relative;
	width:330px;
	min-height:200px;
	float:left;
	}
	
	#sort_nav_wrap {
	position:relative;
	width:322px;
	height:122px;
	background: url(../images/sort_nav_bg.png) 0px 0px no-repeat;
	margin:5px 0 0 0;
	float:left;
	}
	
	#sort_nav {
	position:relative;
	width:300px;
	min-height: 10px;
	text-align:center;
	margin:12px 0 0 25px;
	
	}
	#sort_nav ul {
		border: none;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: left;
		height: 10px;
		float:left;
		
	}
	#sort_nav ul li {
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px;
		border: none;
		padding-bottom:6px;
	}
	
	#sort_nav ul li.last {
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px;
		border: none;
		padding-bottom:3px;
	}
	
	#sort_nav ul li a {
		display: block;
		width:90px;
		height: 10px;
		padding: 0px;
		margin: 0px;
		font-style:normal;
		font-size:14px;
		text-decoration:none;
	}
	
	#sort_nav ul li a:hover { color:#FFF}
	#sort_nav ul li a.current { color:#FFF}
	#sort_nav ul li a span { color:#a3a3a3; font-size:11px;}
	#sort_nav_wrap p{ margin:18px 0 0 18px; color:#a3a3a3; font-size:14px;}
	
	#dl_nav_wrap {
	position:relative;
	width:322px;
	height:122px;
	background: url(../images/sort_nav_bg.png) 0px 0px no-repeat;
	margin:25px 0 0 0;
	float:left;
	}
	
	#dl_nav {
	position:relative;
	width:300px;
	min-height: 10px;
	text-align:center;
	margin:12px 0 0 25px;
	
	}
	#dl_nav ul {
		border: none;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: left;
		height: 10px;
		float:left;
		
	}
	#dl_nav ul li {
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px;
		border: none;
		padding-bottom:6px;
	}
	
	#dl_nav ul li.last {
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px;
		border: none;
		padding-bottom:3px;
	}
	
	#dl_nav ul li a {
		display: block;
		width:90px;
		height: 10px;
		padding: 0px;
		margin: 0px;
		font-style:normal;
		font-size:14px;
		text-decoration:none;
	}
	
	#dl_nav ul li a:hover { color:#FFF}
	#dl_nav ul li a.current { color:#FFF}
	#dl_nav ul li a span { color:#a3a3a3; font-size:11px;}
	#dl_nav_wrap p{ margin:18px 0 0 18px; color:#a3a3a3; font-size:14px;}
	
	
	
	#work_content_wrap {
	position:relative;
	width:302px;
	height:478px;
	background: url(../images/work_content_bg.png) 0px 0px no-repeat;
	margin:5px 0 0 0;
	float:left;
	padding-right:20px;
	}
	
	#work_content_wrap p{ margin:18px 0 0 18px; color:#808080; font-size:12px;}
	#work_content_wrap h4{ margin:18px 0 0 18px; color: #54a3b8; font-size:22px; font-weight:500;}
	#work_content_wrap a{ margin:18px 0 0 18px; color: #54a3b8; font-size:14px; }
	#work_content_wrap em{ margin:18px 0 0 18px; color:#a3a3a3; font-size:12px}
	#work_content_wrap span{ margin:18px 0 0 18px; color:#a3a3a3; font-size:12px;}
	
	
	#comment_column {
	position:relative;
	width:330px;
	min-height:175px;
	float:left;
	padding-top:25px;
	height: 500px;
	}
	
	#comment_wrap {
		position:relative;
		width:578px;
		min-height:96px;
		
	}
	
	#comment_text {
		position:relative;
		width:538px;
		min-height:35px;
		background-color:#202020;
		padding:10px 20px 0 20px;
	}
	
	#comment_name_box {
		position:relative;
		width:578px;
		height:25px;
		background-color:#121212;
		text-align:right;
		padding-top:10px
	}
	
	#comment_column h4{ font-weight:500; font-size:18px; color:#d0d0d0; }
	#comment_column a{ color:#0087b0; font-style:italic; font-size:14px; }
	#comment_column p{ color:#909090; font-size:14px;}
	
	#comment_text p{ color:#909090; font-size:14px;}
	#comment_name_box span.highlight{ color:#d0d0d0; font-style:italic;}
	#comment_name_box span{ color:#0087b0; font-style:italic;}
	
	#featured_wrap {
	position:relative;
	width:302px;
	height:478px;
	background: url(../images/feature_box_bg.png) 0px 0px no-repeat;
	margin:5px 0 0 0;
	padding-right:20px;
	float:left;
	}
	
	#featured_wrap img{ margin:18px 0 0 15px;}
	
	#featured_wrap p{ margin:18px 0 0 18px; color:#808080; font-size:12px;}
	#featured_wrap p.contact{ margin:18px 0 0 18px; color:#808080; font-size:18px;}
	#featured_wrap a.link{ color:#808080; font-size:18px;}
	#featured_wrap a:hover.link{ color:#FFFFFF; font-size:18px; text-decoration:underline;}
	#featured_wrap h4{ margin:18px 0 0 18px; color: #a3a3a3; font-size:22px; font-weight:500;}
	#featured_wrap h4.name_heading{ margin:18px 0 0 18px; color: #54a3b8; font-size:14px; font-weight:500;}
	#featured_wrap a{ margin:18px 0 0 18px; color: #54a3b8; font-size:14px; font-style:normal; }
	#featured_wrap em{ margin:18px 0 0 18px; color:#a3a3a3; font-size:12px}
	#featured_wrap span{ margin:18px 0 0 18px; color:#a3a3a3; font-size:12px;}
	#featured_wrap span.at{color:#454040; font-size:18px; margin-left:0px;}


	#testimonial_wrap {
	position:relative;
	width:490px;
	margin: 55px 0 0 0;
	}
	
	#testimonial_wrap.about {
	position:relative;
	width:490px;
	margin: 35px 0 0 0;
	}
	
	#testimonial_wrap p{ color:#012d44; font-size:18px; font-weight:500;}
	#testimonial_wrap h4{ font-size:22px; font-weight:500; margin-top:10px; margin-bottom:0px;}
	#testimonial_wrap small{ color:#012d44; font-size:9px; font-weight:500; margin-top:0px;}
	#testimonial_wrap strong{ color:#fff; font-size:18px; font-weight:bold; margin-top:0px;}
	
	#about_feat{
		position:relative;
		width:268px;
		height:283px;
		background:url(../images/about_feat_bg.png) no-repeat;
		margin:15px 0 0 16px;
		padding:10px 15px 0px 5px
	}
	
	#about_feat h4{font-size:16px; font-weight:500; margin:10px 0 0px 20px;}
	#about_feat p{ color:#645d5d; font-size:12px; font-weight:500; margin-top:8px;}
	
	#about_bottom {
		position:relative;
		width:588px;
		height:213px;
		background-image:url(../images/about_bottom_bg.gif);
		margin:22px 0 0 0;
	}
	
	#resume_list_wrap {
	position:relative;
	width:200px;
	height:100px;
	float:left;
	color:#CCC;
	}
	
	#resume_list_wrap ul{
	position:relative;
	width:200px;
	height:100px;
	color:#CCC;
	}
	
	#resume_list_wrap ul li {
		padding: 0px;
		margin: 0px;
		border: none;
		padding-bottom:6px;
		color:#CCC;
	}
	
	#resume_list_wrap ul li a {
		width:90px;
		height: 10px;
		padding: 0px;
		margin: 0px;
		font-style:normal;
		font-size:14px;
		text-decoration:none;
		color:#CCC;
	}
	
	#resume_right_wrap {
	position:relative;
	width:200px;
	height:100px;
	float:left;
	color:#CCC;
	}
	
	#resume_right_wrap ul{
	position:relative;
	width:450px;
	height:100px;
	color:#CCC;
	}
	
	#resume_right_wrap ul li {
		padding: 0px;
		margin: 0px;
		border: none;
		padding-bottom:6px;
		color:#CCC;
	}
	
	#resume_right_wrap ul li a {
		width:90px;
		height: 10px;
		padding: 0px;
		margin: 0px;
		font-style:normal;
		font-size:14px;
		text-decoration:none;
		color:#CCC;
	}
	
	#resume_column {
	position:relative;
	width:458px;
	min-height:500px;
	background-repeat:no-repeat;
	margin:25px 0 0 15px;
	float:left;
	}
	
	#resume_column h4{ margin-top:20px; color:#0087b0; font-weight:500; font-size:24px;}
	#resume_column h5{ color:#0087b0; font-weight:500; font-size:24px;}
	#resume_column h3{ margin-bottom:10px; color:#0087b0; font-weight:500; font-size:28px;}
	#resume_column small{color:#a3a3a3; font-weight:500; font-size:12px; text-align:justify;}
	#resume_column p{ color:#a3a3a3; font-weight:500; font-size:12px; text-align:justify; line-height:14px;}
	#resume_column em{color:#a3a3a3; font-weight:500; font-size:12px; text-align:justify; line-height:14px; font-style:italic;}
	#resume_column strong{color:#fff; font-weight:bold; font-size:12px; text-align:justify; line-height:14px;}
	#resume_column span{ color:#0087b0; font-weight:500; font-size:14px;}