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

* { margin:0px; padding:0px; }
body { background:url(../images/bg.jpg) top left repeat fixed #252223; color:#fff; font-size:13px; line-height:20px; font-family:"Open Sans", Arial, Helvetica, sans-serif; text-align:center; }

p, ul, ol { margin-bottom:20px; text-shadow:1px 1px 0px #000; }
a { color:#00aeef; text-decoration:none; text-shadow:1px 1px 0px #000; }
a:hover { color:#999; }
h1 { color:#999; line-height:36px; font-size:12px; text-align:center; letter-spacing:1px; text-shadow:1px 1px 0px #000; font-weight:normal; margin:auto; }
	h1 a { color:#999; }
	h1 a:hover { color:#00aeef; }
h2 { color:#00aeef; font-size:60px; line-height:70px; text-align:center; margin:30px auto 0px auto; text-shadow:1px 1px 0px #000; font-weight:normal; font-family:"Josefin Slab", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; }
h3 { color:#00aeef; font-size:30px; text-align:left; margin:auto; text-shadow:1px 1px 0px #000; font-weight:normal; font-family:"Josefin Slab", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left:70px; background-position:top left; background-repeat:no-repeat; display:inline-block; height:40px; float:left; line-height:34px; }
h3 a { padding-top:30px; }
	h2 a:hover { color:#00aeef; }
	h3 a:hover { color:#00aeef; }
h4 { color:#00aeef; font-size:30px; text-align:left; text-shadow:1px 1px 0px #000; font-weight:normal; font-family:"Josefin Slab", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; display:inline-block; height:40px; float:left; line-height:34px; padding:30px 0px 30px 0px; }
h4 span { color:#999; }
h4 a { padding-top:30px; }
	h4 a:hover { color:#00aeef; }
	#h3_web { background-image:url(../images/icon_web.png); width:162px; }
	#line_web { float:left; height:32px; margin-bottom:8px; width:558px; border-bottom:1px solid #666; }
	#h3_print { background-image:url(../images/icon_print.png); width:155px; }
	#line_print { float:left; height:32px; margin-bottom:8px; width:565px; border-bottom:1px solid #666; }
	#h3_ill { background-image:url(../images/icon_illustration.png); width:138px; }
	#line_ill { float:left; height:32px; margin-bottom:8px; width:582px; border-bottom:1px solid #666; }
	#h3_photography { background-image:url(../images/icon_photo.png); width:163px; }
	#line_photo { float:left; height:32px; margin-bottom:8px; width:557px; border-bottom:1px solid #666; }
	#h3_about { background-image:url(../images/icon_about.png); width:85px; }
	#line_about { float:left; height:32px; margin-bottom:8px; width:635px; border-bottom:1px solid #666; }
	#h3_contact { background-image:url(../images/icon_contact.png); width:100px; }
	#line_contact { float:left; height:32px; margin-bottom:8px; width:620px; border-bottom:1px solid #666; }
		#line_contact a, #line_about a, #line_photo a, #line_ill a, #line_print a, #line_web a { height:19px; width:17px; display:inline-block; float:right; background-image:url(../images/arrows.png); background-repeat:no-repeat; margin-left:2px; }
		.up { background-position:-19px 0px; }
		.down { background-position:-38px 0px; }
		.top { background-position:0px 0px; }
		.up:hover { background-position:-19px -19px; }
		.down:hover { background-position:-38px -19px; }
		.top:hover { background-position:0px -19px; }

#frame { width:860px; text-align:left; margin:auto; }
#header { float:left; width:720px; margin-right:70px; }
.text { width:720px; float:left; }
.text_header { float:left; margin:0px 0px 40px 0px; padding:30px 0px 0px 0px; }

.navigation { list-style:none; text-align:center; margin:auto; font-family:"Josefin Slab", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; line-height:28px; margin:30px 0px 50px 0px; }
	.navigation li { display:inline; margin:0px 15px; }
		.navigation li a { color:#fff; }
		.navigation li a:hover { color:#999; }
		.navigation .blue a { color:#00aeef; }
		.navigation .blue a:hover { color:#999; }
		
.content { width:790px; float:left; margin-left:70px; }

.product { float:left; width:220px; margin:0px 30px 30px 0px; border-bottom:1px solid #666; height:242px; background:url(../images/hover.png) top left no-repeat; }
.product:hover { background-repeat:repeat; }
	.proda { float:left; width:220px; border-bottom:1px solid #666; height:209px; background-position:top left; background-repeat:no-repeat; font-size:15px; line-height:22px; display:block; cursor:pointer; } 
		.proda:hover { color:#00aeef !important; opacity:0.8; }
		.proda img { margin-bottom:5px; }
	.pf_left { width:175px; height:32px; float:left; line-height:32px; text-shadow:none !important; color:#666 !important; }
	.md { background:url(../images/md.png) 0px 0px no-repeat; width:30px; height:12px; margin:10px 0px 0px 15px; float:left; display:block; }
		.md:hover { opacity:0.8; }
	.popimg { margin-bottom:20px; }
		
	/*#Bordeaux { background-image:url(../images/web/thumbs/bordeaux.jpg); }
	#Bergerac { background-image:url(../images/web/thumbs/bergerac.jpg); }
	#Sex { background-image:url(../images/web/thumbs/sex.jpg); }
	#Clearwater { background-image:url(../images/web/thumbs/clearwater.jpg); }
	#Litchfield { background-image:url(../images/web/thumbs/litchfield.jpg); }
	#Maxd { background-image:url(../images/web/thumbs/maxd.jpg); }
	#Nurburgring { background-image:url(../images/web/thumbs/nurburg.jpg) }
	#TTShop { background-image:url(../images/web/thumbs/ttshop.jpg); }
	#Ulting { background-image:url(../images/web/thumbs/ultingcattery.jpg); }
	#Coherent { background-image:url(../images/print/thumbs/coh1.jpg); }
	#eParts { background-image:url(../images/print/thumbs/eparts.jpg); }
	#Forge { background-image:url(../images/print/thumbs/for3.jpg); }
	#Deva { background-image:url(../images/illustration/thumbs/deva2.jpg); }
	#lindy { background-image:url(../images/illustration/thumbs/lin6.jpg); }
	#squirrel { background-image:url(../images/illustration/thumbs/dalek.jpg); }
	#chernobyl { background-image:url(../images/photography/thumbs/chernobyl.jpg); }
	#derelict { background-image:url(../images/photography/thumbs/derelict.jpg); }
	#floral { background-image:url(../images/photography/thumbs/floral.jpg); }
	#landscapes { background-image:url(../images/photography/thumbs/landscape.jpg); }
	#light { background-image:url(../images/photography/thumbs/lightpainting.jpg); }
	#underground { background-image:url(../images/photography/thumbs/underground.jpg); }*/
	
.aboutlist { float:left; list-style:none; width:180px; } 
	.aboutheader { font-weight:bold; }
	
label { color:#999; line-height:30px; font-size:12px; }
.contact { float:left; width:220px; margin:0px 30px 15px 0px; }
	.contact input { border:1px solid #2d2d2d; background:#1c1c1c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; -moz-box-shadow:inset 1px 1px 1px #111; -webkit-box-shadow:inset 1px 1px 1px #111; box-shadow:inset 1px 1px 1px #111; width:210px; color:#ccc; }
	textarea { border:1px solid #2d2d2d; background:#1c1c1c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; -moz-box-shadow:inset 1px 1px 1px #111; -webkit-box-shadow:inset 1px 1px 1px #111; box-shadow:inset 1px 1px 1px #111; width:710px; height:100px; color:#ccc; font-family:Arial, Helvetica, sans-serif; }
	#send { background:#999; border:0px; padding:10px 30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; color:#000; font-size:16px; letter-spacing:1px; text-shadow:0px -1px 0px #b4b4b4; box-shadow:1px 1px 1px #111; -moz-box-shadow:1px 1px 1px #111; -webkit-box-shadow:1px 1px 1px #111; margin:15px 0px 50px 0px; font-family:"Josefin Slab", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; }
		#send:hover { background:#ccc; color:#333; }
		#send:active { background:#ccc; color:#333; margin:16px 0px 49px 1px; box-shadow:0px; -moz-box-shadow:0px; -webkit-box-shadow:0px; }
		
#footer { border-top:1px solid #666; float:left; width:720px; margin-left:70px; text-align:center; font-size:12px; letter-spacing:1px; }
	#footer .navigation { font-size:16px; margin:20px 0px 15px 0px; }

.popup { display:none; filter:inherit; }
	.popup_overlay { position:fixed; top:0; left:0; background:url(../images/bg.jpg) top left repeat fixed #252223; width:100%; height:100%; z-index:9997; filter:inherit; }
	.popup_frame { position:absolute; top:0; left:0; width:100%; text-align:center; cursor:pointer; z-index:9998; filter:inherit; }
		.popup_content { position:relative; width:720px; text-align:left; margin:auto; z-index:9999; filter:inherit; }
	.close { display:block; height:145px; width:145px; position:fixed; top:0; left:0; background:url(../images/CLICK.png) top left no-repeat; z-index:9999; filter:inherit; }
	
#toparrow1 { background:url(../images/arrows.png) 143px -19px no-repeat; padding-right:25px; width:100px; }
	#toparrow1:hover { background-position:143px 0px; }