@charset "UTF-8";

/* ------ Reset ------- */

body {
	padding:0;
	margin:0;
	font:15px Arial,Helvetica,Garuda,sans-serif;
	*font-size:small;*font:x-small;
	background-color: gray;
	height: 100%;
}
h1, h2, h3, h4, h5, h6, ul, li, pre, code {
	padding:0;
	margin:0;
	line-height:1em;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
}
table {
	font-size:inherit;font:100%;
}
ul {
	list-style:none;
}
img {
	border:0;}
p {
	margin:1em 0;
	line-height: 1.4em;
}
img, div  {
	behavior: url(iepngfix.htc);
}
a {
	color: #1ab4ed;
	text-decoration: none;
}

a:hover {
	color: #f4a738;
	text-decoration: none;
}

/* ------Type------ */

body {
	font-family:arial,sans-serif;
	font-size:small;
	color: #656565;
}
h1 { 
	font-weight: bold; color: #494339;
	font-size: 1.3em;
}
h3 {
	font-weight: bold;
	color: #494339;
	line-height: 1.5em;
	padding-top: 10px;
	font-size: 1.1em;
}

.date {
	font-size: 11px;
	color: gray;
	padding-top: 2px;
	display: block;
	padding-bottom: 2px;
}

/* ------ Layout ------- */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: #423f37;
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 960px;
	background: white no-repeat;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#home #header {
	background: white url(images/bg_home.png) no-repeat;
	height: 500px;
}
div#logo {
  background-color: transparent;
  position: relative;
  width: 292px;
  height: 170px;
  z-index: 2;
}
#header {
	background: white url(images/bg.png) no-repeat;
	height: 177px;
}
div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
div#overlap {
  float: left;
  overflow: hidden;
  width: 292px;
}
div#underlap {
  margin-left: 370px;
  position: relative;
  z-index: 1;
}
#home #content {
	background: url(images/bg_home_ss.png) no-repeat;
}
#content {
	
}
div#contactstub {
	height: 110px;
	background: url(images/bg_separator.gif) no-repeat;
	padding: 30px 30px 30px 50px;
}
#partners {
	background: none no-repeat;
	width: 240px;
	float: right;
}
	.partnerlogo {
		float: left;
		z-index: 5;
		visibility: visible;
		padding: 10px;
		margin-right: 0;
	}
div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background: #423f37 0;
	text-align: center;
	height: 50px;
	padding-top: 15px;
}
	div#footer p {
		font-size: 10px;
		color: #867b65;
		padding:1em;
		margin:0;
}
div#bodycopy {
	margin: 0 65px 0 370px;
}
div#bodycopy ul {
	margin-left: 15px;
	margin-top: 10px;
	display: block;
}
div#bodycopy li {
	list-style-type: disc;
	padding-top: 5px;
}

/* homepage */

div#homespiel {
	margin: 0 auto;
	overflow: visible;
}

#home #home_ss {
	width: 370px;
	height: 250px;
	float: left;
}
	div#slideshow {
	border: 1px solid #efefef;
	width: 280px;
	height: 187px;
	position: relative;
	top: 25px;
	left: 54px;
}

div#home_blurb {
	padding-top: 15px;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 195px;
}
	div#home_blurb p {font-size: 14px; line-height: 1.5em;
	margin: 10px 0 15px;
}

div#home_blurb img {display: block; float: left; padding: 8px;}

div#home_rsslinks {
	float: right;
	width: 170px;
	height: auto;
	margin-top: 12px;
}
div#home_rsslinks h1 {
	margin-bottom: 15px;
}
div#home_rsslinks .bloglink {
	display: block;
	padding-left: 0;
	padding-bottom: 3px;
	border-bottom: 1px dotted #d6d6d6;
	margin: 5px 30px 0 0;
	line-height: 1.2em;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div#newsinclude {
	width: 100%;
	height: auto;
    background: url(images/bg_fabfoto_news.png) no-repeat;
	padding-top: 25px;
}
	div#newsinclude .news {
	background: none no-repeat;
	width: 520px;
	margin-left: 220px;
	visibility: visible;
	line-height: 1.3em;
	margin-bottom: 25px;
}

/* sidebar images */

#sidebar {
	width:370px;
	float:left;
	height: 500px;
	background-repeat: no-repeat;
}

#about #sidebar {background-image:url(images/sidebg_about.png);}
#rates #sidebar {background-image:url(images/sidebg_rates.png);}
#products #sidebar {background-image:url(images/sidebg_products.png);}
#clients #sidebar {background-image:url(images/sidebg_clients.png);}
#faq #sidebar {background-image:url(images/sidebg_faq.png);}
#contact #sidebar {background-image:url(images/sidebg_contact.png);}

