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

	Neutron Interactive || BASE STYLESHEET

	version: 1

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

/* -------------------------------------------------------------- 
	IMPORT OTHER STYLESHEETS
-------------------------------------------------------------- */

@import url('reset.css');
@import url('type.css');

/* -------------------------------------------------------------- 
	COMMON CLASSES
-------------------------------------------------------------- */
.image-box {
	margin: 0 20px 20px 0;
	-webkit-box-shadow: 1px 1px 8px #999;
	-moz-box-shadow: 1px 1px 8px #999;
	box-shadow: 1px 1px 8px #999;
	float: left;
}
	.image-box.pull {
		margin-left: -125px;
	}
.image-box img {
	background: #FFF;
	border:1px solid #999;
	display:block;
	padding:6px;
}	
	
/* -------------------------------------------------------------- 
	SETUP BASE LAYOUT
-------------------------------------------------------------- */
.body-width { width: 960px; margin-left: auto; margin-right: auto; overflow: hidden; }


/* -----------------------------------------------------------------------
	BASE PRESENTATION
----------------------------------------------------------------------- */
html, body { background: #FCFCFC url('../images/body-bg.jpg'); margin: 0 auto; }


/* -- FOCUS TOUT IMAGE AND PAGE TITLE ------ */
.masthead-wrap { background-color: #333; background-repeat: no-repeat; background-position: 50% 0; }
.home .masthead-wrap { background-image: url('../images/home-tout.png'); }
.services .masthead-wrap { background-image: url('../images/services-tout.png'); }
.culture .masthead-wrap { background-image: url('../images/culture-tout.png'); }
.our-team .masthead-wrap { background-image: url('../images/team-tout.png'); }
.careers .masthead-wrap { background-image: url('../images/careers-tout.png'); }
.contact .masthead-wrap { background-image: url('../images/contact-tout.png'); }


.masthead h1 {
	background-repeat: no-repeat; background-position: 0 0;
	height: 100px;
	text-indent: -999em;
	margin-top: 198px;
}
.home .masthead h1 { background-image: url('../images/title-home.png'); }
.services .masthead h1 { background-image: url('../images/title-services.png'); }
.culture .masthead h1 { background-image: url('../images/title-culture.png'); }
.our-team .masthead h1 { background-image: url('../images/title-team.png'); }
.careers .masthead h1 { background-image: url('../images/title-careers.png'); }
.contact .masthead h1 { background-image: url('../images/title-contact.png'); }
.blog .masthead h1 { background-image: url('../images/title-blog.png'); margin-top: 0;}

/* -- HEADER ------ */
header.masthead {
	background: url('../images/header-bg-full.png') repeat-x;
	height: 403px;
	margin-bottom: 36px;
}
	.header-nav-bar .logo {
		display: block;
		height: 66px;
		width: 233px;
		background: url('../images/neutron-logo.png') no-repeat;
		text-indent: -999em;
		border: none;
		margin: 5px 10px;
		float: left;
	}
	.header-nav-bar nav ul {
		margin: 0;
		float: right;
		line-height: 0;
		overflow: hidden;
		margin: 20px 10px;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
		.header-nav-bar nav li {
			float: left;
			margin: 0;
			list-style-type: none;
		}
			.header-nav-bar nav li a {
				display: block;
				height: 32px;
				line-height: 32px;
				border: none;
				color: #FFE6E6;
				border-right: 1px solid #F46767;
				text-transform: uppercase;
				font-size: 14px;
				font-weight: bold;
				padding: 0 18px;
				
				/* CSS3 GRADIENT */
				background-color: #EE3524; /* fallback color */
				    background-image: url(../images/nav-bg.png); /* fallback image */
				    background-image: -moz-linear-gradient(100% 100% 90deg, #ED0818, #FA592D);
				    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FA592D), to(#ED0818));
				    
				text-shadow: 1px 2px #A50404;
			}
			.header-nav-bar nav li.first a {
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-bottomleft: 10px;
			}
			.header-nav-bar nav li.last a {
				border: none;
				-moz-border-radius-topright: 10px;
				-moz-border-radius-bottomright: 10px;
			}
				.header-nav-bar nav li a:hover {
					color: #FFF;
					
					/* CSS3 GRADIENT */
					background-color: #EE3524; /* fallback color */
					    background-image: url(../images/nav-bg-alt.png); /* fallback image */
					    background-image: -moz-linear-gradient(100% 100% 90deg, #333, #666);
					    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
					text-shadow: 1px 2px #000;
				}
.blog .masthead-wrap { background-image:none; height:176px; background-color: #333; margin-bottom:30px; }
.blog .masthead { height:176px; }


/* -- CONTENT AREA ------ */
.main {
	padding-bottom: 65px;
	overflow: hidden;
	background: url('../images/neutron-footer.png') no-repeat 100% 100%;
}
	.content-block {
		overflow: hidden;
	}
		.content-block header {
			float: left;
			display: inline; /* FOR IE */
			width: 210px;
		}
			.content-block header h2 {
				text-align: right;
				background: url('../images/h2-arrow-bg.png') no-repeat 100% 0;
				padding-right: 20px;
			}
		.content-block .content {
			float: left;
			display: inline; /* FOR IE */
			width: 729px; /* MINUS 1 FOR THE BORDER */
			border-left: 1px solid #979797;
			padding-left: 20px;
			padding-bottom:20px;
		}
		
	/* -- ALT-LAYOUT ------ */
	.w-rail .content-block {
		float: left;
		width: 720px;
		margin-right: 20px;
	}
		.w-rail .content-block .content {
			width: 475px;
		}
			.w-rail .full img {
				max-width: 460px;
			}
	aside.rail {
		float: right;
		width: 220px;
	}
	.blog aside.rail {
		width: 600px;
		margin-top:8px;
		margin-right: 150px;
	}
.services-list {
	width:242px;
	float:left;
	list-style:outside;
	padding-bottom: 20px;
}

.slideshow {
	width:715px;
	height: 260px;
}


#meet-our-team-wrap {
    width: 200px;
    margin-left: 10px;
    overflow: hidden;
    text-align: center;
}
#meet-our-team {
    overflow: hidden;
    list-style-type: none;
	text-align: center;
	font-size: .9em;
	width: 1000000px;
	height: 500px;
}
    #meet-our-team li {
        text-align: center;
        margin-left: 9px;
        width: 190px;
        float: left;
        display: inline;
    }
    #meet-our-team .image-box
    {
        margin: 0 0 9px 2px;
    }
.blog h2 {
	font-size: 2.5em;
}

.blog h2 a {
color: #333;
}
.blog h2 a:hover {
color: #FF0000;
}
.blog-rail {
	clear:both;
	width:700px;
	list-style: none;
}
	
	.blog-rail h3 {
		font-size: 1.2em;
		margin-bottom: 3px;
	}

	.blog-rail li {
		width:220;
		display: block;
		float: left;
		
	}
	
.recent-posts {
	list-style: none;
}
	.recent-posts li {
		clear: both;
		width:200px;
		font-size: 1em;
	}
.ul-archives {
	list-style: none;
}
	.ul-archives li {
		clear: both;
		width:200px;
		font-size: 1em;
	}
		

.postnavigation {
	clear: both;
}

/* -- FLICKR ------ */

#flickr {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	padding-left:0px;
}

#flickr li {
	height: 75px;
	float: left;
	margin:7px;
	padding:2px;
	display: inline;
	border: 1px solid #AFAFAF;

}


#flickr img {
	margin: 0 !important;
	padding:0 !important;
}
#flickr a {
	background-color: transparent;
}
#flickr  li:hover {
	background-color:transparent;
}


