/* Default Stylesheet */

															/** BODY ELEMENTS **/
body {
	margin: 0;
	padding: 0 0 0 0px;
	font-size: 1.1em;
	text-align: left;
	
	color: #fff;
	background-color: #333333;
	
	/*border: 1px solid #ff0000;
	border-width: 1px 1px 1px 1px;*/
	}

a { 
	color: #367c90;
	text-decoration: underline;
	}

a: link {
	text-decoration: none;
	border: none;
	}
	
a: active {
	text-decoration: none;
	border: none;
	}
	
a: hover {
	text-decoration: underline;
	border: none;
	}

a: visited {
	text-decoration: none;
	border: none;
	}
	
	
	
															/** FONTS **/
@font-face {
    font-family: 'CardoRegular';
    src: url('../fonts/CardoRegular.eot');
    src: url('../fonts/CardoRegular.eot') format('embedded-opentype'),
         url('../fonts/CardoRegular.woff2') format('woff2'),
         url('../fonts/CardoRegular.woff') format('woff'),
         url('../fonts/CardoRegular.ttf') format('truetype'),
         url('../fonts/CardoRegular.svg#CardoRegular') format('svg');
}

@font-face {
    font-family: 'Bariol_Regular';
    src: url('../fonts/Bariol_Regular.eot');
    src: url('../fonts/Bariol_Regular.eot') format('embedded-opentype'),
         url('../fonts/Bariol_Regular.woff2') format('woff2'),
         url('../fonts/Bariol_Regular.woff') format('woff'),
         url('../fonts/Bariol_Regular.ttf') format('truetype'),
         url('../fonts/Bariol_Regular.svg#Bariol_Regular') format('svg');
}

@font-face {
    font-family: 'Bariol_Regular_Italic';
    src: url('../fonts/Bariol_Regular_Italic.eot');
    src: url('../fonts/Bariol_Regular_Italic.eot') format('embedded-opentype'),
         url('../fonts/Bariol_Regular_Italic.woff2') format('woff2'),
         url('../fonts/Bariol_Regular_Italic.woff') format('woff'),
         url('../fonts/Bariol_Regular_Italic.ttf') format('truetype'),
         url('../fonts/Bariol_Regular_Italic.svg#Bariol_Regular_Italic') format('svg');
}


@font-face {
    font-family: 'Bariol_Light';
    src: url('../fonts/Bariol_Light.eot');
    src: url('../fonts/Bariol_Light.eot') format('embedded-opentype'),
         url('../fonts/Bariol_Light.woff2') format('woff2'),
         url('../fonts/Bariol_Light.woff') format('woff'),
         url('../fonts/Bariol_Light.ttf') format('truetype'),
         url('../fonts/Bariol_Light.svg#Bariol_Light') format('svg');
}

@font-face {
    font-family: 'Bariol_Bold';
    src: url('../fonts/Bariol_Bold.eot');
    src: url('../fonts/Bariol_Bold.eot') format('embedded-opentype'),
         url('../fonts/Bariol_Bold.woff2') format('woff2'),
         url('../fonts/Bariol_Bold.woff') format('woff'),
         url('../fonts/Bariol_Bold.ttf') format('truetype'),
         url('../fonts/Bariol_Bold.svg#Bariol_Bold') format('svg');
}

@font-face {
    font-family: 'Bariol_Bold';
    src: url('fonts/Bariol_Bold.eot');
    src: url('fonts/Bariol_Bold.eot') format('embedded-opentype'),
         url('fonts/Bariol_Bold.woff2') format('woff2'),
         url('fonts/Bariol_Bold.woff') format('woff'),
         url('fonts/Bariol_Bold.ttf') format('truetype'),
         url('fonts/Bariol_Bold.svg#Bariol_Bold') format('svg');
}
	
	
@font-face {
    font-family: 'Bariol_Thin';
    src: url('../fonts/Bariol_Thin.eot');
    src: url('../fonts/Bariol_Thin.eot') format('embedded-opentype'),
         url('../fonts/Bariol_Thin.woff2') format('woff2'),
         url('../fonts/Bariol_Thin.woff') format('woff'),
         url('../fonts/Bariol_Thin.ttf') format('truetype'),
         url('../fonts/Bariol_Thin.svg#Bariol_Thin') format('svg');
}	

	


															/** MAIN CONTAINERS **/
