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

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#404041;
	font-size:12px;
	text-align:center;
}
body#bodyscroll{
	overflow:hidden;

}
body .center{
	width:973px;
	text-align:left;
	margin:0 auto;
}
.top_anchor{
	position:absolute;
	top:0px;
	color:#404041;
}
input.send{
	float:right;
	background:none;
	border:none;
	width:auto;
	height:auto;
	margin-top:5px;
}	
/*
	background:url(../images/bg_field.gif);
	background-repeat:no-repeat;
	height:33px;
	width:238px;
}*/
textarea{
	background-color:#1c1c1c;
	border:1px solid #1c1c1c;
	overflow:auto;
	width:310px;
	height:68px;
	color:#848484;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.top{
	float:left;
	width:973px;
	height:65px;
	margin-top:25px;
	background-image:url(../images/top_bar_logo.jpg);
	background-repeat:no-repeat;
}
.top .label_image{
	float:left;
	width:386px;
	height:93px;
	margin-left:587px;
}
.menu{
	margin-left:690px;
}
.menu .button{
	float:left;
	width:auto;
}
.bt_contact_select{
	background-image:url(../images/but_contact_arrow.gif); background-repeat:no-repeat;
	height:65px;
	float:left;
	width:110px;
}
.bg_contact{
	background:url(../images/bg_envelope.jpg);
	background-repeat:no-repeat;
	width:973px;
	background-position:667px bottom;
}
.bg_about{
	background:url(../images/bg_map.jpg);
	background-repeat:no-repeat;
	width:973px;
	background-position:left bottom;
}

.center .middle{
	color:#696969;
	float:left;
	width:973px;
	margin-top:92px;
	height:395px;
	background-color:#2f2f30;
}
.center .middle .about_text{
	float:left;
	position:relative;
	left:507px;
	width:451px;
	margin-top:20px;
	height:130px;
}
.center .middle .about_text .about_education{
	float:left;
	width:270px;
	padding-top:25px;	
}
.center .middle .about_text .about_education span.topic{
	color:#b5ad80;
}
.center .middle .about_text .about_education p{
	margin-bottom:14px;
}
.center .middle .about_skills{
	float:left;
	width:180px;
	padding-top:25px;	
}
.center .middle .form{
	float:left;
	padding-left:22px;
	width:337px;
	padding-top:13px;
	height:338px;
	color:#848484;	
}
.center .middle .form .row{
	float:left;
	width:100%;
}
.center .middle .form .rowfield{
	float:left;
	padding-left:10px;
	width:317px;
	padding-right:10px;
	color:#848484;
	margin-top:18px;
	padding-top:8px;
	height:auto;
	padding-bottom:9px;
	background-color:#1c1c1c;
	border-bottom:#4b4b4d 1px solid;	
}
.center .middle .form .rowfield input{
	background-color:#1c1c1c;
	border:1px solid #1c1c1c;
	color:#848484;
	width:317px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.center .middle .form .rowfieldsubject{
	float:left;
	padding-left:10px;
	width:317px;
	padding-right:10px;
	color:#848484;
	margin-top:18px;
	padding-top:8px;
	height:auto;
	padding-bottom:9px;
	background-color:#0b0b0b;
	border:none;
	margin-bottom:-18px;
}

.center .middle .form .rowfieldsubject input{
	background-color:#0b0b0b;
	border:1px solid #0b0b0b;
	color:#848484;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width:317px;
}

.center .middle .reply{
	padding-top:46px;
	padding-left:22px;
	float:left;
	height:332px;
	width:338px;
}
.center .middle .getsocial{
	float:left;
	margin-left:52px;
	width:320px;
	margin-top:27px;
	height:80px;
}
.center .middle .getsocial .box{
	float:left;
	width:100%;
	margin-top:19px;
	/*border:#2c2c2c solid 1px;*/
	height:79px;
}
.center .work{
	float:left;
	width:973px;
	margin-top:92px;
}
.center .work .col_left{
	float:left;
	width:169px;
	margin-right:50px;
}
.center .work .col_left .shortcuts{
	float:left;
	width:100%;
	height:20px;
	background-color:#39393a;
	margin-bottom:5px;
}
/* BEGN - SLIDE HORIZONTAL */
	/*	p#cross-links { text-align: center }*/
		
		/*p#cross-links { margin-bottom: 30px; padding-bottom: 30px }*/
		
.center .work .col_left	noscript p, noscript ol { 
	color: #a00; 
	font-size: 13px; 
	line-height: 1.4em; 
	text-align: left 
}
.center .work .col_left	noscript a { 
	color: #a00; 
	text-decoration: underline 
}
.center .work .col_left	noscript ol { 
	margin-left: 25px; 
}
		
.center .work .col_left	a:focus { 
	outline:none 
}
		
img {
	border: 0;
	text-align: center;
}
		
.center .work .col_left	.stripViewer .panelContainer .panel ul {
	text-align: left;
	/*margin: 0 15px 0 30px;*/
}
.center .work .col_left .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	position: relative;
	width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
.center .work .col_left .csw {
	width: 100%; 
	height: 460px; 
	/*background: #fff; */
	overflow: scroll
}
.center .work .col_left .csw .loading {
	margin: 200px 0 300px 0; 
	text-align: center
}
.center .work .col_left .stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	width: 169px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 2160px;
	clear: both;
	/*background: #fff;*/
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.center .work .col_left .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 700px; /* Also specified in  .stripViewer  above */
}
.center .work .col_left .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
	min-height:1400px;
}
.center .work .col_left .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}
.center .work .col_left .stripNav ul { /* The auto-generated set of links */
	list-style: none;
}
.center .work .col_left .stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.center .work .col_left .stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
.center .work .col_left .stripNav li.tab1 a { 
	background: #666666; display:none; 
}
.center .work .col_left .stripNav li.tab2 a { 
	background: #60c; 
	display:none; 
}
.center .work .col_left .stripNav li.tab3 a { 
	background: #63f; display:none; 
}
.center .work .col_left .stripNav li.tab4 a { 
	background: #63c; 
	display:none; 
}
.center .work .col_left .stripNav li.tab5 a { 
	background: #00e; 
	display:none; 
}
.center .work .col_left .stripNav li a:hover {
	background: #333;
}
.center .work .col_left .stripNav li a.current {
	background: #000;
	color: #fff;
}
.center .work .col_left .stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
.center .work .col_left .stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}
.center .work .col_left .stripNavL {
	left: 0;
}
.center .work .col_left .stripNavR {
	right: 0;
}
.center .work .col_left .stripNavL {
	background: url("../images/arrow-left.gif") no-repeat center;
	display:none;
}
.center .work .col_left .stripNavR {
	background: url("../images/arrow-right.gif") no-repeat center;
	display:none;
}

