/* CSS Document */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.6;
	font-weight: 100;
	text-align: center;
	padding: 0;
	vertical-align: top;
	margin: 0px;
	background-color: #C8C8C8;
	height: 800px;
}
a {
	color: #969696;
	text-decoration: none;
}
a:focus, a:hover, a:active { 
	outline: none;
}
p {
	font-weight: normal;
	color: #CCC;
	text-align: left;
	line-height: 25px;
}
img {
	border: 0;
}
li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	text-align: left;
	text-indent: 0px;
	letter-spacing: .2em;
}
table {
	border-style: none;
}
#entirecontent {
	width: 900px;
	height: 600px;
	margin-top: 9%;
	text-align: left;
	position: absolute;
	margin-left: -450px;
	left: 50%;
	background-color: #FFF;
	border: solid 1px #DBDBDB;
	font-family: Arial, Helvetica, sans-serif;
}
#logo {
	height: 54px;
	width: 162px;
	position: absolute;
	top: 16px;
	left: 17px;
	z-index: 1;
}
#logo2 {
	height: 54px;
	width: 162px;
	position: absolute;
	top: 16px;
	left: 368px;
	z-index: 1;
}
#navbar {
	width: 900px;
	position: absolute;
	height: 86px;
	left: 0px;
	top: 0px;
	z-index: 2;
	background-color: #FFF;
	border-bottom: solid 1px #999;
}
#copyright {
	width: 236px;
	height: 7px;
	position: absolute;
	top: 635px;
	left: 332px;
}
#gallery {
	position: absolute;
	height: 513px;
	width: 900px;
	bottom: 0px;
}
ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}
  
/* ------------------------------ 
          intronavigation            
   ------------------------------*/

#intronavbar {
	font-size: 12px;
	width: 76px;
	position: absolute;
	height: 86px;
	left: 268px;
	top: 262px;
}
.intronavlinks li {
	padding: 8px 0px 0px 0px;
	width: 100%; /* Fix for vertical spacing gap in IE6-7 */
}
a#intronav_portfolio {
	background: url(../images/intronav/intronavportfolio.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 9px;
	width: 76px;
	height: 0px !important;
	height /**/:9px;
	overflow: hidden;
}
a#intronav_resume {
	background: url(../images/intronav/intronavresume.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 9px;
	width: 52px;
	height: 0px !important;
	height /**/:9px;
	overflow: hidden;
	margin-left: 23px;
}
a#intronav_about {
	background: url(../images/intronav/intronavabout.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 9px;
	width: 44px;
	height: 0px !important;
	height /**/:9px;
	overflow: hidden;
	margin-left: 31px;
}
a#intronav_contact {
	background: url(../images/intronav/intronavcontact.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 9px;
	width: 63px;
	height: 0px !important;
	height /**/:9px;
	overflow: hidden;
	margin-left: 12px;
}

/* ------------------------------ 
            navigation            
   ------------------------------*/

