/**
 * Imported external css-files
 */

@import url("smooo/reset.css");
@import url("smooo/grid.css");
@import url("smooo/typo.css");
@import url("smooo/form.css");
/* @import url("table.css"); */


@font-face {
      font-family: AmericanTp;
      src: url(/media/fonts/americantypewriter.ttf) format("truetype");
      }

@font-face {
      font-family: Chalkboard;
      src: url(/media/fonts/chalkboard.ttf) format("truetype");
      }



/* ---------------------  STANDARD TAGS --------------------- */

body
	{
	font-family: Palatino, Georgia, "Times new roman", times, serif;
	background: #fff;
	margin: 10px;
	color: #646464;
	}
	
body#smooo
	{
	font-family: Palatino, Georgia, "Times new roman", times, serif;
	background: #e1dfd7;
	margin: 0px;
	margin-bottom: 15px;
	color: #646464;
	}

li, fieldset p
	{
	font-size: 1.2em;
	}
	
li ul li
	{
	font-size: 1em
	}
	
h1, h2, h3, h4, h5, h6
	{
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	color: #3a3a3a;
	}

h1
	{
	font-size: 3.8em;
	letter-spacing: -0.05em
	}
	
h2
	{
	font-size: 2.2em;
	}
	
.headerBorder
	{
	border-bottom: 1px solid #303030
	}
	
	
h3
	{
	color: #867c61;
	font-size: 1.7em;
	line-height: 1.4em
	}
	
h4
	{
	font-size: 1.2em;
	padding: 6px 0px 3px 0px;
	text-transform: uppercase;
	line-height: 1.2em;
	border-top: 1px solid #e3e0da;
	border-bottom: 1px solid #e3e0da;
	}

a, a:visited
	{
	outline: none;
	color: #000
	}

a:hover
	{
	color: #444
	}
	
div#all
	{
	background: #f5f3ec url(/media/gfx/bg.gif) repeat-x;
	border-bottom: 1px solid #fff;
	padding-bottom: 23px;
	}
	
div#top
	{
	height: 90px;
	}
	
	
a#logo
	{
	float: left;
	display: block;
	width: 219px;
	height: 58px;
	background: url(/media/gfx/smooo_looogo.gif) no-repeat;
	margin: 14px 0px 0px 15px;
	_margin: 14px 0px 0px 10px;
	}
	
div#content
	{
	background: #fff;
	border: 1px solid #dddad2;
	padding: 54px 0px 40px 0px;
	margin-top: 18px;
	}
	
div.contentInner
	{
	width: 730px;
	margin-left: 70px;
	}
	
div.dogEar
	{
	width: 40px;
	height: 46px;
	margin-top: -55px;
	margin-right: -1px;
	float: right;
	background: url(/media/gfx/dog_ear.gif) no-repeat;
	_display: none
	}

.startIngress
	{
	height: 250px;
	color: #4d73a3
	}
	
.startIngress:first-letter
	{
	padding: 4px 0px 4px 22px;
	background: url(/media/gfx/startingress_initial.gif) 0px 8px no-repeat;
	.background: url(/media/gfx/startingress_initial.gif) 0px 4px no-repeat;
	}

.puffs .span-6
	{
	width: 234px
	}

.puffs div
	{
	margin-bottom: 0px;
	}

.puffs div h2
	{
	color: #466c48;
	font: 2.5em "Comic sans ms", AmericanTp;
	margin-bottom: -0.2em;
	padding-left: 61px;
padding-top: 10px;
padding-bottom: 4px;
	_padding-left: 10px;
	overflow: hidden;
	white-space: nowrap
	}

.puffs div span
	{
border-bottom: 7px solid #a4c97b;
display: block;
	}

.puffs div p
	{
	color: #4d73a3;
	font-size: 1.7em;
	padding: 10px 15px 20px 15px;
	background: url(/media/gfx/box_bg.gif) bottom no-repeat;
	}	

.puffs div.flower1 h2
	{
	background: url(/media/gfx/ico_bottle.png) 4px bottom no-repeat;
	}

.puffs div.flower2 h2
	{
	background: url(/media/gfx/ico_scale.png) left bottom no-repeat;
	}
	