/* -- TWITTER ------ */

#tweets {
	list-style: none;
	margin-top: 25px;
}


.tweet_list {
	padding: 0;
	margin: 0;
	list-style: none;
}

	.tweet_list li {
		margin-top:20px;
		margin-bottom: 10px;
		display: block;
		font-size: 1em;
		color:#666;
		margin-left: 0;
	}
	

/* -- CONTACT ------ */
#office-contacts .vcard {
	margin-bottom: 20px;
}
.n {
	font-weight: bold;
	display: block;
	margin-bottom: 9px;
}
.title {
	border-right: 1px solid #666;
	padding-right:7px;
	display:inline;
	float: left;
	margin-right: 7px;
}
.tel {
	padding-left: 7px;
}

#email-neutron {
	list-style: none;
	padding-left:0;
	margin-left: 0;
	margin-top: 0;
}

	#email-neutron li {
		padding-left:0;
		margin-left: 0;
	}
strong {
	color:#000000;
}

.careers-category {
	padding-bottom: 10px;
}

.push-right {
	float: right;
	width:350px;
}

.employee-text {
	font-size: 1em;
}

/* -------------------------------------------------------------- 
	        APPLICATION
-------------------------------------------------------------- */

.apply-btn {
	display: block;
	width:113px;
	height:38px;
	background: url(/images/apply-btn.png);
	text-indent: -900px;
}


#application-form {
	margin-left: 25px;
	font-size: 100%;
}

#application-form td {
	vertical-align: top;
	height: 30px;
}

