@charset "utf-8";
/* CSS Document */

html { 
	height: 100%;
	margin: 0 0; 
	padding: 0 0;
}

a {
	outline: none;
}

img { 
	border: none;
} 

p {
	font-family: 'FuturaLTLightRegular', Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 24px;
	text-align: left;
	margin-left: 25px;
	margin-right: 20px;
}

h2 {
	font-family: 'FuturaLTBookBoldItalic', Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: normal;
	margin: 20px 0 -20px 50px;
}

h3 {
	font-family: 'FuturaLTBookBoldItalic', Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: normal;
	margin: 15px 0 -15px 0;
}

.preloadimg {
	display:none;
}

body {
	width: auto;
	height: 100%;
	margin: 0 auto; 
	padding: 0;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top;
	background-color: #272727;
	text-align: center;
}

#container {
	width: 1052px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

#splash {
	display: none;
	position: absolute;
	width: 616px;
	height: 193px;
	top: 50%;
	left: 50%;
	margin-top: -7.5em;
	margin-left: -18.6em;
	background-image: url(../images/splash.png);
	_background-image: url(../images/ie6/splash.jpg);
}

#skip {
	position: fixed;
	width: 33px;
	height: 12px;
	bottom: 20px;
	right: 20px;
	background-image: url(../images/skip.jpg);
}

#skip:hover {
	background-position: 0 -13px;
}

#skip span {
	display: none;
}

#containersplash {
	display: none;
	width: 850px;
	height: auto;
	margin: 0 auto;
}

#containerhome {
	width: 850px;
	height: auto;
	margin: 0 auto;
}

#bottom {
	position: absolute;
	height: 100%;
	width: 850px;
	top: 0;
	margin: 0 auto 0 101px;
	*margin: 0 auto 0 -425px;
	background-image: url(../images/bottombg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top;
	background-color: #2d2d2d;
}

#bottomhome {
	position: absolute;
	width: 850px;
	height: auto;
	top: 874px;
	bottom: 0px;
	_margin: 0 auto 0 -425px;
	*margin: 0 auto 0 -425px;
	background-image: url(../images/bottombg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top;
	background-color: #2d2d2d;
	
}
/* START HEADER */

#header {
	position: relative;
	z-index: 1;
	width: 850px;
	height: 229px;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #2d2d2d;
	background-image: url(../images/headerbg.jpg);
}

img#logo {
	width: 476px;
	height: 150px;
	margin-top: 19px;
	margin-bottom: 23px;
	padding-left: 2px;
}

#navbar {
	position: relative;
	z-index: 2;
	width: 782px;
	height: 20px;
	_margin-top: -4px;
	*margin-top: -4px;
	left: 23px;
	_left: -11px;
	*left: -11px;
}

#navbar ul {
	margin: 0 auto;
	padding: 0;
}

#navbar li {
	display: inline;
}

.navbarlink {
	width: 130.3px;
	height: 20px;
	float: left;
	cursor: pointer;
	text-indent: -9999px;
}

a#home {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/home.png);
	_background-image: url(../images/ie6/home.jpg);
}

a#about {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/about.png);
	_background-image: url(../images/ie6/about.jpg);
}

a#web {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/web.png);
	_background-image: url(../images/ie6/web.jpg);
}

a#print {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/print.png);
	_background-image: url(../images/ie6/print.jpg);
}

a#blog {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/blog.png);
	_background-image: url(../images/ie6/blog.jpg);
}

a#contact {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/contact.png);
	_background-image: url(../images/ie6/contact.jpg);
}

/* END HEADER */
/* START REEL */

#reel {
	position: absolute;
	width: 100%;
	height: 784px;
	margin-top: 156px;
	left: 0;
	background-image: url(../images/reelbg.png);
}

#reelsplash {
	display: none;
	position: absolute;
	width: 100%;
	height: 784px;
	margin-top: 156px;
	left: 0;
	background-image: url(../images/reelbg.png);
}

