/* blue color color: #09a2da; */

#white-background {
    background-color: #fff;
}

.coda-nav ul {
    padding-bottom: 15px;
}

.coda-nav ul li a {
    color: #666 !important;
    font-family: Geneva, "Helvetica Neue", Arial, Helvetica;
    font-size: 11px !important;
}

body {
	margin: 0;
    background-color: #000;
	font: 11px/25px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #666;
	/* background: url(images/bg_soft_wood.jpg); */
}

a { color: red; text-decoration: none; font: 11px/25px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; }
a:hover { text-decoration: underline; }
a.small { font-size: 9px; text-decoration: none; color: #3184bd; display: inline; float: left; line-height: 20px; text-align: left; width: 100%; }

h1 { font: 50px/75px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #262626; }
h2 { font: 40px/55px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #262626; }
h3 { margin-bottom: 16px; margin-top: 10px; font: 30px/40px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #262626; }
h4 { margin-bottom: 18px; margin-top: 18px; font: 24px/30px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #262626; }
h5 { margin-bottom: 16px; margin-top: 16px; font: 20px/25px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #262626; }
h5.header { margin-bottom: 16px; margin-top: 16px; width: 560px; padding-bottom: 10px; border-bottom: 1px solid #dfe0e0; }
h6, h6 a { font: 20px/20px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #262626; margin: 20px 0 30px 0; }
#content h6 { margin: 30px 0; }
#footer h6 { padding: 30px 0 20px 0; margin: 0; }
h6.header { margin-bottom: 14px; margin-top: 14px; width: 100%; display: inline; float: left;padding-bottom: 10px; border-bottom: 1px solid #dfe0e0; }

img{ border: none; -ms-interpolation-mode: bicubic; }
img.portfolio { padding: 4px; border: 1px solid #dfe0e0; width: 270px; }

/******************/
/*   Navigation   */
/******************/

#nav_wrapper { height: 75px; background-image: url(images/nav_bg.jpg); }
	div#nav { width: 1000px; margin: auto; }
	
	div#nav_logo { float: left; margin-right: 22px; }
	div#nav_logo a { display: block; width: 350px; height: 75px; background-image: url(images/logo_dark.jpg); }
	.no-jquery div#nav_logo a:hover { background-image: url(images/logo_dark_hover.jpg); }

ul.navigation { float: right; margin: 0; padding: 0; display: inline; }
	ul.navigation li { display: inline; float: left; }
		ul.navigation li a { display: inline; float: left; text-transform: lowercase; height: 75px; font: 14px/75px Helvetica; text-decoration: none; margin-right: 35px; color: #797979; }
		.no-jquery ul.navigation li a:hover { color: #c0c0c0; }
		ul.navigation li a.active { color: #d4d4d4; }
		
/***********/
/*   Bar   */
/***********/

div.bar { height: 48px; border: 1px solid #dfe0e0; background: url(images/bar.jpg) repeat-x; }
	div.bar div { float: left; height: 48px; line-height: 48px; margin: 0 10px 0 25px; color: #9b9b9b; font-size: 11px; }

/* HIREUS-STUFF */

div.bar .hireus { height: 48px; border: 1px solid #dfe0e0; background: url(images/bar.jpg) repeat-x; margin: 25px 0; }

div.hireus { height: 48px; border: 1px solid #dfe0e0; background: url(images/bar.jpg) repeat-x; margin: 25px 0; }
	div.hireus div { position: relative; float: right; margin-right: 10px; width: 145px; height: 48px; border-right: 1px solid #dfe0e0; border-left: 1px solid #dfe0e0; background-image: url(images/bar_hireus.jpg); }

a.hireus { font-style: italic; color: #5e5e5f; font-size: 17px; line-height: 48px; height: 48px; margin-left: 18px; }
img.hireus { position: absolute; right: 10px; top: 4px; }

/**********************/
/*   Portfolio Page   */
/**********************/

ul.portfolio_nav { display: inline; height: 48px; border-left: 1px solid #dfe0e0; border-right: 1px solid white; }
	ul.portfolio_nav li { display: inline; float: left; height: 48px; padding-right: 10px; padding-left: 10px; border-right: 1px solid #dfe0e0; border-left: 1px solid white; }
		ul.portfolio_nav li.active { background: url(images/portfolio_nav_active.jpg) no-repeat; }
			.portfolio_nav img { margin-top: 10px; }
			
/**************/
/*   Footer   */
/**************/

#footer_wrapper { background-color: #000; }
	#footer { width: 1000px; margin: 20px auto 0 auto; padding-bottom: 55px; }
		 ul.footer { display: inline; width: 280px; margin:0; padding: 0;}
			 ul.footer li { display: inline; float: left; color: #929292; width: 270px; padding-top: 5px; margin-bottom: 5px; border-bottom: 1px solid #212121; padding-bottom: 5px; background: url(images/list_arrow.gif) no-repeat 0 8px; padding-left: 10px; }
				 ul.footer li:hover { display: inline; float: left; color: #929292; width: 270px; padding-top: 5px; margin-bottom: 5px; border-bottom: 1px solid #212121; padding-bottom: 5px; padding-left: 10px; background: url(images/list_arrow_hover.gif) no-repeat 0 8px; }
					 ul.footer li a { font-size: 10px; line-height: 16px; color: #5e5e5e; width: 270px; display: inline; float: left; text-decoration: none; }
					 ul.footer li a:hover { text-decoration: none; color: #797979; }
					 
#footer a { font-size: 10px; color: #929292; }
#copyright { clear: left; float: right; line-height: 30px; padding-top: 10px; text-align: right; }

/* MINI-PORTFOLIO */

ul.mini-portfolio { display: inline; width: 290px; padding: 0; }
	ul.mini-portfolio li { float: left; display: inline; padding: 1px; border: 1px solid #212121; margin: 4px; width: 80px; height: 80px; }

/*********************/
/*   Form elements   */
/*********************/

form { color: #000; }
form.sidebar { display: inline; float: left; width: 258px; margin-left: 10px; }
form.form_search { display: inline; float: left; width: 280px; height: 35px; float: left; margin-top: 20px; }
label { font: 13px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; float: left; display: inline; clear: left; margin-bottom: 5px; margin-top: 5px; }
label.small { font-size: 10px; }
input.tiny { display: inline; float: left; width: 150px; border: 1px solid #dfe0e0; height: 25px; clear: left; margin-bottom: 5px; margin-top: 5px; }
input.small { display: inline; float: left; width: 300px; border: 1px solid #dfe0e0; height: 25px; clear: left; margin-bottom: 5px; margin-top: 5px;  }
input.small_sidebar { display: inline; float: left; width: 200px; border: 1px solid #e9eaea; height: 25px; clear: left; margin-top: 5px;  }
input.medium { display: inline; float: left; width: 450px; border: 1px solid #dfe0e0; height: 25px; clear: left; margin-bottom: 5px; margin-top: 5px;  }
input.large { display: inline; float: left; width: 600px; border: 1px solid #dfe0e0; height: 25px; clear: left; margin-bottom: 5px; margin-top: 5px;  }
textarea.area_small { display: inline; float: left; width: 300px; border: 1px solid #dfe0e0; height: 125px; clear: left; margin-bottom: 5px; margin-top: 5px; }
textarea.area_small_sidebar { display: inline; float: left; width: 258px; border: 1px solid #e9eaea; height: 75px; clear: left; margin-bottom: 5px; }
textarea.area_medium { display: inline; float: left; width: 450px; border: 1px solid #dfe0e0; height: 125px; clear: left; margin-bottom: 5px; margin-top: 5px; }
textarea.area_large { display: inline; float: left; width: 550px; border: 1px solid #dfe0e0; height: 125px; clear: left; margin-bottom: 5px; margin-top: 5px; }
input.submit { border: 0; width: 149px; height: 30px; background: url(images/submit.jpg) no-repeat; display: inline; float: left; text-align: center; font: 13px/30px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #6d6d6d; clear: left; }
input.submit_small { width: 112px; height: 19px; background: url(images/submit_small.jpg) repeat-x; display: inline; float: left; text-align: center; font: 10px/19px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; color: #6d6d6d; border: 1px solid #dfe0e0; clear: left; }
input.submit_small.right { float: right; }
input.search { height: 25px; font-size: 13px; width: 212px; padding-top: 5px; border: 1px solid #e9eaea; padding-left: 5px; display: inline; float: left; margin: 0 2px 0 0px; }
input.b_search { width: 40px; height: 32px; text-align: center; line-height: 32px; font-weight: bold; color: #feffff; font-size: 13px; border: 1px solid #3184bd; display: inline; float: left; background: #0085bd url(images/blog_desc.jpg) repeat-x; }

/**************/
/*   Slider   */
/**************/

#slider_shadow { background: url(images/slider_shadow.jpg) bottom center no-repeat; }
	#slider_content { width: 640px; height: 300px; margin-bottom: 40px; margin: 0 auto; background: #fff; overflow: hidden; }
			div#slides_wrapper { padding-top: 4px; padding-right: 4px; height: 245px; padding-left: 4px; border-top: 1px solid #dfe0e0; border-right: 1px solid #dfe0e0; border-left: 1px solid #dfe0e0; }
				#slides{ height: 245px; width: 630px; overflow: hidden; float: left; }
					.slide{ float:left; width: 645px; height: 245px; }

#slider_nav ul { display: inline; height: 48px; border-left: 1px solid #dfe0e0; border-right: 1px solid white; }
	#slider_nav ul li { display: inline; float: left; height: 48px; padding-right: 10px; padding-left: 10px; border-right: 1px solid #dfe0e0; border-left: 1px solid white; }
	#slider_nav ul li.act { background: url(images/slider_nav_active.jpg) no-repeat; }
	
		.slider_nav_item img { margin-top: 6px; }


/***********************/
/*   Everything Else   */
/***********************/

#logo {
	float: left;
}

#facebook {
	padding-top: 10px;
	padding-right: 10px;
	float: right;
}

#wrapper {
	margin: 0 auto;
	width: 1000px;
	background-repeat: repeat-x;
	background-color: #fff;	
}

#header {
	text-align: center;
	padding-top: 25px;
}

#content {
	padding: 25px 25px 60px 25px;
}

.column {
	width: 290px;
	padding-left: 34px;
	overflow: hidden;
}	

a.small_arrow {
	margin-top: 15px;
	float: right;
}

#sidebar {
	float: right;
	width: 300px;
	background-color: #fbfcfc;
	padding: 10px 10px 0px 10px;
	margin: 0 0px 0 20px;
}

#sidebar h6 {
	margin-top: 0px;
}

div.sidebar_box { display: inline; float: left; width: 280px; padding: 20px 10px; }

/* GOOGLE MAPS */

.maps { padding: 4px; border: 1px solid #dfe0e0; margin-top: 20px; margin-bottom: 10px; display: inline; float: left; }

.gray { color: #666; }
.white { color: #fff; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.space { height: 60px; }
.space-small { height: 25px; }

.line { width: 560px; border-bottom: 1px solid #dfe0e0; margin-top: 20px; }

.bqstart {
     float: left;
     height: 45px;
     margin-top: -32px;
     padding-top: 45px;
	 padding-right: 5px;
     margin-bottom: -50px;
     font-size: 600%;
     color: #ccc;
 }


 .bqend {
     float: right;
     height: 20px;
     margin-top: 0px;
     padding-top: 20px;
     font-size: 600%;
     color: #ccc;
 }
 
 .success {
	 color: green;
	 background: #cfc;
	 border: 1px solid green;
	 padding: 5px;
}

 .error {
	 color: red;
	 background: #fcc;
	 border: 1px solid red;
	 padding: 5px;
}

.preload-image { display: none; }

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	.coda-slider { background: #fff }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 600px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #fff; color: #000; background: url(images/list_arrow.gif) no-repeat 0 7px; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; overflow: hidden; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #fff; color: #000; font-size: 12px; display: block; float: left; padding: 3px 10px; text-decoration: none; line-height: 16px; margin-left: 10px;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	h3.title { margin-top: 0px; }