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


	/*SPLASH PAGE SWAP*/
	
	/*SWAP SPLASH BUTTON*/
	a.click_to_enter {
		width:135px;
		height:10px;
		line-height:26px;
		padding:0;
		margin:0 auto;
		display:block;
		background: url(../images/NAVI/click_to_enter.gif) 0 0 no-repeat;
		outline:none;
		text-indent:-9999px;
	}
	
	a:hover.click_to_enter {
		background-position: left bottom; 
	}
	
	a.swap { background-position: left bottom; }
	
	
		
	
	.splash {
	background-color:#FFFFFF;
	width:960px;
	height:600px;
	margin:0 auto;
	padding:0;
	display:block;
	}
	
	.splash #splash_container{
	margin:0 auto;
	padding:0;
	display:block;
	}
	
	.splash #splash_container img{
	margin:0 auto;
	padding:0;
	display:block;
	}
	
	.splash #site_container{
	display:none;
	}
	
	.site #splash_container{
	display:none;
	}
	
	
	.site #site_container{
	width:960px;
	height:auto;
	margin:auto;
	padding:0;	
	display:block;
	float:left;
	}
	
	
	
	/*GLOBALCSS GLOBALCSS GLOBALCSS  GLOBALCSS GLOBALCSS GLOBALCSS GLOBALCSS GLOBALCSS GLOBALCSS GLOBALCSS */
	
	*{
    margin:0;  /*Browser Reset*/
    padding:0;
	}

	body{
   	text-align:center; /*For IE6 Shenanigans*/
    background: #FFF;
	margin:0 auto;
	display:block;
	}

	#wrapper{
	width:960px;
	margin:0 auto;
	display:block;
	text-align:left;
	}
		
	#logo{
   	width:175px;
	display:block;
	margin:auto;
	}
	
	#naviAccordion{
	width:960px;
	display:block;
	margin:0 auto;
	}
	
	#naviAccordion .title{ /*Controls Navi Image*/
	width:175px;
	display:block;
	margin:auto;
	}
	
	
	
	/*ABOUT SECTION  ABOUT SECTION  ABOUT SECTION  ABOUT SECTION  ABOUT SECTION  ABOUT SECTION  ABOUT SECTION  ABOUT SECTION  */

	/*ABOUT NAVIGATION IN ABOUT SECTION*/
	
	#about_tabs{
	width:800px;
	height:auto;
	display:block;
	margin:auto;
	}
	
	#about_tabs ul{
	list-style:none;
	width:200px;
	height:17px;
	display:block;
	margin:0 auto;
	padding:20px 0 0 20px;
	}
	
	#about_tabs li{
	list-style:none;
	width:auto;
	height:17px;
	overflow:hidden;
	margin:0;
	padding:0;
	display:inline;
	}
	
	#about_tabs li a.about_btn {
	width: 87px;
	height: 17px;
	background: url("../images/NAVI/about_btns_01.gif") 0 0 no-repeat;
	margin:0;
	padding:0;
	
	}
		
	#about_tabs li a.resume_btn {
	width: 92px;
	height: 17px;
	background: url("../images/NAVI/about_btns_03.gif") 0 0 no-repeat;
	margin:0;
	padding:0;
	
	}
			
	#about_tabs li a:hover.about_btn {
	background-position: 0 -17px;
	}
	  
	#about_tabs lia:active.about_btn {
	background-position: 0 -17px;
	}
		
	#about_tabs li a:hover.resume_btn {
	background-position: 0 -17px;
	}
	 
	#about_tabs li a:active.resume_btn {
	background-position: 0 -17px;
	}

	.ui-state-active, .ui-widget-content .ui-state-active .about_btn{ 
 	background: #ffffff url("../images/NAVI/bg_button_2.gif"); 
 	list-style:none;
	width:67px;
	height:17px;
	overflow:hidden;
	margin:0;
	padding:0;
	}

	/*ABOUT CONTENT IN ABOUT SECTION*/
	.about_content {
	width:800px;
	height:525px;
	margin:-28px 0 20px 0;
	padding:0;
	vertical-align:top;
	background: url(../images/NAVI/about_bg_2.jpg) 0 0 no-repeat;
	}
	#about h1{
	width:705px;
	height:25px;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:1.8em;
	color:#00deff;
	padding:50px 150px 0 50px;
	}
	
	#about p{
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:14px;
	color:#A0A0A0;
	margin:20px 130px 30px 50px;
	font-weight:lighter;
	}
	
	#resume h1 {
	width:705px;
	height:25px;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:1.8em;
	color:#00deff;
	padding:50px 150px 0 50px;
	}
	
		
	#resume h4{
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:15px;
	color:#A0A0A0;
	margin:-10px 150px 10px 20px;
	font-weight:lighter;
	}
	
	
		
	#resume p{
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:12px;
	color:#A0A0A0;
	margin:30px 150px 10px 50px;
	font-weight:lighter;
	}
			
	#resume_section{
	width:470px;
	height:auto;
	margin:20px 0 30px 50px;
	}
	
	#resume_preview{
	width:470px;
	height:140px;
	margin:10px 0 0 30px;
	}
	
	#resume_preview p{
	width:250px;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:12px;
	color:#A0A0A0;
	margin:0 0 0 20px;
	font-weight:lighter;
	float:left;
	}
	
	#resume_preview_icon img {
	height:auto;
	margin:-50px 0 0 15px;
	float:left;
	border:none;
	text-decoration:none;
	}
	
	#resume_download_icon img {
	height:auto;
	margin:-34px 0 0 15px;
	float:right;
	padding:0;
	display:inline;	
	border:none;
	text-decoration:none;
	}
	
		
	
	#awards{
	width:470px;
	height:auto;
	margin:20px 0 0 0;
	}
	
	#awards h4{
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:15px;
	color:#A0A0A0;
	margin:-10px 150px 10px 0;
	font-weight:lighter;
	}
	
	#awards p{
	width:270px;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:12px;
	color:#A0A0A0;
	margin:0;
	padding:0;
	font-weight:lighter;
	float:left;
	vertical-align:middle;
	}
	
	#award_icons img {
	height:auto;
	margin:-35px 20px 0 0;
	border:none;
	float:right;
	padding:0;
	
	border:none;
	text-decoration:none;
	}
	
	
	
	
	
	
	/*WORK SECTION  WORK SECTION  WORK SECTION  WORK SECTION  WORK SECTION  WORK SECTION  WORK SECTION  WORK SECTION  WORK SECTION  */

	
	
			
	/*SUB NAVIGATION CONTAINER AND NAV HEADERS IN WORK SECTION*/
	/*SUB NAV CONTAINER*/
	.sub_nav_container {
	width: 800px;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
	
	}
	
	/*SUB NAV HEADERS*/
	.sub_nav_container #branding img {
	width:150px;
	height:20px;
	margin:auto;
	padding:0;
	border:none;
	display:block;
	}
	

	.sub_nav_container #print img {
	width:150px;
	height:20px;
	margin:auto;
	padding:0;
	border:none;
	display:block;
	}

	.sub_nav_container #interactive img {
	width:150px;
	height:20px;
	margin:auto;
	padding:0;
	border:none;
	display:block;
	}
	
    
	
	
	
	/*SLIDE TOGGLER OF SUB NAVIGATIONS*/		
		.toggle_container {
		width: 754px;
		margin:0 auto;
		padding: 0;
		display:block;
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		overflow: hidden;
		font-size: 1.2em;
		position:relative;
	}

	
	
	/*CSS SWAP*/
	.css_swap_container {
		width: 758px;
		margin: 0 auto;
		padding-bottom: 20px;
		overflow: hidden;
	}
	
	/*SWAP CSS VIEW BUTTON*/
	a.switch_thumb {
		width:175px;
		height:26px;
		line-height:26px;
		padding:0;
		margin:10px 0;
		display:block;
		background: url(../images/NAVI/switch.gif) no-repeat;
		outline:none;
		text-indent:-9999px;
	}
	
	a:hover.switch_thumb {
		filter:alpha(opacity=75);
		opacity:.75;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	}
	
	a.swap { background-position: left bottom; }
	
	
	/*UL CONTAINER*/
	ul.display {
		width: 756px;
		margin: 0;
		padding: 0;
		list-style: none;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		
	}
	
	/*For Styling each List item block*/
	ul.display li {
		float: left;
		width: 754px;
		height: auto;
		padding: 0;
		margin: 0;
		border-top: 1px solid #111;
		border-right: 1px solid #111;
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		background:#333;
	}
	
	
	ul.display li.content_block{
	width:754px;
	padding:0;
	
	
	}
		
	.detail_thumb_header_text {
	width:504px;
	height:auto;
	margin:0 auto;
	padding:0;
	display:inline;
	}
	
	ul.display li a {
		color:#14B2E7;
		text-decoration: none;
	}
	
	

	/* For Styling H2's in Work Section*/
	ul.display li .content_block h2{
		font-family:Helvetica, Arial, sans-serif;
		font-size:.8em;
		margin:0;
		padding:25px 25px 10px 15px;

		}
		
		
	/* For Styling the Paragraph Tags in Work Section*/
	ul.display li .content_block p {
	height:auto;
		
		font-family:Helvetica, Arial, sans-serif;
		font-size:.6em;
		color:#CCCCCC;
		margin:0;
		padding:0 25px 15px 25px;
		line-height:16px;

		
	}
	/* For Styling Thumbs in Work Section*/
	ul.display li .content_block a img{
		padding: 25px 25px 10px 25px;
		margin: 0 0 0 0;
		display:inline;
		float: left;
		border:none;	
		}
	
	ul.thumb_view li{
		width: 250px;
		height:185px;
	}
	ul.thumb_view li h2 {
		display: inline;
	}
	
	ul.thumb_view li p{
		display: none;
	}
	
	
	ul.thumb_view li .content_block .extra_content{
		display: none;
	}
	
	ul.thumb_view li .content_block a img {
		margin: 0;
		padding: 15px;
	}
	
	
	
	
	
	
	
	/*THUMB CSS SWAP PRINT SECTION */
	ul.display_print li {
		float: left;
		width: 754px;
		height: auto;
		padding: 0;
		margin: 0;
		border-top: 1px solid #111;
		border-right: 1px solid #111;
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		background:#333;
		list-style:none;
	}
	
	
	ul.display_print li.content_block{
		width:754px;
		padding:0;
	
	
	}
		
	
	
	ul.display_print li a {
		color:#14B2E7;
		text-decoration: none;	
	}
	
	

	/* For Styling H2's in Work/Print Section*/
	ul.display_print li .content_block h2{
		color:#000;
		font-family:Helvetica, Arial, sans-serif;
		font-size:.8em;
		margin:0;
		padding:25px 25px 10px 15px;
		list-style:none;

		}
		
		
	/* For Styling the Paragraph Tags in Work/Print Section*/
	ul.display_print li .content_block p {
		height:auto;
		font-family:Helvetica, Arial, sans-serif;
		font-size:.6em;
		color:#CCCCCC;
		margin:0;
		padding:0 25px 15px 25px;
		line-height:16px;
	}
	
	
	/* For Styling Thumbs in Work/Print Section*/
	ul.display_print li .content_block a img{
		padding: 25px 25px 10px 25px;
		margin: 0 0 0 0;
		display:inline;
		float: left;
		border:none;
		}
		
	
	ul.thumb_view_print li{
		width: 250px;
		height:210px;
		margin:0 auto;
		padding:0;
	}
	ul.thumb_view_print li .content_block .print {
		width:250px;
		display:inline;
		text-align:center;
		margin:0 auto;
		padding:0;
	}
	
	ul.thumb_view_print li p{
		display: none;
	}
	
	
	ul.thumb_view_print li .content_block .extra_content{
		display: none;
	}
	
	ul.thumb_view_print li .content_block a img {
		
		padding: 15px 15px 10px 15px;

	}
	
	ul.display_print li .content_block .extra_content h4 {
		
		padding:0 0 10px 0;
		margin:0 auto;
		font-weight: normal;
		font-size: .5em;
		text-align:center;
		vertical-align:middle;
		font-family:Helvetica, Arial, sans-serif;
	
		}
	
	ul.display_print li .content_block .extra_content a {
		color:#CCCCCC;

		}


	/*SWAP CSS VIEW BUTTON WORK/PRINT*/
	a.switch_thumb_print {
		width:175px;
		height:26px;
		line-height:26px;
		padding:0;
		margin:10px 0;
		display:block;
		background: url(../images/NAVI/switch.gif) no-repeat;
		outline:none;
		text-indent:-9999px;
	}
	
	a:hover.switch_thumb_print {
		filter:alpha(opacity=75);
		opacity:.75;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	}
	
	a.swap { background-position: left bottom; }
	
	
	/*THUMB CSS SWAP INTERACTIVE SECTION */
	ul.display_interactive li {
		float: left;
		width: 754px;
		height: auto;
		padding: 0;
		margin: 0;
		border-top: 1px solid #111;
		border-right: 1px solid #111;
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		background:#333;
		list-style:none;
	}
	
	
	ul.display_interactive li.content_block{
		width:754px;
		padding:0;
	
	
	}
		
	
	
	ul.display_interactive li a {
		color:#14B2E7;
		text-decoration: none;	
	}
	
	

	/* For Styling H2's in Work/Print Section*/
	ul.display_interactive li .content_block h2{
		color:#000;
		font-family:Helvetica, Arial, sans-serif;
		font-size:.8em;
		margin:0;
		padding:25px 25px 10px 15px;
		list-style:none;

		}
		
		
	/* For Styling the Paragraph Tags in Work/Print Section*/
	ul.display_interactive li .content_block p {
		height:auto;
		font-family:Helvetica, Arial, sans-serif;
		font-size:.6em;
		color:#CCCCCC;
		margin:0;
		padding:0 25px 15px 25px;
		line-height:16px;
	}
	
	
	/* For Styling Thumbs in Work/Print Section*/
	ul.display_interactive li .content_block a img{
		padding: 25px 25px 10px 25px;
		margin: 0 0 0 0;
		display:inline;
		float: left;
		border:none;
		}
		
	
	ul.thumb_view_interactive li{
		width: 250px;
		height:210px;
		margin:0 auto;
		padding:0;
	}
	ul.thumb_view_interactive li .content_block .print {
		width:250px;
		display:inline;
		text-align:center;
		margin:0 auto;
		padding:0;
	}
	
	ul.thumb_view_interactive li p{
		display: none;
	}
	
	
	ul.thumb_view_interactive li .content_block .extra_content{
		display: none;
	}
	
	ul.thumb_view_interactive li .content_block a img {
		
		padding: 15px 15px 10px 15px;

	}
	
	ul.display_interactive li .content_block .extra_content h4 {
		
		padding:0 0 10px 0;
		margin:0 auto;
		font-weight: normal;
		font-size: .5em;
		text-align:center;
		vertical-align:middle;
		font-family:Helvetica, Arial, sans-serif;
	
		}
	
	ul.display_interactive li .content_block .extra_content a {
		color:#CCCCCC;

		}


