@import "reset.css";

body.home {
	color: #a9a9a9;
}

body {
	background-color: #fff;
	color: #666666;
	padding: 10px;
	font-family: "Times New Roman", Times, serif;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	padding:1px 0;
	position: relative;
}

a:link    { color: gray;}
a:active  { color: red;}
a:visited { color: #9999cc;}


a:link    { color: #333333;}
a:active  { color: red;}
a:visited { color: #9999cc;}


a#landing {
	display: block;
	width:950px;
	height:626px;
	margin: 0 auto;
}

#header {
	position: absolute;
	left: 22px;
	top: 17px;
	z-index: 100;
}

#header h1 {
	display: none;
	
			
}

.copyright {
	font-size: 7pt;
	font-weight: normal;
	color: #999;
	padding: 2px 0;
	margin: 45px 0 0 0;
	line-height: 9pt;
}

.home .copyright { 
	width: 950px;
	margin: 0 auto;
}

#footer {
	width: 950px;
	margin: 0 auto;
	padding: 1px 0;
	line-height: 85%;
}

.home #footer {
	text-align: center;
}

#footer .links {
	padding: 5px 0 4px 0;
	font-size: 10px;
}

#footer .closing {
	font-size: 10px;
	padding: 10px 0 0 0;
}

#portfolio {
	position: relative;
	width: 701px;
	left: 50%;
	margin-left: -300px;
}

#portfolio.position-W {
	margin-top: 70px;
	width: 775px;
	height: 470px;
	text-align: right;
}

#portfolio.position-W img{
	position: absolute;
	right: 0;
	bottom: 0;
}

#portfolio.position-W #nav {
	top: 450px;
}

#portfolio.position-T {
	padding-top: 0;
	width: 720px;
	text-align: right;
}

#portfolio #nav {
	position: absolute;
	left: -95px;
	top: 520px;
	text-align: left;
}

#portfolio #nav #navigation {
	position: relative;
	left: 0;
	margin-top: 20px;
}

.services #view_slideshow {
	margin-top: 40px;
}

#navigation {
	overflow: hidden;
	width: 320px;
	clear: left;
}

#navigation li {
	float: left;
	background-image: url(../images/navigation.png);
	background-position: right top;
	padding-right: 4px;
	margin-bottom: 3px;
	margin-right: 4px;
}

#navigation li.wrap {
	padding-right: 0;
	margin-right: 0;
	background: none;
}

#navigation a {
	display: block;
	position: relative;
	top: -1px;
	float: left;
	height: 13px;
	text-indent: -9999px;
	overflow: hidden;
	background-color: #fff;
	background-image: url(../images/navigation.png);
	background-repeat: no-repeat;
}

#nav-portfolio    a { width: 62px;  background-position: 0 -66px;  }
#nav-approach     a { width: 60px;  background-position: 0 -90px;  }
#nav-photographer a { width: 112px; background-position: 0 -114px; }
#nav-contact      a { width: 53px;  background-position: 0 -138px; }
#nav-proofs       a { width: 84px;  background-position: 0 -162px; }
#nav-services     a { width: 51px;  background-position: 0 -186px; }
#nav-accolades    a { width: 66px;  background-position: 0 -210px; }
#nav-links        a { width: 32px;  background-position: 0 -234px; }
#nav-home         a { width: 36px;  background-position: 0 -258px; }

#nav-portfolio    a:hover { background-position: -192px -66px;  }
#nav-approach     a:hover { background-position: -192px -90px;  }
#nav-photographer a:hover { background-position: -192px -114px; }
#nav-contact      a:hover { background-position: -192px -138px; }
#nav-proofs       a:hover { background-position: -192px -162px; }
#nav-services     a:hover { background-position: -192px -186px; }
#nav-accolades    a:hover { background-position: -192px -210px; }
#nav-links        a:hover { background-position: -192px -234px; }
#nav-home         a:hover { background-position: -192px -258px; }

#nav-portfolio    a:active, #nav-portfolio.current    a { background-position: -409px -66px;  }
#nav-approach     a:active, #nav-approach.current     a { background-position: -409px -90px;  }
#nav-photographer a:active, #nav-photographer.current a { background-position: -409px -114px; }
#nav-contact      a:active, #nav-contact.current      a { background-position: -409px -138px; }
#nav-proofs       a:active, #nav-proofs.current       a { background-position: -409px -162px; }
#nav-services     a:active, #nav-services.current     a { background-position: -409px -186px; }
#nav-accolades    a:active, #nav-accolades.current    a { background-position: -409px -210px; }
#nav-links        a:active, #nav-links.current        a { background-position: -409px -234px; }
#nav-home         a:active, #nav-home.current         a { background-position: -409px -258px; }

#slideshow_nav {
	overflow:hidden;
	width: 300px;
	position: relative;
	left: -50px;
}

#slideshow_nav li {
	float: left;
	height: 22px;
	width: 35px;
	background-image: url(../images/navigation.png);
	background-position: 3px -515px;
}

#slideshow_nav #slide-nav-5 {
	background: none;
	width: 32px;
}

#slideshow_nav a {
	display: block;
	height: 22px;
	width: 32px;
	background-image: url(../images/navigation.png);
	background-repeat: no-repeat;
	background-color: #fff;
	text-indent: -9999px;
	overflow: hidden;
}