.puffs div.flower3 h2
	{
	background: url(/media/gfx/ico_tools.png) 10px bottom no-repeat;
	}
	
.puffs div.flower4 h2
	{
	background: url(/media/gfx/ico_mouse.png) left bottom no-repeat;
	}

.puffs div.flower5 h2
	{
	background: url(/media/gfx/ico_dumbbell.png) left bottom no-repeat;
	}

.puffs div.flower6 h2
	{
	background: url(/media/gfx/ico_heart.png) 10px bottom no-repeat;
	}

#footer
	{
	margin: auto;
	padding-left: 0px;
	width: 870px;
	text-align: left;
	margin-top: 12px;
	font: 1em arial, helvetica, san-serif
	}
	
#footer a, #footer a:visited
	{
	color: #5f5b4c
	}
	
#footer p
	{
	float: none;
	line-height: 1.7em
	}
	
#footer p img
	{
	float: none;
	margin: 0px 0px -4px 5px;
	}
	
.cow
	{
	width: 170px;
	height: 384px;
	margin-right: 80px;
	_margin-right: 40px;
	background: url(/media/gfx/cow.gif) no-repeat;
	}
	
.checkers ul
	{
	list-style: none;
	margin: 0;
	padding: 0
	}
	
.checkers ul li
	{
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 0px 40px;
	background: url(/media/gfx/checkbox.gif) no-repeat;
	height: 2em;
	font: 18px arial, helvetica, san-serif;
	color: #54524b
	}
	
.checkers span
	{
	color: #ada07d
	}
	
fieldset
	{
	border-top: 1px solid #646464;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-left: 0;
	padding-right: 0;
	}
	
legend
	{
	padding-right: 5px;
	}
	

fieldset.exampleDiv
	{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #dddad2;
	padding: 0px 28px 20px 28px;
	*padding: 0px 28px 20px 28px;
	}
	
fieldset.exampleDiv ul
	{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	}
	
fieldset.exampleDiv li
	{
	list-style: none;
	padding-left: 20px;
	margin-left: 0px;
	background: url(/media/gfx/check.gif) 0px 0.4em no-repeat
	}
	
fieldset.exampleDiv li ul li
	{
	margin-left: 5px;
	padding-left: 15px;
	background: url(/media/gfx/dot.gif) 0px 0.5em no-repeat
	}
	
.exampleDiv legend
	{
	font-size: 1.8em;
	font-weight: normal;
	line-height: 3em;
	_margin-top: 1em;
	*margin-left: -6px;
	}
	
.exampleDiv div.image
	{
	float: right;
	width: 140px;
	margin: 0px 0px 0px 20px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	text-align: center
	}
	
.exampleDiv div.image2
	{
	width: 190px;
	}
	
.exampleDiv div.image3
	{
	width: 270px;
	}

p.type
	{
	font: 1em arial, helvetica, san-serif;
	display: inline;
	padding: 5px;
	color: #b3a020;
	background: #fbf8e0;
	border: 1px solid #ece4a4;
	}

li
	{
	margin-top: 0.5em
	}

img.thumb
	{
	border: 3px double #ddd;
	margin-top: 5px
	}

a.toggler, a.goNext
	{
	margin: auto;
	display: block;
	width: 120px;
	padding-top: 9px;
	height: 31px;
	font: 18px Arial, helvetica, san-serif;
	color: #da5b01;
	text-decoration: none;
	background: url(/media/gfx/toggler_bg.gif) no-repeat;
	cursor: pointer
	}

a.goNext
	{
	width: 160px;
	padding-right: 20px;
	background: url(/media/gfx/go_bg.gif) no-repeat;
	}

a.toggler:hover, a.goNext:hover
	{
	color: #fd7e24;
	}


/* ---------------------  MENU --------------------- */


#menu
	{
	z-index: 20;
	position: relative;
	height: 55px;
	margin: 40px 0px 0px 0px;
	_margin: 46px 0px 0px 0px;
	text-align: right;
	float: right;
	}

#menu ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 5px;
	height: 50px;
	float: right;
	}