/*SWAP CSS VIEW BUTTON WORK/INTERACTIVE*/
	a.switch_thumb_interactive {
		width:175px;
		height:26px;
		line-height:26px;
		padding:0;
		margin:10px 0;
		display:block;
		background: url(../images/NAVI/switch.gif) no-repeat;
		outline:none;
		text-indent:-9999px;
	}
	
	a:hover.switch_thumb_interactive {
		filter:alpha(opacity=75);
		opacity:.75;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	}
	
	a.swap { background-position: left bottom; }
	


	/*ExTRA CONTENT TOGGLE*/	
	
	.extra_content {
		height:auto;
		width:724px;
		margin: 0 auto;
		overflow: hidden;
		display:inline;
		padding:0;

		}
		
	.extra_content h4 {
		width:754px;
		margin: 0 auto;
		text-align:center;
		display:block;
		float:right;
		}
			
		
	.details_toggle_container {
		margin:0;
		padding: 0;
		border-top: 1px solid #333;
		overflow: hidden;
		display:block;
		font-size: 1.2em;
		width: 800px;
		background-color:#333;
		clear: both;
	}
	
	#tabs_detail {
		width:754px;
		display:block;
		margin:0 auto;
		float:left;
	}
	
	#tabs_detail ul{
		list-style:none;
		width:754px	;
		height:auto;
		display:block;
		margin:0  0 0 10px;
		padding:0;


	}
	
	#tabs_detail li{
		list-style:none;
		width:auto;
		height:auto;
		overflow:hidden;
		margin:0;
		padding:0;
		display:inline;
		border:none;
			
		}
	
	#tabs_detail a {
		width:52px;
		height:30px;
		margin:10px;
		padding:0;
		border:none;
	}
	
	#tabs_detail a img{
		width:52px;
		height:30px;
		padding:0;
		margin:0;
		border:none;
	}
	
	
	
	ul.display li .content_block .extra_content h4 {
		
		padding:0 0 10px 0;
		margin:0 auto;
		font-weight: normal;
		font-size: .3em;
		text-align:center;
		vertical-align:middle;
		font-family:Helvetica, Arial, sans-serif;
	
		}
	
	ul.display li .content_block .extra_content a {
		color:#CCCCCC;

		}
	
	.tabs_detail_img {
		width:715px;
		
		margin:0 auto;
		padding:0 0 20px 0;
	}
	
	.tabs_detail_img h6{
	text-align:center;		
	}



