@charset "utf-8";

BODY {
	font:15px 'Cuprum', sans-serif; color:#e5e5e5;
	line-height:24px;
	padding:0;
	min-width:1000px;
	background:#070806}
HTML, BODY {
	height:100%;}
H2, H3 {
	font-family:"Squada One", Anton, sans-serif; font-weight:normal; color:#fff;
	opacity:0.8;}
H2 {
	font-size:90px;
	line-height:100%; letter-spacing:-5px;}
H3 {
	font-size:40px;
	line-height:100%; letter-spacing:-2px;
	margin:0 0 0 15px;
	border:solid #FFF; border-width:0 0 1px;}
P {
	font-weight:normal; color:#c0c0c0;
	padding-bottom:11px;}
A {
	text-decoration:none;
}

/* Layout */
.clear {
	clear:both;
}
.hidden {
 display:none;   
}	
.z1 {
	z-index:1;}
.z2 {
	z-index:3;}
.z3 {
	z-index:5;}

#wrapper {
	background-attachment:scroll;
	background-clip:border-box;
	background-image:none;
	background-origin:padding-box;
	background-position:0 0;
	background-repeat:repeat;
	background-size:auto auto;
	height:7500px;
	position:relative;}
#main-content {
	width:100%;
	position:fixed; left:0;
}

/*----------- head ------------*/
HEADER {
	width:100%; height:75px;
	background:url(../images/interface/til_head.png) repeat-x;
	position:fixed; top:0; left:0;
	z-index:100;}
		#head {
			margin:0 auto;
			width:950px;
			position:relative;}
				.logo {
					margin:0px 0 0;
					height:148px; width:300px;
					background:url(../images/interface/logo2.png) no-repeat 0 0;
					float:left;position:relative; top:-0px; left:10px;}
						A.logo:hover {
							transition all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;
							-khtml-opacity:.70; -moz-opacity:.70; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70); opacity:.70;}
/*----------- menu ------------*/					
				#nav {
					float:right;}
						#nav LI {
							text-align:left;
							padding-bottom:14px;
							display:inline-block;
							position:relative;}
								#nav LI A {
									font:22px Anton, sans-serif; color:#fff;
									letter-spacing:1px; line-height:100%; text-align:left; text-transform:uppercase; text-decoration:none;
									text-shadow:1px 1px #666; 
									margin:15px 0 0 40px;
									display:inline-block;
									transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
										#nav LI A:hover {
											color:#09f;
											text-shadow:1px 1px #666;}
										#nav LI.current A {
											color:#000;
											text-shadow:1px 1px #999;}
								#nav LI A.portfolio {
									text-align:center;
									padding:0 0 4px;
									border:solid #FFF; border-width:0 0 1px;}
										#nav UL  {
											text-align:center;
											width:200px;
											position:absolute; top:42px; left:530px;}
										#nav UL A {
											font:bold 14px Arial, Helvetica, sans-serif;
											text-transform:none; letter-spacing:normal; text-shadow:1px 1px #666; 
											margin:0 7px;}
									
/*---------- EACH SECTION -----------*/
#home, #resume, #portfolio, #contact {
	margin:0 auto; padding:0;
	width:100%;
	overflow:hidden;}
		.slide {
			width:100%;}
		.box-content {
			margin:0 auto; padding:0;
			width:950px;
			position:relative;}
				.box-portfolio, .box-resume1, .box-contact {
					margin:0; padding:0;
					width:950px;
					position:absolute; top:0; left:0;}
						.box-portfolio H2, .box-resume1 H2, .box-contact H2 {
							position:absolute; top:0; left:20px;
							-khtml-opacity:.50; -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50;}
						.gonext {
							height:100px; width:100px;
							background:url(../images/interface/arrow_gonext.png) no-repeat 0 0;
							cursor:pointer;
							position:absolute; top:0; left:700px;
							z-index:1;}
								.gonext:hover {
									background-position:0 -100px;}
/*---------- gonext customization -----------*/	
										#home .gonext {
											top:100px;}
										#portfolio .gonext {
											top:5px;}											
										#portfolioWeb .gonext, #portfolioPrint .gonext {
											position:relative; top:80px; left:685px;
											display:block;}
										#resume .gonext {
											top:-38px;}
										#contact .gonext {
											background-position:-100px 0;
											top:-55px;}
												#contact .gonext:hover {
													background-position:-100px -100px;}

	