#slide-nav-1 a { background-position:    3px -515px; }
#slide-nav-2 a { background-position:  -31px -515px; }
#slide-nav-3 a { background-position:  -66px -515px; }
#slide-nav-4 a { background-position: -100px -515px; }
#slide-nav-5 a { background-position: -134px -515px; }

#slide-nav-1 a:hover, #slide-nav-1.current a { background-position:    3px -545px; }
#slide-nav-2 a:hover, #slide-nav-2.current a { background-position:  -31px -545px; }
#slide-nav-3 a:hover, #slide-nav-3.current a { background-position:  -66px -545px; }
#slide-nav-4 a:hover, #slide-nav-4.current a { background-position: -100px -545px; }
#slide-nav-5 a:hover, #slide-nav-5.current a { background-position: -134px -545px; }

#view_slideshow {
	margin-top: 25px;
}

#view_slideshow a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 119px;
	height: 15px;
	background: url(../images/navigation.png) no-repeat;
}

#view_slideshow a:hover {
	background-position: -192px 0;
}

#image_nav {
	height: 38px;
	width: 68px;
	position: absolute;
	top: -60px;
	left: 7px;
}

#image_nav a {
	display: block;
	float: left;
	width: 33px;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/navigation.png) no-repeat;
}

#image_nav .link-prev { background-position: -192px -489px; }
#image_nav .link-next { background-position: -225px -489px; }
#image_nav .link-prev:hover { background-position: -192px -527px; }
#image_nav .link-next:hover { background-position: -225px -527px; }

#page #sidebar {
	width: 440px;
	float: left;
}

#page {
	width: 950px;
	margin-top: 74px;
	overflow: hidden;
}

#page #content {
	float: left;
	margin-top: 8px;
	width: 270px;
	line-height: 12pt;
}

#page-photo {
	overflow: hidden;
	display: block;
	width: 380px;
	margin-left: 10px;
	position: relative;
	height: 411px;
}

a#page-photo {
	background: url(../images/click-to-enlarge.png) top right no-repeat;
}

#page-photo img {
	position: absolute;
	left: 0;
	bottom: 10px;
}

#page #nav {
	position: relative;
	margin-top: 40px;
	left: 78px;
	width: 320px;
}

#page #content p {
	margin: 0 0 10pt 0;
}

#page #content {
	font-family: "Times New Roman",Georgia,Times;
	font-size: 10pt;
}

#sub-nav {
	position: absolute;
	top: -18px;
	left: 0;
	overflow: hidden;
	margin-bottom: 4px;
}

#sub-nav.services  {
	left: -45px;
	top: 30px;
}

#sub-nav li {
	float: left;
	padding-right: 3px;
	margin-right: 3px;
	background: url(../images/navigation.png) right -12px no-repeat;
}

#sub-nav li.wrap {
	background: none;
	padding-right: 0;
}

#sub-nav a {
	display: block;
	height: 14px;
	background: url(../images/navigation.png) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#nav-bio          a { width: 22px; background-position: 0px -324px;}
#nav-film-credits a { width: 74px; background-position: 1px -340px;}
#nav-people       a { width: 42px; background-position: 1px -356px;}
#nav-clients      a { width: 134px; background-position:1px -372px;}

#nav-coverage     a { width: 95px; background-position: 0px -388px;}
#nav-online       a { width: 95px; background-position: 1px -404px;}
#nav-proofing     a { width: 56px; background-position: 1px -420px;}
#nav-albums       a { width: 91px; background-position:1px -436px;}

#nav-bio          a:hover { background-position: -191px -324px;}
#nav-film-credits a:hover { background-position: -190px -340px;}
#nav-people       a:hover { background-position: -190px -356px;}
#nav-clients      a:hover { background-position: -190px -372px;}

#nav-coverage     a:hover { background-position: -191px -388px;}
#nav-online       a:hover { background-position: -190px -404px;}
#nav-proofing     a:hover { background-position: -190px -420px;}
#nav-albums       a:hover { background-position: -190px -436px;}

#nav-bio.current          a {  background-position: -409px -324px;}
#nav-film-credits.current a {  background-position: -408px -340px;}
#nav-people.current       a {  background-position: -408px -356px;}
#nav-clients.current      a {  background-position: -408px -372px;}

#nav-coverage.current     a { background-position: -409px -388px;}
#nav-online.current       a { background-position: -408px -404px;}
#nav-proofing.current     a { background-position: -408px -420px;}
#nav-albums.current       a { background-position: -408px -436px;}

#content strong { color: #666;}

#content.credits { color: rgb(153,153,153);}

#page #content.people { overflow: hidden; width: 400px;}

#content h2 { color: rgb(204, 51, 102); margin-bottom: 10pt;}

ul.column {
	float: left;
	width: 180px;
}

ul.column-one {
	margin-right: 20px;
}

#content.venues li {
	margin-bottom: 10pt;
}

#extra {
	padding-top: 1px;
	font-family: Arial, serif;
	font-size: 11pt;
	line-height: 14pt;
}

#extra .section {
	padding-top: 115px;
	padding-left: 78px;
}

#extra .section img {
display: block;
margin-top: 2px;
}

#page #content.large {
width: 300px;
}

#page #content.large p {
	font-size: 12pt;
	line-height: 16pt;
}

#page #content.large p span.special {
	font-size: 18pt;
}

#page #content.contact { 
	width: 400px;
}

.contact span.special {
	font-size: 18pt;
	display: block;
}

.contact form {
	font-family: Arial, helvetica, sans-serif;
	font-size: 8pt;
}

.contact small {
	font-size: 0.8em;
}