/* END - SLIDE HORIZONTAL */


.view_text{
	float:left;
	width:100%;
	height:99px;
	background:#404041;
	margin-bottom:5px;
	font-size:10px;
}
.view_text .topic{
	float:left;
	width:169px;
	color:#FFFFFF;
	padding-left:12px;
	margin-top:12px;
	margin-bottom:5px;
}
.view_text .body{
	float:left;
	width:100%;
	color:#9B987E;
	margin-bottom:10px;
}
.view_text .body a{
	float:left;
	width:100%;
	color:#9B987E;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:0px;
	padding-left:12px;
}
.view_text .body a:hover{
	float:left;
	width:100%;
	background:#1D1D1D;
	padding-left:12px;
}
.box{
	float:left;
	width:100%;
	height:99px;
	background:#141414;
	margin-bottom:5px;
}
.center .work .col_right .content{
	/*width:754px;*/
	padding-left:25px;
	width:729px;
	background:#272727;
	padding-top:24px;
	padding-bottom:5px;
	float:left;

}
.center .work .col_right .content .topic{
	/*width:754px;*/
	width:auto;
	color:#b5ad80;
	font-size:18px;
	width:729px;
	float:left;
}
.center .work .col_right .content .topic{
	color:#b5ad80;
	font-size:18px;
	width:729px;
	float:left;
	margin-bottom:21px;
}
.center .work .col_right .content .tools{
	color:#ffffff;
	font-size:11px;
	width:729px;
	float:left;
	margin-bottom:8px;
}
.center .work .col_right .content .description{
	color:#aaaaaa;
	font-size:11px;
	width:729px;
	float:left;
	margin-bottom:8px;	
}
.center .work .col_right .content .launch{
	color:#c4c4a4;
	font-size:10px;
	width:729px;
	float:left;
	margin-bottom:35px;
}
.center .work .col_right .content .launch a{
	color:#c4c4a4;
	font-size:10px;
	width:729px;
	float:left;
	margin-bottom:35px;
	text-decoration:underline;
}
.center .work .col_right .content .launch a:hover{
	color:#c4c4a4;
	font-size:10px;
	width:729px;
	float:left;
	margin-bottom:35px;
	text-decoration:none;
}
.center .work .col_right .content .image{
	color:#c4c4a4;
	font-size:10px;
	width:730px;
	float:left;
	margin-left:-13px;
	text-align:center;
	height:auto;
	margin-bottom:10px;
}
.center .work .col_right .content .gotoback{
	width:729px;
	float:left;
	text-align:right;
	top:45px;
	position:relative;
}
/*#loading{
position:absolute;
z-index:99;
top:-50px;
margin:0 auto;
left:425px;
}*/

#loading{
 position:relative;
margin:0 auto;
padding-top:250px;
padding-bottom:2000px;

}
.center .footer{
	float:left;
	width:400px;
	padding-left:35px;
	margin-top:9px;
	padding-top:5px;
	height:auto;
	background:url(../images/footer_icon_logo.gif);
	background-repeat:no-repeat;
	color:#696969;
}
.center .footer_work{
	position:relative;
	left:219px;
	float:left;
	width:400px;
	padding-left:35px;
	margin-top:9px;
	padding-top:5px;
	height:auto;
	background:url(../images/footer_icon_logo.gif);
	background-repeat:no-repeat;
	color:#696969;
}