/*CONTACT SECTION OF WEBSITE*/

	#contact {
	width:750px;
	min-height:650px;
	height:auto;
	display:block;
	margin:0 auto;
	padding:0;
	
	}
	
	#contact .top {
	width:700px;
	height:173px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/NAVI/contact_bg_01.jpg);
	}
	
	#contact .bottom {
	width:700px;
	height:auto;
	margin:0 auto;
	padding:0;
	display:block;
	background-image:url(../images/NAVI/contact_bg_02.jpg);
	background-repeat:no-repeat;
	}
	
	
	
	
	
	#contact .top p {
		height:auto;
		font-family:Helvetica, Arial, sans-serif;
		font-size:1em;
		color:#A0A0A0;
		margin:0;
		padding:70px 0 0 65px;
		line-height:17px;
	}
	
	#contact .top p a {
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#A0A0A0;
	}
	
	#contact .top p a:hover {
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#888888;
	}
	
	
	
	#contact .bottom #form {
		display:block;
		height:auto;
		width:580px;
		font-family:Helvetica, Arial, sans-serif;
		font-size:1em;
		color:#A0A0A0;
		margin:0 auto;
		padding:75px 0 95px;
		line-height:16px;
	}
	
	
	
	#contact-area {
		width: 550px;
		margin:0 auto;
		display:block;
	}
	
	#contact-area input, #contact-area textarea {
		padding: 5px;
		width: 400px;
		font-family: Helvetica, sans-serif;
		font-size: 1em;
		margin: 0px 0px 10px 0px;
		border: 1px solid #CCCCCC;
		color:#666666;
	}
	
	#contact-area textarea {
		height: 90px;
	}
	
	#contact-area textarea:focus, #contact-area input:focus {
		border: 1px solid #333333;
	}
	
	#contact-area input.submit-button {
		background-image:url(../images/NAVI/send-button.jpg);
		background-repeat:no-repeat;
		border:none;
		width:75px;
		height:30px;
		margin:0 23px 0 0;
		float: right;
	}
	
	label {
		float: left;
		text-align: right;
		margin-right: 15px;
		width: 100px;
		padding-top: 5px;
		font-size: 1em;
	}