div#container {
	/*min-width:1216px;*/
	/*min-width:1156px;*/
	min-width:1522px;
	
	/*min-width x-browser fix*/		
	width: auto !important;
	/*width: 1216px;*/
	width: 1522px;
	/*min-width x-browser fix*/
	
	/*	border: 1px solid #414141;
		border-width: 0 0 3px  0 ;	*/
	

	}
	div#header {
	
		margin: 0;
		padding: 0 50px 0 50px;	
		
		/*color: inherit;*/
		background-color: #333333;
		
	/*	border: 1px solid #414141;
		border-width: 0 0 3px  0 ;	*/
		
		
	
	/*	border: 1px solid #ff0000;
		border-width: 0px 0px 0px 3px;	*/
		}
		div#header-left {
			margin-top: 25px;
			margin-bottom: 25px;
			
			/*width: 318px;*/
			float: left;
			/*overflow: hidden;*/
			}
		div#header-left a {
			color: #ffffff;
			text-decoration: none;
		}
		div#header-right {
			/*width: 375px;*/
			width: 374px;
			float: right;
			margin: 0;
			margin-top: 2px;
			padding: 0;
			overflow: hidden;
			/*background-color:#FFCC00;*/
			}
		div.nav-main {
			font: 24px/24px 'Bariol_Thin', serif;
			letter-spacing: 0.5px;
			color: #ffffff;
		}
		div.nav-main a {
			color: #ffffff;
			text-decoration: none;
		}
		div.nav-main ul {
			/*float: right;*/
			list-style: none;
			padding: 0;
			/*background-color:#FFFF66;*/
		}
		div.nav-main li {
			float: left;
			margin-top: 6px;
			margin-left: 23px;
		}
		.nav_active {
			opacity: 1;	
		}
		.nav_inactive {
			opacity: 0.3;
			/*opacity: 1;*/
		}
		div#header-bar {
			clear: both;
			border: 1px solid #414141;
			border-width: 0 0 3px  0 ;	
			}
	div#content-wrap {
		clear: both;
		
/*		border: 1px solid #ff0000;
		border-width: 1px 1px 1px 1px;*/
/*		background-color: #CCCC00;
		min-height:30px;*/
		
		
		}
		div.wrapper {
		}
		
		div.contentbox {
		
			float: left;
			margin-top: 50px;
			margin-left: 50px;
			padding: 10px;
			width: 298px;
			
			color: inherit;
			background-color: #373737;
/*			border: 1px solid #e5e5e5;
			border-width: 10px 10px 10px 10px;*/
			}
			div.mainimage {
				background-color: #333;
				}
			div.textarea panellink{
				padding: 10px;		
				}
	
				
		div#loadingMsg {
			float:left;	
			padding: 0px;
			position:absolute;
			/*background-color: #0033CC;*/
		}
				
		div#imagesScroller {
			/* Typical fixed height and fixed width example */
			width: 688px;
			height: 470px;
			overflow: auto;
			/* IE overflow fix, position must be relative or absolute*/
			position: relative;
			/*background-color: #ff0000;*/
			/*margin: 0.3em auto;*/
			margin-left: 50px;
			margin-top: 50px;
		}
		
				
		div.infobox {

			float: right;
			/*margin-top: 50px;*/
			min-height: 430px;
			/*margin-left: 50px;*/
			margin-right: 50px;
			padding: 20px;
			width: 310px;
			
			color: inherit;
			background-color: #373737;
			
			}
	
		div.back_to_portfolio {
			float: right;
			margin-bottom: 22px;
			}
			
		div.content_labels {
			float: left;
			margin-bottom: 22px;
			}
					
		div.lightbox_overlay { 
			display: none; 
			position: fixed; 
			top: 0%; 
			left: 0%; 
			width: 4000px; 
			height: 3000px; 
			background-color: #000; 
			z-index: 1001; 
			-moz-opacity: 0.6; 
			opacity:.60; 
			filter: alpha(opacity=70); 
		} 
		
		div.lightbox_content{ 
			display: none; 
			position: absolute;
			width: 50%; 
			/*padding: 20px;*/ 
			padding-top: 15px;
			padding-left: 20px;
			padding-right: 20px;
 			margin: 0px 25%;
			border: 8px solid #414141; 
			background-color: #333; 
			z-index: 1002; 
		} 
		
		div.cv_lightbox_content{ 
			display: none; 
			position: absolute;
			width: 50%; 
			/*padding: 20px;*/ 
			padding-top: 15px;
			padding-left: 20px;
			padding-right: 20px;
 			margin: 0px 25%;
			border: 8px solid #414141; 
			background-color: #333; 
			z-index: 1002; 
		}
		
	/*	div.lightbox_content a: link {
			text-decoration: none;
			border: none;
			}
			
		div.lightbox_content a: active {
			text-decoration: none;
			border: none;
			}
			
		div.lightbox_content a: hover {
			text-decoration: none;
			border: none;
			}*/
		
		div.about{
			min-width: 600px;
			height: auto; 
		}
		
		div.cv{
			min-width: 600px;
			height: auto;
		}
		
		div.contact{
			min-width: 500px;
			height: auto; 
		}
			
		
	div#footer {
		color: inherit;
		/*background-color: #373737;*/
		/*background-color: #333;*/
		height: 50px;
		/*border: 1px solid #e5e5e5;*/
		/*border-width: 0 2px 2px 0;*/
		}
		div#footer-in {
			padding: 20px;
			}






															/** SUB CONTAINERS **/