ul.navlinks {
	float: right;
	padding: 0px;
	margin: 38px 25px 0 0;
}
.navlinks li {
	float: left;
	padding: 0px 20px;
	margin: 0px;
}
a#nav_home {
	background: url(../images/nav/navhome.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 40px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_home:hover {
	background-position: 0 -10px;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 40px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_portfolio {
	background: url(../images/nav/navportfolio.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 74px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}

a#nav_portfolio:hover {
	background-position: 0 -10px;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 74px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_portfolio.current {
	background-position: 0 -20px;
	margin: 0px;
	display: block;	
	width: 74px;
	padding-top: 10px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_portfolio.current:hover {
	background-position: 0 -30px;
	margin: 0px;
	display: block;	
	width: 74px;
	padding-top: 40px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_resume {
	background: url(../images/nav/navresume.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 52px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_resume:hover {
	background-position: 0 -10px;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 52px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}	
a#nav_resume.current {
	background-position: 0 -20px;
	margin: 0px;
	display: block;	
	width: 52px;
	padding-top: 10px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_resume.current:hover {
	background-position: 0 -30px;
	margin: 0px;
	display: block;	
	width: 52px;
	padding-top: 40px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_about {
	background: url(../images/nav/navabout.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 46px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_about:hover {
	background-position: 0 -10px;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 46px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}	
a#nav_about.current {
	background-position: 0 -20px;
	margin: 0px;
	display: block;	
	width: 46px;
	padding-top: 10px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}

a#nav_about.current:hover {
	background-position: 0 -30px;
	margin: 0px;
	display: block;	
	width: 46px;
	padding-top: 40px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_contact {
	background: url(../images/nav/navcontact.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 64px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_contact:hover {
	background-position: 0 -10px;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 64px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_contact.current {
	background-position: 0 -20px;
	margin: 0px;
	display: block;	
	width: 64px;
	padding-top: 10px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#nav_contact.current:hover {
	background-position: 0 -30px;
	margin: 0px;
	display: block;	
	width: 64px;
	padding-top: 40px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}

/* ------------------------------ 
             portfolio            
   ------------------------------*/

#graphicdesign {
	height: 180px;
	width: 180px;
	position: absolute;
	left: 115px;
	bottom: 199px;
	z-index: 2;
	border: solid 1px #999;
	text-align: center;	
	outline: #E5E5E5 solid 6px;
}
#photography {
	height: 180px;
	width: 180px;
	position: absolute;
	left: 359px;
	bottom: 199px;
	z-index: 2;
	border: solid 1px #999;
	text-align: center;
	outline: #E5E5E5 solid 6px;
}
#advertising {
	height: 180px;
	width: 180px;
	position: absolute;
	right: 115px;
	bottom: 199px;
	z-index: 2;
	border: solid 1px #999;
	text-align: center;
	outline: #E5E5E5 solid 6px;
}
#graphicdesign:hover, #photography:hover, #advertising:hover {
	border: solid 1px #000;
}
#graphicdesign img, #photography img, #advertising img {
	display: block; /* for FF */
}

/* ------------------------------ 
         portfolionavigation            
   ------------------------------*/

#portfolionavbar {
	font-size: 12px;
	position: absolute;
	height: 86px;
	left: 78px;
	bottom: 115px;
	z-index: 2;
}
ul.portfolionavlinks {
	float: left;
	padding: 0px;
	margin: 38px 25px 0 0;
}
.portfolionavlinks li {
	float: left;
	padding: 0px 79px;
	margin: 0px;
}
a#portfolionav_graphicdesign {
	background: url(../portfolio/images/nav/navgraphicdesign.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 99px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#portfolionav_graphicdesign:hover {
	background-position: 0 -10px;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 99px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
}
a#portfolionav_photography {
	background: url(../portfolio/images/nav/navphotography.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 84px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
	margin-left: -6px;
}
a#portfolionav_photography:hover {
	background-position: 0 -10px;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 84px;
	height: 0px !important;
	height /**/:9px;
	overflow: hidden;
	margin-left: -6px;
}
a#portfolionav_advertising {
	background: url(../portfolio/images/nav/navadvertising.png) no-repeat left top;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 75px;
	height: 0px !important;
	height /**/:9px;
	overflow: hidden;
	margin-left: 7px;
}
a#portfolionav_advertising:hover {
	background-position: 0 -10px;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding-top: 10px;
	width: 75px;
	height: 0px !important;
	height /**/:10px;
	overflow: hidden;
	margin-left: 7px;
}

/* ------------------------------ 
            graphicdesign            
   ------------------------------*/

#graphicdesignimg {
	height: 406px;
	width: 406px;
	position: absolute;
	right: 57px;
	bottom: 52px;
	z-index: 1;
	border: solid 1px #999;
	text-align: center;
}
#graphicdesignimg:hover {
	border: solid 1px #000;
}
#graphicdesigntitle {
	height: 11px;
	position: absolute;
	left: 70px;
	top: 155px;
	z-index: 1;
}
#graphicdesigntext {
	width: 223px;
	position: absolute;
	left: 100px;
	top: 198px;
	z-index: 1;	
}
#graphicdesignthumbs {
	position: absolute;
	left: 50px;
	top: 446px;
	width: 300px;
	z-index: 1;	
}
#graphicdesignthumbs li {
	float: left;
	margin: 8px;
	width: 30px;
	height: 30px;	
	background-color: #E5E5E5;
}
#graphicdesignthumbs li a {
	float: left;
	width: 30px;
	height: 30px;
}
#graphicdesignthumbs li:hover {
	background-color: #000;	
}
#graphicdesignthumbs li.current {
	background-color: #3953A3;
	width: 34px;
	height: 34px;
	margin: 6px;
}
#graphicdesignthumbs li.current a {
	width: 34px;
	height: 34px;
}
#graphicdesignthumbs li.current:hover {
	background-color: #F5881F;
}
#portfoliotitle {
	height: 11px;
	position: absolute;
	left: 401px;
	top: 140px;
}
#graphicdesignthumbs2container {
	width: 357px;
	bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}
