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

/* CSS RESET */
/* v1.0 | 20080212 */

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: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color:#FFF;
}
body {
	line-height: 1;
	background:url(../site_images/background_repeat.jpg);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END CSS RESET */


/* START MAIN PAGE CSS */

@font-face
{
    font-family: interstate_cond_mono_-_lgt;
    src: url('../fonts/interstate_cond_mono_-_lgt-webfont.eot');
    src: local(interstate_cond_mono_-_lgt), url('../fonts/interstate_cond_mono_-_lgt-webfont.ttf') format('opentype');
}


#logo{
	width:250px;
	height:200px;
	float:left;
	margin: 0px 0 10px 10px;
}
h1.header{
	width: 240px;
	height: 200px;
	position: relative;
		}
h1.header span{
	background:url(../site_images/seal_logo_v2.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
		}
#navigation{
	height:20px;
	width:240px;
	margin: 10px 0 0px 10px;
	
}
ul#mainNav{
	font-size:17px;
	font-family:interstate_cond_mono_-_lgt, Arial, Helvetica, sans-serif;
	text-align:center;
}

ul#mainNav li{
	display: inline;
	list-style-type: none;
	padding-right:2px;
	padding-left:2px;
}

ul#mainNav li a{
	color: #e35600;	
	text-decoration:none;
}
ul#mainNav li a:hover, ul#mainNav li.youarehere a{
	color: #FFF;
	/*border-bottom: dotted 1px #e8cb56;*/
}

#work_container{
	clear:left;
	float:left;
	width:100%;
	padding-bottom: 5px;
}
#boxWrap{
	float:left;
	width:250px;
	height:230px;
	margin: 0 0 10px 0;
}
#box{
	float:right;
	width:238px;
	height:228px;
}

#boxPadFirst{
	float:right;
	width:238px;
	overflow:hidden;
	height:228px;
	border:#FFF 1px solid;
	
		}
#boxPad a{
	float:right;
	width:238px;
	overflow:hidden;
	height:228px;
	border:#FFF 1px solid;	
}
#boxPad a:hover{
	border:#e35600 1px solid;		
}


/* FOOTER [MAIN PAGE] CSS */		
#footer{
	clear:left;
}
#footerInfo{
	width:240px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	/*letter-spacing: 0.5px;*/
	text-align:center;
	border-top-style:solid; 
	border-top-width:thin; 
	border-top-color:#ffffff;
	padding-top:10px;
	margin-left:10px;
}

/* END MAIN PAGE CSS */

/* SINGLE PAGE CSS */
#single_boxWrap{
	float:left;
	width:750px;
	height:100%;
	margin: 0 0 10px 0;
}
#single_box{
	float:right;
	width:738px;
	height:100%;
}

#single_boxPad{
	float:right;
	width:738px;
	overflow:hidden;
	height:100%;
	border:#FFF 1px solid;
}

#project_info{
	float:left;
	background:#FFF;
	width:740px;
}
#project_title{
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	width:490px;
	margin: 0 0 15px 10px;
}
#project_title span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#666666;
}
#project_description{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width:490px;
	height:120px;
	margin: 0 0 0 10px;
	line-height:13px;
}

#project_description a{
	color:#e35600;
	text-decoration:none;
	border-bottom: dotted 1px #e35600;
}
#project_description a:hover{
	color:#333;
}
#single_boxWrapNav{
	float:left;
	width:250px;
	height:230px;
	margin: 0 0 10px 0;
}
#single_boxNav{
	float:right;
	width:238px;
	height:228px;
}

