/* main styles */
body { 
	text-align: center; 
	background-color: white; 
	font-family: Verdana, helvetica, clean, sans-serif;
	margin: 0; 
	padding: 0;
	font-size: 11px;
	color: #9E817A;
}

img { border: none; padding: 0; margin: 0; }
img, div, a { behavior: url(iepngfix.htc) }
a:link, a:visited, a:active { color: #8CB31A; text-decoration: underline;  }
a:hover { color: #ccc; text-decoration: none; }
p { line-height: 15px; padding-bottom: 4px; }

/* layout styles */
#container { position: relative; width: 995px; height: 670px; margin: 0 auto; text-align: left; background: #fff url('../images/layout/bg.jpg') no-repeat; z-index: 1; }
#container-portfolio { position: relative; width: 995px; height: 670px; margin: 0 auto; text-align: left; background: #fff url('../images/layout/bg-portfolio.jpg') no-repeat; z-index: 1; }
	#container-inner { margin: 0; padding: 0; z-index: 2; }			
		#logo { width: 236px; height: 83px; position: absolute; top: 0; left: 0; z-index: 1; }
		
		#nav { position: absolute; top: 29px; left: 460px; width: 485px; height: 95px; }
		
			/* Navigation for home, cv, portfolio, about, contact */
			#nav .home:link, #nav .home:visited, #nav .home:active { display: block; float: left; width: 75px; height: 39px; background: url('../images/nav/home.jpg') no-repeat; z-index: 20; }
			#nav .home:hover { display: block; float: left; width: 75px; height: 39px; background: url('../images/nav/home-over.jpg') no-repeat; z-index: 20; }
			#nav .home-active { background: url('../images/nav/home-over.jpg') no-repeat !important; z-index: 20; }
			
			#nav .cv:link, #nav .cv:visited, #nav .cv:active { display: block; float: left; width: 50px; height: 39px; background: url('../images/nav/cv.jpg') no-repeat; z-index: 2; }
			#nav .cv:hover { display: block; float: left; width: 50px; height: 39px; background: url('../images/nav/cv-over.jpg') no-repeat; z-index: 2; }
			#nav .cv-active { background: url('../images/nav/cv-over.jpg') no-repeat !important; z-index: 2; }
			
			#nav .portfolio:link, #nav .portfolio:visited, #nav .portfolio:active { display: block; float: left; width: 122px; height: 39px; background: url('../images/nav/portfolio.jpg') no-repeat; z-index: 2; }
			#nav .portfolio:hover { display: block; float: left; width: 122px; height: 39px; background: url('../images/nav/portfolio-over.jpg') no-repeat; z-index: 2; }
			#nav .portfolio-active { background: url('../images/nav/portfolio-over.jpg') no-repeat !important; z-index: 2; }
			
			#nav .aboutme:link, #nav .aboutme:visited, #nav .aboutme:active { display: block; float: left; width: 110px; height: 39px; background: url('../images/nav/aboutme.jpg') no-repeat; z-index: 2; }
			#nav .aboutme:hover { display: block; float: left; width: 110px; height: 39px; background: url('../images/nav/aboutme-over.jpg') no-repeat; z-index: 2; }
			#nav .aboutme-active { background: url('../images/nav/aboutme-over.jpg') no-repeat !important; z-index: 2; }
			
			#nav .contactme:link, #nav .contactme:visited, #nav .contactme:active { display: block; float: left; width: 128px; height: 39px; background: url('../images/nav/contactme.jpg') no-repeat; z-index: 2; }
			#nav .contactme:hover { display: block; float: left; width: 128px; height: 39px; background: url('../images/nav/contactme-over.jpg') no-repeat; z-index: 2; }
			#nav .contactme-active { background: url('../images/nav/contactme-over.jpg') no-repeat !important; z-index: 2; }
			
			/* Navigation for portfolio, different images because navigation bg changes */
			#nav .home-portfolio:link, #nav .home-portfolio:visited, #nav .home-portfolio:active { display: block; float: left; width: 75px; height: 39px; background: url('../images/nav/home-portfolio-nav.jpg') no-repeat; z-index: 20; }
			#nav .home-portfolio:hover { display: block; float: left; width: 75px; height: 39px; background: url('../images/nav/home-portfolio-nav-over.jpg') no-repeat; z-index: 20; }
			#nav .home-portfolio-active { background: url('../images/nav/home-portfolio-nav-over.jpg') no-repeat !important; z-index: 20; }
			
			#nav .cv-portfolio:link, #nav .cv-portfolio:visited, #nav .cv-portfolio:active { display: block; float: left; width: 50px; height: 39px; background: url('../images/nav/cv-portfolio-nav.jpg') no-repeat; z-index: 2; }
			#nav .cv-portfolio:hover { display: block; float: left; width: 50px; height: 39px; background: url('../images/nav/cv-portfolio-nav-over.jpg') no-repeat; z-index: 2; }
			#nav .cv-portfolio-active { background: url('../images/nav/cv-portfolio-nav-over.jpg') no-repeat !important; z-index: 2; }
			
			#nav .portfolio-portfolio:link, #nav .portfolio-portfolio:visited, #nav .portfolio-portfolio:active { display: block; float: left; width: 122px; height: 39px; background: url('../images/nav/portfolio-portfolio-nav-over.jpg') no-repeat; z-index: 2; }
			#nav .portfolio-portfolio:hover { display: block; float: left; width: 122px; height: 39px; background: url('../images/nav/portfolio-portfolio-nav-over.jpg') no-repeat; z-index: 2; }
			#nav .portfolio-portfolio-active { background: url('../images/nav/portfolio-portfolio-nav-over.jpg') no-repeat !important; z-index: 2; }
			
			#nav .aboutme-portfolio:link, #nav .aboutme-portfolio:visited, #nav .aboutme-portfolio:active { display: block; float: left; width: 110px; height: 39px; background: url('../images/nav/aboutme-portfolio-nav.jpg') no-repeat; z-index: 2; }
			#nav .aboutme-portfolio:hover { display: block; float: left; width: 110px; height: 39px; background: url('../images/nav/aboutme-portfolio-nav-over.jpg') no-repeat; z-index: 2; }
			#nav .aboutme-portfolio-active { background: url('../images/nav/aboutme-portfolio-nav-over.jpg') no-repeat !important; z-index: 2; }
			
			#nav .contactme-portfolio:link, #nav .contactme-portfolio:visited, #nav .contactme-portfolio:active { display: block; float: left; width: 128px; height: 39px; background: url('../images/nav/contactme-portfolio-nav.jpg') no-repeat; z-index: 2; }
			#nav .contactme-portfolio:hover { display: block; float: left; width: 128px; height: 39px; background: url('../images/nav/contactme-portfolio-nav-over.jpg') no-repeat; z-index: 2; }
			#nav .contactme-portfolio-active { background: url('../images/nav/contactme-portfolio-nav-over.jpg') no-repeat !important; z-index: 2; }
		
			/* Sub Navigation for portfolio */
			.web-portfolio:link, .web-portfolio:visited, .web-portfolio:active { position:absolute; top: 59px; left: 523px; display: block; width: 44px; height: 23px; background: url('../images/nav/subnav-web.png') no-repeat; z-index: 999; cursor: pointer; }
			.web-portfolio:hover { position:absolute; top: 59px; left: 523px; display: block; width: 44px; height: 23px; background: url('../images/nav/subnav-web-over.png') no-repeat; z-index: 999; cursor: pointer; }
			.web-portfolio-active { position:absolute; top: 59px; left: 523px; display: block; width: 44px; height: 23px; background: url('../images/nav/subnav-web-over.png') no-repeat; z-index: 999; cursor: pointer; }
			
			.print-portfolio:link, .print-portfolio:visited, .print-portfolio:active { position:absolute; top: 65px; left: 570px; display: block; width: 66px; height: 21px; background: url('../images/nav/subnav-print.png') no-repeat; z-index: 999; cursor: pointer; }
			.print-portfolio:hover { position:absolute; top: 65px; left: 570px; display: block; float: left; width: 66px; height: 21px; background: url('../images/nav/subnav-print-over.png') no-repeat; z-index: 999; cursor: pointer; }
			.print-portfolio-active { position:absolute; top: 65px; left: 570px; display: block; float: left; width: 66px; height: 21px; background: url('../images/nav/subnav-print-over.png') no-repeat; z-index: 999; cursor: pointer; }
			
			.logos-portfolio:link, .logos-portfolio:visited, .logos-portfolio:active { position:absolute; top: 66px; left: 633px; display: block; width: 77px; height: 27px; background: url('../images/nav/subnav-logos.png') no-repeat; z-index: 999; cursor: pointer; }
			.logos-portfolio:hover { position:absolute; top: 66px; left: 633px; display: block; float: left; width: 77px; height: 27px; background: url('../images/nav/subnav-logos-over.png') no-repeat; z-index: 999; cursor: pointer; }
			.logos-portfolio-active { position:absolute; top: 66px; left: 633px; display: block; float: left; width: 77px; height: 27px; background: url('../images/nav/subnav-logos-over.png') no-repeat; z-index: 999; cursor: pointer; }
			
			.stuff-portfolio:link, .stuff-portfolio:visited, .stuff-portfolio:active { position:absolute; top: 66px; left: 703px; display: block; width: 77px; height: 27px; background: url('../images/nav/subnav-stuff.png') no-repeat; z-index: 999; cursor: pointer; }
			.stuff-portfolio:hover { position:absolute; top: 66px; left: 703px; display: block; float: left; width: 77px; height: 27px; background: url('../images/nav/subnav-stuff-over.png') no-repeat; z-index: 999; cursor: pointer; }
			.stuff-portfolio-active { position:absolute; top: 66px; left: 703px; display: block; float: left; width: 77px; height: 27px; background: url('../images/nav/subnav-stuff-over.png') no-repeat; z-index: 999; cursor: pointer; }
			
		#footer { position: absolute; bottom: 0; left: 0; width: 995px; z-index: 100; }
			#footer-text { position: absolute; bottom: 24px; left: 35px; z-index: 10; color: white; }
			#footer-text a:link, #footer-text a:visited, #footer-text a:active { color: #fff; text-decoration: none;  }
			#footer-text a:hover { color: #fff; text-decoration: underline; }
		
/* pages styles */
#home #left { position: absolute; top: 97px; left: 0; width: 222px; height: 555px; background: url('../images/layout/home-left.jpg') no-repeat; z-index: 10; }
#home #content { position: absolute; top: 242px; left: 391px; width: 380px; z-index: 10; }
#home-flowers { position: absolute; bottom: 0; right: 0; width: 141px; height: 155px; background: url('../images/layout/home-footer-flowers.jpg') no-repeat; z-index: 10; }
#home-fly { position: absolute; top: 23px; left: 431px; z-index: 10; }

#cv h2 { font-size: 12px; border-bottom: 1px solid #DBD0CE; padding: 0 0 2px 0; margin: 0; font-weight: 500; }
#cv .subtitle { padding: 0 0 0 0; margin: 0 0 0 0; }
#cv .box1 { position: absolute; top: 108px; left: 46px; width: 278px; }
#cv .box2 { position: absolute; top: 108px; left: 356px; width: 278px; }
#cv .box3 { position: absolute; top: 108px; left: 666px; width: 278px; }
#cv .box1-banner { position: absolute; top: 473px; left: 28px; width: 264px; height: 90px; z-index: 150; }
#cv .box2-banner { position: absolute; top: 473px; left: 338px; width: 264px; height: 90px; z-index: 150; }
#cv .box3-banner { position: absolute; top: 473px; left: 638px; width: 264px; height: 90px; z-index: 150; }
#cv .list-banner { position: absolute; bottom: 35px; left: 458px; width: 264px; height: 90px; z-index: 150; }
#cv .list1 { position: absolute; top: 126px; left: 46px; width: 215px; }
#cv .list2 { position: absolute; top: 126px; left: 281px; width: 196px; }
#cv .list3 { position: absolute; top: 126px; left: 490px; width: 206px; }
#cv .list4 { position: absolute; top: 126px; left: 727px; width: 214px; }
#cv #left { position: absolute; top: 119px; left: 47px; width: 483px; height: 313px; background: url('../images/layout/cv-pre-1995.jpg') no-repeat; z-index: 10; }
#cv #content { position: absolute; top: 108px; left: 666px; width: 266px; z-index: 10; }
#cv-footer-icon { position: absolute; bottom: 0; right: 0; width: 143px; height: 220px; background: url('../images/layout/cv-footer-icon.jpg') no-repeat; z-index: 10; }
#cv-footer-icon2 { position: absolute; bottom: 0; right: 0; width: 125px; height: 232px; background: url('../images/layout/cv-footer-icon2.jpg') no-repeat; z-index: 10; }
#cv-fly { position: absolute; top: 40px; left: 8px; z-index: 10; } 

#about #left { position: absolute; top: 97px; left: 0; width: 222px; height: 555px; background: url('../images/layout/home-left.jpg') no-repeat; z-index: 10; }
#about #content { position: absolute; top: 120px; left: 203px; width: 669px; z-index: 10; }
#about-footer-icon { position: absolute; bottom: 0; right: 0; width: 164px; height: 159px; background: url('../images/layout/about-footer-icon.jpg') no-repeat; z-index: 10; }
#about-fly { position: absolute; top: 62px; left: 230px; z-index: 10; }

#contact #content { position: absolute; top: 156px; left: 302px; width: 433px; height: 392px; background: url('../images/layout/contact-bg.jpg') no-repeat; z-index: 10; }
#contact #content #content-inner { position: absolute; top: 125px; left: 124px; width: 211px; }
#contact-footer-icon { position: absolute; bottom: 0; right: 0; width: 168px; height: 143px; background: url('../images/layout/contact-footer-icon.jpg') no-repeat; z-index: 10; }

#portfolio-bg { position: absolute; top: 124px; right: 42px; width: 589px; height: 464px; background: url('../images/layout/portfolio.jpg') no-repeat; z-index: 5; }
#portfolio-fly { position: absolute; top: 85px; right: 34px; z-index: 10; }
#portfolio-fly2 { position: absolute; top: 565px; left: 49px; z-index: 10; }
#portfolio-fly3 { position: absolute; top: 507px; left: 502px; z-index: 10; }
#portfolio-fly4 { position: absolute; top: 400px; right: 20px; z-index: 10; }
#portfolio-fly5 { position: absolute; top: 506px; left: 338px; z-index: 10; }
#portfolio-fly6 { position: absolute; top: 578px; left: 19px; z-index: 10; }
#portfolio-fly7 { position: absolute; top: 65px; right: 165px; z-index: 10; }
#portfolio-fly8 { position: absolute; top: 165px; right: 23px; z-index: 10; }
#portfolio-fly9 { position: absolute; bottom: 14px; left: 526px; z-index: 10; }
#portfolio-fly10 { position: absolute; top: 47px; left: 335px; z-index: 10; }
#portfolio-fly11 { position: absolute; top: 53px; left: 56px; z-index: 10; }

#portfolio-footer-icon { position: absolute; bottom: 0; right: 0; width: 111px; height: 149px; background: url('../images/layout/portfolio-footer-icon.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon1 { position: absolute; bottom: 0; right: 0; width: 173px; height: 170px; background: url('../images/layout/portfolio-footer-icon1.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon2 { position: absolute; bottom: 0; right: 0; width: 117px; height: 197px; background: url('../images/layout/portfolio-footer-icon2.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon3 { position: absolute; bottom: 0; right: 0; width: 164px; height: 134px; background: url('../images/layout/portfolio-footer-icon3.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon4 { position: absolute; bottom: 0; right: 0; width: 114px; height: 199px; background: url('../images/layout/portfolio-footer-icon4.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon5 { position: absolute; bottom: 0; right: 0; width: 184px; height: 152px; background: url('../images/layout/portfolio-footer-icon5.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon6 { position: absolute; bottom: 0; right: 0; width: 199px; height: 121px; background: url('../images/layout/portfolio-footer-icon6.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon7 { position: absolute; bottom: 0; right: 0; width: 122px; height: 159px; background: url('../images/layout/portfolio-footer-icon7.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon8 { position: absolute; bottom: 0; right: 0; width: 122px; height: 159px; background: url('../images/layout/portfolio-footer-icon8.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon9 { position: absolute; bottom: 0; right: 0; width: 122px; height: 159px; background: url('../images/layout/portfolio-footer-icon9.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon10 { position: absolute; bottom: 0; right: 0; width: 122px; height: 159px; background: url('../images/layout/portfolio-footer-icon10.jpg') no-repeat; z-index: 1; }
#portfolio-footer-icon11 { position: absolute; bottom: 0; right: 0; width: 122px; height: 159px; background: url('../images/layout/portfolio-footer-icon11.jpg') no-repeat; z-index: 1; }


#portfolio-web-tape { position: absolute; top: 119px; left: 391px; width: 270px; height: 97px; z-index: 10; }
#portfolio-print-tape { position: absolute; top: 178px; left: 711px; width: 270px; height: 97px; z-index: 10; }
#portfolio-logo-tape { position: absolute; top: 340px; left: 632px; width: 270px; height: 97px; z-index: 10; }
#portfolio-stuff-tape { position: absolute; top: 490px; left: 380px; width: 270px; height: 97px; z-index: 10; }
#portfolio #content { position: absolute; top: 160px; left: 46px; width: 310px; z-index: 10; }
#portfolio-thumb-container { position: absolute; top: 121px; left: 54px; z-index: 150; }

#pages { position: absolute; top: 215px; right: 17px; }
#prevnext { position: absolute; bottom: 27px; left: 560px; }
	#prevnext .next { margin-left: -4px; }
	
/* Other styles */
.thumb { float: left; margin: 0 10px 10px 0; }
.end { margin: 0 0 10px 0; }

/* clearfix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; clear: both; }
html[xmlns] .clearfix {display: block;}
* html .clearfix  { height: 1%; }