/* Styles for screen media */

/*

-----------------------------------------------

Taratoga Style Sheet

Author:   morphay

Version:  2006.07



www.morphay.de



----------------------------------------------- */



html, body, div, p, h6 {font: 11px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #1a1a1a; cursor: default;}

body {margin: 10px; padding: 0; background: #1a1a1a url("images/bodybg1.gif") repeat fixed;}

img {border: 0;}



/* 

LINKS --------------------- */



a:link, a:active, a:visited {font-weight: normal; color: #1a1a1a; border-bottom: 1px solid #FAB700; text-decoration: none;}

a:hover {background: #fab700; text-decoration: none; border-bottom: 1px solid #1a1a1a;}

a img {border: 0; border-bottom: none !important; background: none;}

a:link.box, a:active.box, a:visited.box {border: 1px solid #fff;}

a:hover.box {border: 1px solid #fab700;}

a.morph:link, a.morph:active, a.morph:visited {color: #000; text-decoration: none; border: none;}

a.morph:hover {color: #fab700; background: #000;}

a:link.none, a:active.none, a:visited.none, a:hover.none {border: none; text-decoration: none; background: none; padding: 0; margin: 0;}

a:link.img, a:active.img, a:visited.img, a:hover.img {border: none; text-decoration: none; background: none; padding: 0; margin: 0;}




/* 

COMMON --------------------- */

h1 {padding: 0; margin: 0;}

h2 {font: 28px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 30px; font-weight: normal; padding: 0 15px 0 5px; margin-bottom: 10px;}

h3 {font: 20px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; width: 425px; font-weight: normal; padding: 0 15px 0 5px; margin: 15px 15px 10px 10px; width: 400px;}

h3 b {display: block; width: 100%; border-top: 1px dotted #1a1a1a;}

h4 {font: 16px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 15px 0 15px;}

p {margin: 0; padding: 0 15px 10px 15px; line-height: 150%;}

hr {display: none;}

.mo {padding-bottom: 15px; text-align: left;}





/*
HEAD AND NAVIGATION ---------------------- */

#logo {background: transparent url("images/topepione.gif") no-repeat; height: 124px;}

	#logo h1 strong {display: none; margin: 0; padding: 0;}
	
#makingoff #logo, #impress #logo {background: transparent url("images/topwork.gif") no-repeat; height: 124px;}


#navholder {position: relative; top: 79px; left: 241px !important; width: 510px; z-index: 99;}

#nav {margin: 0; padding: 0; list-style: none;}

#nav a {text-decoration: none; border: none;}

	#nav li {display: block; float: left; height: 22px;}

	#nav li a {display: block; height: 22px; padding: 0 !important;}

	#nav li a:hover {border: none; text-decoration: none;}

	#nav li a strong {display: none;}

	#nav li strong {display: none;}

	#nav li#hm {display: none;}

	#nav li#nav-about {width: 51px; background: transparent url("images/about_on.gif") no-repeat;}

	#nav li#nav-makingoff {width: 89px; background: transparent url("images/making_on.gif") no-repeat;}

	#nav li#nav-gallery {width: 69px; background: transparent url("images/gallery_on.gif") no-repeat;}

	#nav li#nav-imprint {width: 62px; background: transparent url("images/imprint_on.gif") no-repeat;}

	#nav li#nav-space {width: 135px; background: transparent}

	#nav li#nav-email {width: 20px; background: transparent url("images/email_on.gif") no-repeat;}

	#nav li#nav-friends {width: 28px; background: transparent url("images/friends_on.gif") no-repeat;}
	
	#nav li#nav-impress {width: 22px; background: transparent url("images/impress_on.gif") no-repeat;}

		li#nav-about a {background: transparent url("images/about_off.gif") no-repeat;}
		
		li#nav-about a:hover {background: transparent url("images/about_on.gif") no-repeat;}

		li#nav-makingoff a {background: transparent url("images/making_off.gif") no-repeat;}
		
		li#nav-makingoff a:hover {background: transparent url("images/making_on.gif") no-repeat;}

		li#nav-gallery a {background: transparent url("images/gallery_off.gif") no-repeat;}
		
		li#nav-gallery a:hover {background: transparent url("images/gallery_on.gif") no-repeat;}

		li#nav-imprint a {background: transparent url("images/imprint_off.gif") no-repeat;}
		
		li#nav-imprint a:hover {background: transparent url("images/imprint_on.gif") no-repeat;}

		li#nav-email a {background: transparent url("images/email_off.gif") no-repeat;}
		
		li#nav-email a:hover {background: transparent url("images/email_on.gif") no-repeat;}

		li#nav-friends a {background: transparent url("images/friends_off.gif") no-repeat;}

		li#nav-friends a:hover {background: transparent url("images/friends_on.gif") no-repeat;}
		
#skip {display: none;}

	

#banner {background: #fab700 url("images/bannerepione.jpg") no-repeat; height: 164px; border-left: 15px solid #fab700; border-right: 15px solid #fab700;}

	#banner h1 strong {display: none;}
	
#makingoff #banner {background: #fab700 url("images/workflow.jpg") no-repeat; height: 164px; border-left: 15px solid #fab700; border-right: 15px solid #fab700;}

#impress #banner {background: #fab700 url("images/impress.jpg") no-repeat; height: 164px; border-left: 15px solid #fab700; border-right: 15px solid #fab700;}	





/*
CONTENT ---------------------- */

#content {float: left; width: 686px; background-color: #fff; border-left: 15px solid #fab700; border-right: 15px solid #fab700;}

	#content h2 {width: 400px; margin: 0; padding: 0 0 25px 15px;}
	
	#content p {width: 400px;}
	
	#content p span {color: #999; margin: 0 0 15px 0;}
	
	#content h5 {font-size: 10px; line-height: 14px; text-transform: uppercase; margin: 0; padding: 25px 15px 10px 15px; font-weight: normal;}

	#content li {float: left; width: 400px; padding: 0 0 5px 0;}
	
	#content ol {list-style-type: decimal-leading-zero;}
	
#gallery #content p, #gallery #content h3 {width: auto;}
	
#gallery #content h3 span {padding-top: 0;}

#gallery #content h2 {padding-bottom: 0; width: auto;}

#gallery #content table {width: 100%; border: none;}

#gallery #content td {width: 33%; vertical-align: top; background: #1a1a1a;}

#gallery #content td p {width: auto; margin: 0; padding: 0; line-height: 110%; font-size: 10px; text-align: left; color: #fff; margin: 0 5px 5px 15px;}

#gallery #content td a {color: #fff;}

#gallery #content td a:hover {color: #1a1a1a;}

	
#newpic table {width: 100%; border: none; background: #1a1a1a;}

#newpic td {width: auto; vertical-align: middle;}

#newpic td p {width: auto; margin: 0; padding: 0; line-height: 110%; font-size: 10px; text-align: left; color: #fff; margin: 0 5px 5px 15px;}

#newpic h4 {color: #fff; margin-top: 25px;}

	

#linkbox {display: block; float: right; width: 216px; height: auto; margin: 4px 4px 4px 25px; padding-bottom: 25px;}

	#linkbox p {width: auto; font-size: 11px; line-height: 140%;}
			
	#linkbox a {font-size: 11px; line-height: 140%;}

	#linkbox h4 {font: 14px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin: 10px 13px 10px 13px; padding: 0 2px 0 2px;}

	#linkbox p strong {text-transform: uppercase;}
	

#imagebox {clear: both; display: block; float: right; width: 216px; margin: 4px 4px 4px 25px; padding-bottom: 25px; padding-top: 25px; border: 1px solid #000; text-align: center;}

	#imagebox p {font-size: 11px; line-height: 140%;}
	
		#tango #imagebox p, #work #imagebox p {padding-bottom: 3px;}
	
	#imagebox h4 {display: block; font-size: 11px; color: #000; line-height: 14px; letter-spacing: 1pt; font-weight: bold; background-color: #fab700; text-transform: uppercase; margin: 10px 13px 10px 13px; padding: 0 2px 0 2px;}

	#imagebox p strong {text-transform: uppercase;}
	
		#tango #imagebox p strong, #work #imagebox p strong {display: none;}


#rightside {float: right; width: 216px; margin: 0; background: #ccc; border-right: 15px solid #fab700;}

	#rightside p {font-size: 11px; line-height: 140%;}
	

#main {margin: 0; background: #fff; border-left: 15px solid #fab700; border-right: 15px solid #fab700;}


#media {padding-left: 13px;}


#ani {display: block; width: 216px; height: 128px;}

	#ani a {display: block; width: 216px; height: 128px; text-decoration: none; border: none; background: transparent url("images/tango/busterjump.jpg") no-repeat top center;}
	
	#ani a:hover {text-decoration: none; border: none; background: transparent url("images/tango/busterjump.gif") no-repeat top center;}
	




/*
FOOTER ---------------------- */

#footer {clear: both; padding: 15px 0 0 0; background: transparent url("images/bottom.gif") no-repeat; margin-bottom: 0;}

	#footer p {font-size: 10px; padding: 18px 0 0 15px;}
	
	#footer p span {letter-spacing: 1px; text-transform: uppercase; font-weight: bold;}
	
#morphay {display: block; width: 100%; height: 16px; float: right; margin: 0; background: #fab700; text-align: right;}
	




/*
MISC ------------------------ */

#container {width: 716px; margin: 0; margin-left: auto; margin-right: auto; background: #fab700; border: 1px solid #1a1a1a;}

#top {display: none;}