#reelbody {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 637px;
	margin-top: 73px;
	overflow-x: hidden;
	left: 0;
	right: 0;
	border-top: 4px solid #505050;
	border-bottom: 4px solid #505050;
	background-color: #353535;
	background-image: url(../images/bg2.jpg);
}

#fadeleft {
	position: absolute;
	z-index: 2;
	width: 374px;
	height: 645px;
	margin-top: 73px;
	left: 0;
	background-image: url(../images/reelfadel.png);
	background-repeat: repeat-y;
}

#faderight {
	position: absolute;
	z-index: 3;
	width: 374px;
	height: 645px;
	margin-top: 73px;
	right: 0;
	_right: -1px;
	background-image: url(../images/reelfader.png);
	background-repeat: repeat-y;
}

#reelimgcontainer {
	width: 850px;
	height: 568px;
	margin: 0 auto;
	margin-top: 35px;
	text-align: center;
	overflow: visible;	
}

#scrollcontainer {
	position:relative;
	width: auto;
	height: 568px;
	margin-left: -1709px;
	margin-right: -1709px;
	overflow: hidden;
}

#scrollArea {
	position: relative;
	width: auto;
	height: 100%;
	cursor: pointer;
}

#scrollArea a {
	position: relative;
	width: 816px;
	height: 568px;
	float: left;
	margin-right: 47px;
}

/* END REEL */
/* START FOOTER */

#footer {
	position: relative;
	z-index: 1;
	width: 850px;
	height: 125px;
	margin: 0 auto;
	margin-bottom: 0px;
	text-align: center;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #2d2d2d;
	background-image: url(../images/footerbg.jpg);	
}

#footerhome {
	position: relative;
	z-index: 1;
	width: 850px;
	height: 125px;
	margin: 0 auto;
	margin-top: 645px;
	text-align: center;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #2d2d2d;
	background-image: url(../images/footerbg.jpg);	
}

#footercontent {
	position: relative;
	z-index: 2;
	width: 548px;
	height: auto;
	margin: 0 auto;
	top: 16px;
	_top: 12px;
	text-align: center;
}

#footer ul {
	margin: 0 auto;
	padding: 0;
}

#footer li {
	display: inline;
}

#footerhome ul {
	margin: 0 auto;
	padding: 0;
}

#footerhome li {
	display: inline;
}

.divider {
	width: 12px;
	height: 13px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/divider.png);
}

.footerlink {
	width: auto;
	height: 13px;
	float: left;
	cursor: pointer;
	text-indent: -9999px;
	display: block;
}

a#facebook {
	width: 68px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/facebook.png);
	_background-image: url(../images/ie6/facebook.jpg);
}

a#twitter {
	width: 48px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/twitter.png);
	_background-image: url(../images/ie6/twitter.jpg);
}

a#myspace {
	width: 57px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/myspace.png);
	_background-image: url(../images/ie6/myspace.jpg);
}

a#stumbleupon {
	width: 88px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/stumbleupon.png);
	_background-image: url(../images/ie6/stumbleupon.jpg);
}

a#google {
	width: 55px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/google.png);
	_background-image: url(../images/ie6/google.jpg);
}

a#youtube {
	width: 56px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/youtube.png);
	_background-image: url(../images/ie6/youtube.jpg);
}

a#vimeo {
	width: 40px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/vimeo.png);
	_background-image: url(../images/ie6/vimeo.jpg);
}

a#psp {
	width: 20px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image:url(../images/psp.png);
	_background-image: url(../images/ie6/psp.jpg);
}

a#rss {
	width: 20px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/rss.png);
	_background-image: url(../images/ie6/rss.jpg);
}

a#legal {
	width: 548px;
	height: 16px;
	margin-top: 4px;
	_margin-top: -1px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/legal.png);
	_background-image: url(../images/ie6/legal.jpg);
}

/*END FOOTER */
/*START COPY */
	