.field-label {
	text-align: right;
	width: 175px;
	height: 35px;
	padding: 7px 7px 0 0;
}

#application-form input {
	font-size: 13px;
	padding: 3px 9px;
}

#application-form textarea {
	font-size: 13px;
	padding: 3px 9px;
	width:250px;
}

.form-title {
	font-size: 130%;
	font-weight: bold;
	padding-left: 125px;
	padding-top:20px;
}

.submit-btn {
	background-image: url(/images/submit-btn-up.jpg);
	display: block;
	width:173px;
	height:35px;
	text-indent: -900px;
	
}

.submit-btn:hover {
	background-image: url(/images/submit-btn.jpg);
}

.error-field {
	color: #EE3524;
	padding:7px;
	font-size: 100%;
}

#header-image {
	margin-left: 25px;
}

/* */
.screen_questions {
	width: 350px;
	margin-left: 100px;
}
.screen_questions ul {
	list-style: none;
}

.screen_questions textarea {
	margin-bottom: 15px;
	padding: 7px 7px 0 0;

}

.screen_questions label {
	display: block;
	margin-bottom: 7px;
}

/* */
#office-contacts {
	margin-left: 25px;
	font-size: 80%;
}

.n {
	margin-top: 10px;
	display: block;
	color: #8f8f8f;
	font-weight: bold;
	font-size: 110%
}
.title {
	display: block;
}

.tel {
	display: block;
	font-family: Georgia;
}

.tel .type {
	display: none;
}



/* */

#email-neutron {
	list-style-type: none;
}

.post-content {
	clear: both;
	}

/* QUARK */

#quarks {
    list-style-type: none;
    border: 1px solid;
}

.quark-detail {
    display: none;
    }
    
    #quarks li h3 {
        border: 1px solid;
    }
    
    #quarks .preview-bar
    {
        overflow: hidden;
        border: 1px solid;
    }
    
    #quarks .employee-pic {
        float: left;
    }
    
/* -------------------------------------------------------------- 
	        EMPLOYEE SLIDER
-------------------------------------------------------------- */

.idTabs {
	list-style: none;
	height: 150px;
	width: 550px;
	margin: auto;
	text-align: center;
}
	.idTabs .image-box img {
		padding:2px;
	}
	.idTabs li {
		
		float: left;
		display: block;
		margin-left:10px;
		margin-top:10px;
		padding: 0;
	}
		.idTabs li .image-box {
		float: right;
		}
#employee-profiles {

}
	#employee-profiles p {
		font-size: 1.2em;
	}
	
.employee-name {
	float: right;
	width: 120px;
	margin-left: -10px;
	padding-right: 5px;
	text-align: right;
}
	.employee-name h5 {
		margin: 0;
	}
	.employee-name h6 {
		font-weight: normal;
		font-size: .7em;
		margin: 0;
	}
	
.employee-quote {
	float: left;
	width:510px;
	padding-left: 20px;
	margin-top: 20px;
}
	.employee-quote h4 {
		padding-bottom: 5px;
		font-size: 2em;
		margin-top:10px;
		color: #333;
	}
	.employee-quote h6 {
		font-size: 1.3em;
		font-weight: normal;
	}
.profile-pic {
	float: left;
	width: 180px;
	text-align: center;
	margin-top: 30px;
}

/* --- ILLUM --- */
#candlestick-wrap 
{ background: url('/images/track.jpg') top right no-repeat; }
#hidden-overlay
{
	display: none;
	float: left;
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 500px;
	height: 500px;
	background: #FCFCFC url('/images/triangle/body-bg.jpg'); margin: 0 auto;
}

#der {
	height: 350px;
	width: 470px;
	margin-bottom: 15px;
     background: url('/images/drywall.jpg') no-repeat;
}

.on {
   background: url('/images/drywall-blacklight.jpg') no-repeat !important; 
}	
#candlestick-wrap img { float: right;}	
/* -- FOOTER ------ */
.site-footer {
	margin: 0 auto;
	background: url('../images/footer-bg-shadow.png') repeat-x;
	padding-top: 6px;
	overflow: hidden;
	margin-top: -6px;
}
	figure {
		background: #420808;
	}
	.site-footer address, .site-footer p {
		float: left;
		margin: 20px 30px 0 30px;
		padding-bottom: 20px;
		color: #C5C5C5;
	}
		.site-footer a {
			border: none;
			color: #C5C5C5;
		}
	.site-footer address {
		font-style: normal;
	}

	.site-footer .inc-500 a {
		display: block;
		border: none;
		width: 58px;
		height: 46px;
		background: url('/images/500.png') no-repeat;
		text-indent: -5000px;
		margin-top:-10px;
		
	}