* { }






															/** LISTS **/
* { }






															/** TYPOGRAPHY **/
* { }

span.nameTitle {
	font: 40px/40px 'Bariol_Thin', Helvetica Neue, "Lucida Grande", Lucida Console, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: 0.5px;
	}
	
span.nameSubtitle {
	font: 16px/18px 'Bariol_Thin', Helvetica Neue, "Lucida Grande", Lucida Console, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	}


div.textarea p {
	/*font-family: Helvetica Neue, "Lucida Grande", Lucida Console, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;*/
	/*font-family: Helvetica, Tahoma, Arial, sans-serif;*/
	font: 18px/25px 'Bariol_Light', Helvetica Neue, "Lucida Grande", Lucida Console, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	/*letter-spacing: 0.5px;*/
	/*font-weight: 100;*/
	/*font-size: 0.916em;*/
	color: #CCCCCC;
	/*line-height: 1.5em;*/
	text-align: left;
	word-spacing: 0 em;
	/*margin-top: 1em;*/
	margin-bottom: 1em;
	/* CHANGED WIDTH */
	max-width: 600px;
	/*min-height: 100px;*/
	}
	
div.about p {
		margin-top: 4px; 
	}
	
div.cv p {
	font: 18px/25px 'Bariol_Light', Helvetica Neue, "Lucida Grande", Lucida Console, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: 0.5px;
	max-width: 600px;
	}
	
	
div.cv p span.title {
	/*font-weight: bold;*/
	/*color: #367c90;*/
	font: 18px/25px 'Bariol_Regular', Helvetica Neue, "Lucida Grande", Lucida Console, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: 0.5px;
	/*font-weight: 500;*/
	color: #ffffff;
	/*font-size: 1em;*/
}

/*div.textarea p span.bigtitle {*/
span.bigtitle {
	/*color: #ffffff;*/
	/*font: 28px/42px 'CardoRegular', Baskerville, Georgia, "Times New Roman", Times, serif;*/
	font: 32px/42px 'Bariol-Thin', Baskerville, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.5px;
	color: #ffffff;
}

div.textarea p span.subtitle {
	/*color: #ffffff;*/
	/*font: 12px/18px 'Bariol_Regular', Helvetica Neue, "Lucida Grande", Lucida Console, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;*/
	/*font-size: 0.8em;*/
	/*letter-spacing:1px;*/
	
	font: 14px/21px 'Bariol_Light', Helvetica Neue, "Lucida Grande", Lucida Console, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: 0.5px;
}
	
div.about a: link {
			text-decoration: none;
			border: none;
			}	
	
div.contact p {
		margin-top: 4px; 
	}
	
div.panellink {
	margin-top:16px;
	}
	
div.panellink a:hover {
	color: #CCCCCC;
		
	}

div.textarea span.label {

	padding-top: 2em;
	margin-top: 2em;
	}
	
div.horizontal_line {
	/*background-color: #000000;*/
	height: 20px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #3d3d3d;
	max-width: 600px;
}

div.horizontal_line cv {
	max-width: 600px;
}





															/** FORMS **/







															/** END **/