#menu ul li
	{
	margin: 0;
	float: right;
	position: relative;
	height: 50px;
	padding-left: 0px;
	margin-left: 5px;
	}

#menu ul li a, #menu ul li a:link
	{
	color: #797e81;
	font: normal 14px "trebuchet MS", "times new roman", times, serif;
	line-height: 23px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 14px 20px 0px 20px;
	_padding: 7px 20px 1px 20px;
	height: 29px;
	background: #3a3a3a;
	outline: none;
	border-bottom: 7px solid #da5b01
	}

#menu ul li a:visited
	{
	padding: 14px 20px 0px 20px;
	_padding: 7px 20px 7px 20px;
	}


/* ---------------------  SUBMENU */

#menu ul li ul
	{
	position: absolute;
	width: 180px;
	background: #344d70;
	top: 29px;
	left: 0px;
	display: none;
	}

#menu ul li ul li a, #menu ul li ul li a:link
	{
	height: 20px;
	background: #252525;
	color: #fff;
	font-size: 14px;
	display: block;
	float: none;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 5px;
	border-top: 2px solid #fff;
	}

#menu li ul li a
	{
	font-weight: normal;
	}
	
#menu ul.under li a:hover
	{
	background: #505050;
	color: #fff;
	}
	
/* ---------------------  /SUBMENU */


#menu ul li a:hover
	{
	outline: none;
	background: #3a3a3a url(/media/gfx/hover.gif) top right no-repeat;
	border-bottom: 7px solid #f87d26
	}
	
#menu ul li a.activeLink:hover
	{
	background: #da5b01 url(/media/gfx/active.gif) top right no-repeat;
	color: #fff;
	}

#menu li.activeLink
	{
	color: #521e34;
	}

#menu li a.activeLink
	{
	background: #da5b01 url(/media/gfx/active.gif) top right no-repeat;
	color: #fff;
	}

/* Fix IE. Hide from IE Mac \*/
* #menu ul li { _float: left; }
* #menu ul li a { _height: 1%; }
/* End */

#menu ul li:hover ul, #menu ul li.over ul
	{
	display: block;
	background: #474747 url(/media/gfx/under_hover.gif) repeat-x;
	}


/* ---------------------  BOTTOM MENU --------------------- */

#bottomMenu
	{
	clear: both;
	z-index: 20;
	position: relative;
	height: 24px;
	margin: -1px 0px 0px 0px;
	text-align: right;
	border-right: 1px solid #e6e3db;
	border-left: 1px solid transparent;
	_border-left: 1px solid #f5f3ec;

	}
	
#bottomMenu ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 5px;
	height: 24px
	}
	
#bottomMenu ul li
	{
	float: right;
	position: relative;
	height: 24px;
	padding-left: 0px;
	margin: 0
	}
	
#bottomMenu ul li a, #bottomMenu ul li a:link
	{
	color: #807b68;
	font: normal 11px "trebuchet MS", "times new roman", times, serif;
	line-height: 19px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 3px 15px 0px 15px;
	height: 21px;
	background: #fbfbf8;
	outline: none;
	border-left: 1px solid #e6e3db;
	border-bottom: 1px solid #e6e3db;
	border-top: 1px solid #e6e3db;
	}
	
#bottomMenu ul li a:hover
	{
	outline: none;
	background: #fff url(/media/gfx/hover2.gif) top right no-repeat;
	padding-top: 4px;
	}
	
#bottomMenu li a.activeLink
	{
	background: #fff;
	color: #000;
	border-top: 1px solid #fff;
	padding-top: 4px;
	}
	
/* ---------------------  overrides --------------------- */

div#chiabataImage
	{
	margin-bottom: 1em
	}

.formSubmit input
	{
	background: #eee;
	color:#000;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	margin:5px 15px 1px 0px;
	border: 1px solid #c8c8c8;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	cursor:pointer;
	outline: none;
	text-decoration: none;
	text-align: left;
	padding: 0;
	padding: 6px 10px 6px 10px;
	_padding: 3px 8px 3px 8px;
	width: auto;
	overflow: visible;
	}
	
.formSubmit input:hover
	{
	background: #efefef
	}
	
.error ul
	{
	font-family: arial, helvetica, verdana
	}