/* ------ Nav ------- */
html>body #nav {
	 overflow: visible;
}	
div#nav {
	display:inline;
	width:490px;
	height:55px;
	}
	#nav ul {margin:0; padding:0; list-style-type:none;}
	#nav li {float:left;}
	
	#nav li.about {background:transparent url(images/nav/nav-about.png);}
	#nav li.rates {background:transparent url(images/nav/nav-rates.png);}
	#nav li.products {background:transparent url(images/nav/nav-products.png);}
	#nav li.clients {background:transparent url(images/nav/nav-clients.png);}
	#nav li.faq {background:transparent url(images/nav/nav-faq.png);}
	#nav li.contact {background:transparent url(images/nav/nav-contact.png);}
	#nav li.gallery {background:transparent url(images/nav/nav-gallery.png);}
	
	#nav a {display:block; width:70px; height:0; padding-top:55px; color:#000; overflow:hidden;}
	
	#nav a#about {background:transparent url(images/nav/nav-about-up.png) -55px -70px no-repeat;}
	#nav a#rates {background:transparent url(images/nav/nav-rates-up.png) -55px -70px no-repeat;}
	#nav a#products {background:transparent url(images/nav/nav-products-up.png) -55px -70px no-repeat;}
	#nav a#clients {background:transparent url(images/nav/nav-clients-up.png) -55px -70px no-repeat;}
	#nav a#faq {background:transparent url(images/nav/nav-faq-up.png) -55px -70px no-repeat;}
	#nav a#contact {background:transparent url(images/nav/nav-contact-up.png) -55px -70px no-repeat;}
	#nav a#gallery {background:transparent url(images/nav/nav-gallery-up.png) -55px -70px no-repeat;}
	
	
	#nav a#about:hover {background-position:0 0; z-index:50;}
	#nav a#rates:hover {background-position:0 0; z-index:50;}
	#nav a#products:hover {background-position:0 0; z-index:50;}
	#nav a#clients:hover {background-position:0 0; z-index:50;}
	#nav a#faq:hover {background-position:0 0; z-index:50;}
	#nav a#contact:hover {background-position:0 0; z-index:50;}
	#nav a#gallery:hover {background-position:0 0; z-index:50;}
	
	/* hack for older versions of IE with incorrect box model */
	
	* html #nav a:link, * html #nav a:visited {height:55px; he\ight:0;}
	* html #nav a:hover {height:55px; he\ight:0;}
	
/* --Highlight current section-- */

/* section highlights */
#about a#about,
#rates a#rates,
#products a#products,
#clients a#clients,
#faq a#faq,
#contact a#contact,
#nav li a:hover {background-position:0 0; z-index:50;}


/* -----Image Replacement----- */

/* section titles */

#about h1,
#rates h1,
#products h1,
#clients h1,
#faq h1,
#contact h1 {
	display: block;
	background-repeat: no-repeat;
	background-color: transparent; 
	text-indent: -5000px;
	overflow: hidden; 
	height: 40px;
}

/* title images */

#about h1 { background-image: url(images/section_about.gif);}
#rates h1 { background-image: url(images/section_rates.gif);}
#products h1 { background-image: url(images/section_products.gif);}
#clients h1 { background-image: url(images/section_clients.gif);}
#faq h1 { background-image: url(images/section_faq.gif);}
#contact h1 { background-image: url(images/section_contact.gif);}


/* section blurbs */

#about h2,
#rates h2,
#products h2,
#clients h2,
#faq h2,
#contact h2 {
	display: block;
	background-repeat: no-repeat;
	background-color: transparent; 
	text-indent: -5000px;
	overflow: hidden; 
	height: 70px;
}

#about h2 { background-image: url(images/section_about_blurb.gif);}
#rates h2 { background-image: url(images/section_rates_blurb.gif);}
#products h2 { background-image: url(images/section_products_blurb.gif);}
#clients h2 { background-image: url(images/section_clients_blurb.gif);}
#faq h2 { background-image: url(images/section_faq_blurb.gif);}
#contact h2 { background-image: url(images/section_contact_blurb.gif);}

/* ----Products---- */
.product {
	background: url(images/product_separator.png) no-repeat;
	padding-top: 25px;
	height: auto;
	padding-bottom: 20px;
}
.product_annex {
	background: url(images/product_separatorlite.png) no-repeat;
	padding-top: 15px;
	height: auto;
	padding-bottom: 10px;
}
.item {width: 160px;float: left;}
.item p {line-height: 1.2em;}
.image {float: right;padding: 0 30px 0 0;
}

#magnet h1,
#bagtag h1,
#standee h1,
#cubeframe h1,
#jellyframe h1,
#woodenframe h1,
#keychain h1,
#fabbybag h1,
#tumbler h1,
#bookmagazine h1,
#bookslipin h1 {
	display: block;
	background-repeat: no-repeat;
	background-color: transparent; 
	text-indent: -5000px;
	overflow: hidden; 
	height: 32px;
}

#postcard h1 {background-image: url(images/label_postcard.gif);}
#magnet h1 {background-image: url(images/label_magnet.gif);}
#bagtag h1 {background-image: url(images/label_bagtag.gif);}
#standee h1 {background-image: url(images/label_standee.gif);}
#cubeframe h1 {background-image: url(images/label_cubeframe.gif);}
#jellyframe h1 {background-image: url(images/label_jellyframe.gif);}
#woodenframe h1 {background-image: url(images/label_woodenframe.png);}
#keychain h1 {background-image: url(images/label_keychain.gif);}
#fabbybag h1 {background-image: url(images/label_fabbybag.gif);}
#tumbler h1 {background-image: url(images/label_tumbler.gif);}
#bookmagazine h1 {background-image: url(images/label_bookmagazine.gif);}
#bookslipin h1 {background-image: url(images/label_bookslipin.gif);}