#graphicdesignthumbs2 {
	position: absolute;
	right: 58px;
	bottom: 29px;
	margin: 0px;
}
#graphicdesignthumbs2 li {
	float: left;
	margin: 3px;
	width: 20px;
	height: 20px;	
	background-color: #FFF;
}
#graphicdesignthumbs2 li a {
	float: left;
	margin: 3px;
	width: 20px;
	height: 20px;
	margin-left: 0px;
	margin-top: 0px;
}
#graphicdesignthumbs2 li:hover {
	background-color: #E5E5E5;	
}
#graphicdesignthumbs2 li.current {
	background-color: #D0D0D0;
}
#graphicdesignthumbs2 li.current:hover {
	background-color: #BBB;
}

/* ------------------------------ 
            photography            
   ------------------------------*/
   
#photographythumbs {
	position: absolute;
	left: 50px;
	top: 168px;
	width: 50px;
	z-index: 1;
}
#photographythumbs li {
	float: left;
	margin: 8px;
	width: 30px;
	height: 30px;	
	background-color: #E5E5E5;
}
#photographythumbs li a {
	float: left;
	width: 30px;
	height: 30px;
}
#photographythumbs li:hover {
	background-color: #000;	
}
#photographythumbs li.current {
	background-color: #3953A3;
	width: 34px;
	height: 34px;
	margin: 6px;
}
#photographythumbs li.current a {
	width: 34px;
	height: 34px;
}
#photographythumbs li.current:hover {
	background-color: #F5881F;
}
#photographytitle {
	height: 11px;
	position: absolute;
	left: 410px;
	top: 120px;
	z-index: 1;
}
#photographyimg {
	height: 253px;
	width: 380px;
	position: absolute;
	right: 230px;
	bottom: 127px;
	z-index: 2;
	border: solid 1px #999;
}
#photographyimg:hover {
	border: solid 1px #000;
}
#photographyimgvertical {
	height: 380px;
	width: 253px;
	position: absolute;
	right: 293px;
	bottom: 64px;
	z-index: 2;
	border: solid 1px #999;
}
#photographyimgvertical:hover {
	border: solid 1px #000;
}
#photographythumbs2container {
	width: 357px;
	bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}
#photographythumbs2 {
	position: absolute;
	bottom: 17px;
	width: 416px;
	text-align: center;
}
#photographythumbs2 ul {
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
}
#photographythumbs2 li {
	float: left;
	margin: 3px;
	width: 20px;
	height: 20px;	
	background-color: #FFF;
	padding-left: 0px;
}
#photographythumbs2 li:hover {
	background-color: #E5E5E5;	
}
#photographythumbs2 li.current {
	background-color: #3D9F47;
	width: 20px;
	height: 20px;
}
#photographythumbs2 li.current:hover {
	background-color: #BD2326;
}
#photographythumbs2 li.blank:hover {
	background-color: #FFF;
}

/* ------------------------------ 
           advertising            
   ------------------------------*/