#copyheader {
	position: absolute;
	top: 163px;
	width: 1052px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/copyheader.jpg);
	background-position: center;
}

#copyfooter {
	position: absolute;
	width: 1052px;
	height: 200px;
	margin: 0 auto;
	_margin: 0 0 0 -101px;
	*margin: 0 0 0 -101px;
	margin-top: -124px;
	background-image: url(../images/copyfooter.jpg);
	background-position: center;
}

#copyshadow {
	width: 1052px;
	height: auto;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-image: url(../images/copyshadow.jpg);
	background-position: center;
}

#copybg {
	position: relative;
	z-index: 1;
	width: 900px;
	height: auto;
	margin: 0 auto;
	border-top: 4px solid #505050;
	border-bottom: 4px solid #505050;
	background-color: #353535;
	background-image: url(../images/bg2.jpg);
}

#copyfade {
	width:900px;
	height: auto;
	margin-top: -4px;
	margin-bottom: -4px;
	text-align: center;
	background-repeat: repeat-y;
	background-image: url(../images/copyfade.png);
}

#copy {
	width: 840px;
	height: auto;
	margin: 0 auto;
	color: #FFF;
	padding-top: 53px;
	padding-bottom: 14px;
	text-align: left;
}

/*END COPY*/
/*START CONTENT*/

.pictureul {
	margin: 0;
	padding-top: 15px;
	padding-left: 51px;
}

.picture {
	display: inline;
	padding-right: 35px;
}

.picturethumb {
	width: 210px;
	height: 120px;
	margin-bottom: 35px;
	border: solid;
	border-color: #000;
	border-width: 5px;
	background-color: #000;
	background-image: url(../images/picturebg.jpg);
}

.folio {
	margin-left: 30px;
}

#protected {
	width: 150px;
	height: 20px;
	margin-top: -30px;
	margin-left: 680px;
	font-size: 11px;
}

#protected a:link {
	color: #999; 
	text-decoration: none;
}

#protected a:visited { 
	color: #999; 
	text-decoration: none;
}

#protected a:hover {
	color: #FFF; 
	text-decoration: underline;
}

 #protecteda:active {
	color: #999; 
	text-decoration: none;
} 

#contactform {
	font-family: Arial, Helvetica, sans-serif;
}
/*END CONTENT*/
/*START WORK*/

#enlarge {
	width: 556px;
	height: 371px;
	margin: 0 auto;
	text-align: center;
	border: solid;
	border-color: #000;
	border-width: 6px;
	background-color: #000;
	background-image: url(../images/enlargebg.jpg);
}

#navthumb {
	margin: 0 auto;
	text-align: center;
}

.thumb {
	width: 131px;
	height: 96px;
	border: solid;
	border-color: #000;
	border-width: 3px;
	background-color: #000;
	background-image: url(../images/thumbbg.jpg);
}

#navthumb ul {
	margin: 0 auto;
	padding: 20px 0 0 0;
}

#navthumb li {
	display: inline;
	padding: 0 10px 0 10px;
}
/*END WORK*/
/*START IPHONE-IPAD*/
@media screen and (max-device-width: 480px) {
#container {
	width: 100%;
	overflow-x: hidden;
}

#copyheader {
	width: 100%;
	overflow-x: hidden;
}

#copyfooter {
	width: 100%;
	overflow-x: hidden;
}

#copyshadow {
	width: 100%;
	overflow-x: hidden;
	margin: 0 -38px 0 auto;
}

#bottom {
	margin: 0 auto 0 65px;
}
}

@media screen and (max-device-width: 1024px) {
#container {
	width: 100%;
	overflow-x: hidden;
}

#copyheader {
	width: 100%;
	overflow-x: hidden;
}

#copyfooter {
	width: 100%;
	overflow-x: hidden;
}

#copyshadow {
	width: 100%;
	overflow-x: hidden;
	margin: 0 -38px 0 auto;
}

#bottom {
	margin: 0 auto 0 65px;
}
}
/*END IPHONE-IPAD*/