#single_boxPadNav{
	float:right;
	width:238px;
	overflow:hidden;
	height:228px;
	border:#FFF 1px solid;
	background:#FFF;
}
#previous{
	position:relative;
	left:10px;
	top:10px;
	width:218px;
}
#previous a{
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	border-bottom: dotted 1px #e35600;
}
#previous a:hover{
	color:#e35600;
	border-bottom: dotted 1px #666666;	
}
#next{
	position:relative;
	left:10px;
	top:50px;
	width:218px;
}
#next a{
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;	
	text-decoration:none;
	border-bottom: dotted 1px #e35600; 
}
#next a:hover{
	color:#e35600;
	border-bottom: dotted 1px #666666;
}
#backToHome{
	position:relative;
	left:10px;
	top:90px;
	width:218px;
}
#backToHome a{
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	border-bottom: dotted 1px #e35600;
}
#backToHome a:hover{
	color:#e35600;
	border-bottom: dotted 1px #666666;	
}
#backToHome span{
	color:	#e35600;
}
/* SLIDER CSS */
		
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
		
				
	#content{
		
		width:738px;
		height:490px;
		clear:both;
		}	
	#slider{
		background:#000;
	}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:738px;
		height:490px;
		overflow:hidden;
		text-align:center;
		}	
	
	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin: 0;
		padding: 10px 0 10px 0;
		height:28px;
		background:#FFF;
		width:740px;
		}
	ol#controls li{
		margin:0 0 0 10px; 
		padding:0;
		float:left;
		list-style:none;
		height:18px;
		line-height:18px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		
		}
	ol#controls li a{
		float:left;
		height:18px;
		line-height:18px;
		/*border:1px solid #ccc;*/
		background:#fff;
		color:#999999;
		padding:0 0px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#fff;
		color:#333333;
		border-bottom:#e35600 1px solid;
		}
	ol#controls li a:hover{
		/*border-bottom:#999999 1px solid;*/
		color:#666;
	}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // END Easy Slider */
/* END SINGLE PAGE CSS */

/* ABOUT PAGE CSS */
#about_boxWrap{
	float:left;
	width:500px;
	height:580px;
	margin: 0 0 10px 0;
}
#about_box{
	float:right;
	width:490px;
	height:580px;
}

#about_boxPad{
	float:right;
	width:490px;
	overflow:hidden;
	height:580px;
	border:#FFF 1px solid;
	background:#FFF;
}
#about_boxPad .about_title{
	position:relative;
	top:0px;
	left:10px;
	width:470px;
	color:#666;	
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:15px;
}
#about_boxPad .about_description{
	position:relative;
	top:0px;
	left:10px;
	width:470px;
	color:#666;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin-top:15px;
}
#about_boxPad .about_description a{
	color:#e35600;
	text-decoration:none;
	border-bottom: dotted 1px #e35600;
}
#about_boxPad .about_description a:hover{
	color:#666;
}
#about_boxPad .about_resume{
	position:relative;
	top:0px;
	left:10px;
	width:470px;
	color:#666;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	line-height:16px;
	margin-top:15px;
}
/* CONTACT PAGE CSS */
#form_container {
	background: #FFF;
	font-size: 11px;
	margin: 0 auto;
	/*padding: 10px;*/
	width: 470px;
}

#form_container .form_title{ 
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#e35600;
}

p { 
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

.clearing { clear: both; }

.error {
	color:#e35600;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-style:italic;
}

.alert{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;	
	color: #666; 
	font-style:italic;
	color:#e35600;	
}

ol.forms {
	float: left;
	list-style: none;
	width: 100%;
}



ol.forms li {
	clear: left;
	float: left;
	line-height: 20px;
	margin-bottom: 5px;
	width: 100%;
}

ol.forms label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*font-weight:bold;*/
	font-style:italic;
	color:#666;
	cursor: pointer;
	display: block;
	float: left;
	line-height:19px;
	/*padding-right: 1%;*/
	text-align:left;
	width: 100%;
}

ol.forms input {
	width: 60%;
	border:1px solid; 
	border-color: #666;
	height:20px;
}
ol.forms textarea {
	height: 10em; 
	width: 99.5%;
	background-color:#FFF; 
	border:1px solid; 
	border-color: #666;
}

ol.forms input, ol.forms textarea, ol.forms button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

ol.forms .error { 
	display: block;
	/*margin: 0.25em 0 0 11%;*/
}
ol.forms li.buttons {
	/*padding-left: 11%;*/
	width: 100%;
}
#submit{
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	height:25px;
	vertical-align:middle;
	font-weight:bold;
	color:#666;
	background-color:#FFF; 
	border:1px solid; 
	border-color: #666;
	width: 15%;
}	
#submit:hover{
	color:#FFF;
	background-color:#666;
	border-color: #FFF;
}
/* END CONTACT PAGE CSS*/