#advertisingimg {
	height: 406px;
	width: 305px;
	position: absolute;
	right: 95px;
	bottom: 52px;
	z-index: 2;
	border: solid 1px #999;
	text-align: center;
}
#advertisingimghorizontal {
	height: 305px;
	width: 406px;
	position: absolute;
	right: 57px;
	bottom: 102px;
	z-index: 2;
	border: solid 1px #999;
	text-align: center;
}
#advertisingimghorizontal:hover {
	border: solid 1px #000;
}
#advertisingimg:hover {
	border: solid 1px #000;
}
#advertisingthumbs {
	position: absolute;
	left: 50px;
	top: 365px;
	width: 336px;
}
#advertisingthumbs li {
	float: left;
	margin: 8px;
	width: 30px;
	height: 30px;	
	background-color: #E5E5E5;
}
#advertisingthumbs li a {
	float: left;
	width: 30px;
	height: 30px;
}
#advertisingthumbs li:hover {
	background-color: #000;
}
#advertisingthumbs li.current {
	background-color: #3953A3;
	width: 34px;
	height: 34px;
	margin: 6px;
}
#advertisingthumbs li.current a {
	width: 34px;
	height: 34px;
}
#advertisingthumbs li.current:hover {
	background-color: #F5881F;	
}
#advertisingtitle {
	height: 11px;
	position: absolute;
	left: 70px;
	top: 155px;
}
#advertisingtext {
	width: 228px;
	position: absolute;
	left: 100px;
	top: 190px;
}

/* ------------------------------ 
              resume            
   ------------------------------*/

#resumetitle {
	height: 11px;
	position: absolute;
	left: 66px;
	top: 125px;
	z-index: 2;
}
#resumetext {
	height: 420px;
	width: 856px;
	position: absolute;
	left: 55px;
	top: 131px;
}
#pdfresume {
	position: absolute;
	left: 302px;
	top: 155px;
	z-index: 2;
}

/* ------------------------------ 
               about            
   ------------------------------*/

#abouttitle {
	height: 11px;
	position: absolute;
	left: 70px;
	top: 155px;
}
#abouttext {
	width: 534px;
	position: absolute;
	left: 90px;
	top: 198px;
}
#aboutimg {
	height: 158px;
	width: 124px;
	position: absolute;
	right: 57px;
	top: 155px;
	border: solid 1px #999;
	padding: 5px;
}
#aboutimg:hover {
	border: solid 1px #000;
}

/* ------------------------------ 
              contact            
   ------------------------------*/

#contacttitle {
	height: 11px;
	position: absolute;
	left: 223px;
	top: 155px;
}
#contacttext {
	width: 58px;
	position: absolute;
	left: 250px;
	top: 201px;
	z-index: 2;
}
#contactform {
	width: 320px;
	position: absolute;
	font-weight: normal;
	color: #000;
	line-height: 20px;
	text-align: left;
	left: 300px;
	top: 180px;
	background-color: #FFF;
}
#form1 {
	margin-left: 35px;
	margin-top: 15px;
}
.formbox {
	background-color: #FFF;
	color:#000;
}
.formbox:hover {
	background-color: #CCC;
}

/* ------------------------------ 
               new            
   ------------------------------*/

.curtain {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}
.lightbox {
	display: none;
	position: fixed;
	text-align: center;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	padding: 0px;
	z-index: 1002;
	overflow: auto;
}

#box1 {
	position: absolute;
	left: 100px;
	top: 156px;
	width: 100px;
	z-index: 3;	
}

#box2 {
	position: absolute;
	left: 630px;
	top: 145px;
	width: 100px;
	z-index: 3;	
}

#box3 {
	position: absolute;
	left: 372px;
	top: 135px;
	width: 100px;
	z-index: 3;	
}

#box4 {
	position: absolute;
	left: 100px;
	top: 335px;
	width: 100px;
	z-index: 3;	
}

#box5 {
	position: absolute;
	left: 630px;
	top: 350px;
	width: 100px;
	z-index: 3;	
}

#box6 {
	position: absolute;
	left: 600px;
	top: 400px;
	width: 100px;
	z-index: 3;	
}