/*---------- home -----------*/
#home {
	background:url(../images/interface/bg-home.jpg) 50% 0 no-repeat fixed;
	height:1000px}
		#home_img {
			background-attachment:scroll;}
				#home figure {
					display:block;
					position:absolute; left:50%;
					background-position:50% 0;}			
				.home-img1, .home-img2, .home-img3 {
					line-height:100%;
					text-shadow:1px 1px #000;
					display:inline;}
						.home-img1 {
							font:200px "Poiret One", Arial, Helvetica, sans-serif; color:#FFF;
							letter-spacing:-10px;
							margin:175px 0 0 -430px;}
						.home-img2 {
							font:130px "Stardos Stencil", "Times New Roman", Times, serif; font-weight:700; color:#0d3d7b;
							text-transform:uppercase; letter-spacing:-2px;
							margin:325px 0 0 -200px;}
						.home-img3 {
							font:250px "Fredericka the Great", Georgia, "Times New Roman", Times, serif; color:#00002c;
							margin:360px 0 0 -100px;}
						.home-img4 {
							margin:500px 0 0 -200px;
							height:264px; width:264px;
							background:url(../images/interface/circle1.png) no-repeat;}
						.home-img5 {
							margin:900px 0 0 -400px;
							height:100px; width:100px;
							background:url(../images/interface/circle2.png) no-repeat;}
						.home-img6 {
							margin:800px 0 0 300px;
							height:90px; width:90px;
							background:url(../images/interface/circle3.png) no-repeat;}
						.home-img7 {
							margin:800px 0 0 0px;
							height:400px; width:400px;
							background:url(../images/interface/circle3.png) no-repeat;}

/*---------- portfolio -----------*/
#portfolio {
	padding:90px 0 0;
	background:url(../images/interface/bg-portfolio.jpg) 50% 0 no-repeat fixed;
	height:3875px;}
		.portfolio.box-content {
			padding-top:100px;}
		.box-portfolio {}
				.box-portfolio H2 {}
					.box-img {}
						.galleryWrap {
							margin:0; padding:50px 0 50px 15px;
							width:950px;
							background:url(../images/trans-white50.png);
							overflow:auto;}
						.galleryWrap TABLE TD IMG:hover {
							transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;
							-khtml-opacity:.80; -moz-opacity:.80; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); opacity:.80;}
								.galleryWrap TABLE TD {
									padding:0;}
								#portfolioWeb, #portfolioPrint {
									padding:50px 0 0;
								}	
								TABLE.galleryLogo {
									margin:0;}
										TABLE.galleryLogo TD {
											text-align:center; vertical-align:middle;
											height:225px; width:233px;}
								TABLE.galleryWeb {
									margin:40px 0 0;}
										TABLE.galleryWeb TD {
											padding:27px 0 0;
											height:260px; width:330px;
											background:url(../images/content/browser_back.png) no-repeat;}
								TABLE.galleryPrint {
									margin:13px 0 85px;}
										TABLE.galleryPrint TD {
											padding:27px 0 0;
											height:250px; width:330px;}

/*---------- resume -----------*/
#resume {
	padding:100px 0 0;
	background:url(../images/interface/bg-about.jpg) 50% 0px no-repeat fixed;
	height:1600px;}
		.resume.box-content {
			padding-top:100px;}
		#resume-h2 {}
			.box-resume1 {}
				.box-resume1 h2 {}
			.box-resume2, .box-resume3, .box-resume4, .box-resume5, .box-resume6 {
				font:1.0em/150% Muli, Verdana, Geneva, sans-serif; color:#FFF;
				margin:0 0 25px; padding:0 35px 10px 250px;
				width:665px;
				background-image:url(../images/trans-black50.png);}
				.box-resume2 H3, .box-resume3 H3, .box-resume4 H3, .box-resume5 H3, .box-resume6 H3 {
					margin:0 0 0 100px;
					width:800px;
					border-width:1px 0 0;
					-khtml-opacity:.30; -moz-opacity:.30; -ms-filter:"alpha(opacity=30)"; filter:alpha(opacity=30); opacity:.20;
				 	position:relative; top:25px; left:-300px;}
				.box-resume2 {
					padding-top:50px;}
/*				.box-resume2 H3 {
							position:absolute; top:50px; left:20px;}
				.box-resume3 {
					top:360px;}
						.box-resume3 H3 {
							position:absolute; top:-50px; left:20px}
				.box-resume4 {
					top:590px;}
						.box-resume4 H3 {
							position:absolute; top:-50px; left:20px}
				.box-resume5 {
					top:1110px;}
						.box-resume5 H3 {
							position:absolute; top:-50px; left:20px}
				.box-resume6 {
					top:1260px;}
						.box-resume6 H3 {
							position:absolute; top:-50px; left:20px}*/
							
/*---------- contact -----------*/
#contact {
	padding:45px 0 0;
	background:url(../images/interface/bg-contact.jpg) 50% 0 no-repeat fixed;
	height:1000px !important;}
		.box-contact {
			margin:100px 0 0; padding:0;
			height:250px; width:900px;
			background:url(../images/trans-black50.png);}
				.box-contact h2 {}
						#infoBox {
							font-size:20px;
							line-height:100%;
							margin:95px 0 0 120px;}
								#phone {
									color:#999;
									padding:2px 0 0 40px;
									height:40px; width:200px;
									background:url(../images/content/icon-phone.png) 0 0 no-repeat;}
								#email {
									padding:0 0 0 40px;
									height:30px; width:200px;
									background:url(../images/content/icon-email.png) 2px -0 no-repeat;}
										#email A {
											color:#09F;
											text-decoration:none;}
												#email A:hover {
													border-bottom:solid 1px #FFF;}
						#map {
							height:285px; width:541px;
							background:url(../images/content/map.png) no-repeat;
							position:absolute; top:0px; right:-59px;}
								A #map:hover {
									background:url(../images/content/map2.png);}							
						#foot {
							font-size:13px; color:#666;
							position:relative; top:80px; left:0;}