/*BASE STYLES*/
html { background: url(../img/bg.png) center; }
body { background: url(../img/pattern.jpg) 50% 475px repeat-y; }
.wrap { background: url(../img/top.jpg) no-repeat; width: 1062px; margin: 0 auto; }
.inn { background: url(../img/bottom.png) bottom no-repeat; padding-bottom: 38px; }

a { text-decoration: none; color: #3d2000; }
a:hover { text-decoration: underline; }


/*HEADER*/
#header { padding: 20px 0 0; position: relative; overflow: hidden; zoom: 1; }
#header #logo { display: block; background: url(../img/logo.jpg) no-repeat; width: 215px; height: 134px; text-indent: -999em; margin: 0 0 5px 425px; }
#header #logo a { display: block; width: 215px; height: 134px; outline: none;}
#header #nav { background: url(../img/nav.gif); height: 32px; padding: 10px 0 13px; padding-left: 24px; margin: 0 19px; overflow: hidden; }
#header #nav li { background: url(../img/navli.png) no-repeat; width: 224px; height: 28px; float: left; _display: inline; margin-left: -24px; font-size: 1.8em; text-align: center; padding: 2px 0; }
#header #nav li a, #header #nav li strong { display: inline-block; color: #fffaea; height: 28px; line-height: 28px; width: 146px; position: relative; }
#header #nav li strong { color: #e69b39; }
#header #nav li a span, #header #nav li strong span { width: 146px; height: 28px; position: absolute; top: 0; left: 0; cursor: pointer; }
/*#header #nav li a:hover span { background-position: bottom; }*/
#header #nav li strong span { cursor: auto; background-position: bottom; }
	#header #nav li.menu span { background-image: url(../img/nav_menu.gif); }
	#header #nav li.gal span { background-image: url(../img/nav_gal.gif); }
	#header #nav li.media span { background-image: url(../img/nav_media.gif); }
	#header #nav li.partner span { background-image: url(../img/nav_partner.gif); }
	#header #nav li.news span { background-image: url(../img/nav_news.gif); }
	#header #nav li.response span { background-image: url(../img/nav_response.gif); }
#header #lang { position: absolute; top: 141px; right: 7px; overflow: hidden; color: #b76800; display: none; }
#header #lang li { background: url(../img/slash.gif) 0 50% no-repeat; padding: 0 12px 0 8px; margin: 0 0 0 -8px; float: left; _display: inline; }
#header #lang li a { color: #3d2000; }

#header .flash { margin: 6px 0 0 33px; float: left; _display: inline; }

/* SUBMENU Widget */
.submenu { background: url(../img/submenu.gif) -201px 100% no-repeat; width: 201px; padding: 0 0 13px; }
.submenu ul { background: url(../img/submenu.gif) 0 0 no-repeat; padding: 13px 0 0; overflow: hidden; font-size: 1.4em; line-height: 1.3; }
.submenu ul li { background: url(../img/submenu.gif) -402px 100% no-repeat; padding: 6px 0 7px; margin-bottom: -2px; }
.submenu ul li a, .submenu ul li span { display: inline-block; background: url(../img/submenu.gif) -603px 0.2em no-repeat; padding-left: 31px; }
.submenu ul li span { color: #b76800 }
#header .submenu { margin: 43px -12px 0 31px; float: left; _display: inline; }
.side .submenu { margin-top: 29px; }

#content .teaser { text-align: center; margin: 2em 0; }

/* CONTENT */
#content { overflow: hidden; zoom: 1; color: #3a4147; }
/*#content.ml { padding: 0 0 0 2px; }*/
#content .main { margin: 0 22px; _display: inline; }
#content.ml .main { width: 789px; margin: 0 22px 0 22px; float: left; }
#content.mr .main { width: 789px; margin: 0 22px 0 20px; float: right; }
#content.ml .side { width: 190px; margin: 0 0 0 8px; padding: 40px 0 0; float: left; _display: inline; }
#content.mr .side { width: 201px; float: right; _display: inline; }
#content.f .main { width: 589px; margin: 0 49px 0 22px; float: left; }
#content.f .side { width: 370px; margin: 0; padding: 57px 0 0; float: left; _display: inline; }
/* CONTENT Text */
#content h1 { font-size: 3em; color: #455b48; margin: 0.4em 0 0; font-weight: normal; background: url(../img/h1line.gif) 0 0.9em repeat-x; }
#content h1 span { margin: 0 29px; padding: 0 11px; background: url(../img/h1patch.gif) 0 0.85em repeat-x; }
#content h2 { font-size: 1.8em; color: #3d2000; font-weight: normal; margin: 1.25em 15px 0.7em; padding: 0 25px; }
#content h2.mark { background: url(../img/mark.gif) 0 0.4em no-repeat; }
#content h2.photo { background: url(../img/camera.jpg) 0 0.2em no-repeat; margin-left: 9px; padding-left: 31px; }
#content p { font-size: 1.4em; line-height: 1.25em; margin: 0 40px 1.25em; }
#content p img { float: left; clear: left; margin: 0 15px 10px 0; }
#content p img.frame { padding: 16px 18px; background: url(../img/frame.jpg); }
/*CONTENT News*/
#content .news { margin-right: -53px; }
#content .news .entry { margin: 0 0 0 0; display: inline-block; #display: inline; #zoom: 1; width: 330px; vertical-align: top; }
#content .news h2, #content .newslist h2 { background-position: 0 1.85em; }
#content .news h2 .date, #content .newslist h2 .date { color: #8b8267; font-size: 0.77em; display: block; margin: 0 0 0.7em; font-style: italic; }
#content .news .entry p { margin-right: 10px; }
/* CONTENT Intro */
#content .intro { background: url(../img/longline.gif) top no-repeat; color: #455b48; font-style: italic; padding-top: 28px; clear: both;}
#content .intro h1 { font-size: 1.5em; margin: 0 40px 7px; background: none; }
/*CONTENT Banner*/
#content .banner { margin: 0 0 10px; display: block; }
/*CONTENT Gallery*/
#content .gal { margin: 22px -20px 0 38px; }
#content .gal a { display: inline-block; padding: 16px 18px; background: url(../img/frame.jpg); margin: 0 31px 18px 0; }
#content.mr .gal a { margin: 0 19px 18px 0; }
/*CONTENT Menu*/
#content .menu { overflow: hidden; margin: -0.5em 0 1.25em; }
#content .menu .course { background: url(../img/hr.gif) bottom repeat-x; padding: 0 0 2px; margin: 0 0 -2px 40px; }
#content .menu .course p { display: inline-block; #display: inline; #zoom: 1; width: 669px; margin: 0.7em 0 0.5em 0; vertical-align: top; }
#content .menu .course .cost { display: inline-block; #display: inline; #zoom: 1; width: 55px; margin: 0.5em 0; text-align: right; font-size: 1.2em; line-height: 1.25em; vertical-align: top; }
/*CONTENT Form*/
#content .side form { font-size: 1.4em; color: #455b48; margin-bottom: 1.25em; }
#content .side form label { display: block; }
#content .side form .text input { padding: 2px 6px; width: 276px; }
#content .side form .textarea textarea { padding: 2px 6px; width: 336px; }
#content .side form .submit { margin-top: 14px; }
#content .side form .submit input { background: url(../img/submit.gif); border: none; color: #fff; font-size: 0.9em; width: 210px; height: 32px; line-height: 32px; }
/*CONTENT Pages*/
#content .pages { color: #3d2000; font-size: 1.4em; text-align: center; margin-top: 1.5em; }
#content .pages p { display: -moz-inline-block; display: inline-block; #display: inline; #zoom: 1; padding: 0 46px; margin: 0; font-size: 1em; }
#content .pages a, #content .pages strong { display: -moz-inline-block; display: inline-block; #display: inline; #zoom: 1; margin: 0 8px; }
#content .pages a { color: #3d2000; }
#content .pages a.back, #content .pages a.forward { width: 38px; height: 19px; text-indent: -999em; outline: none; margin: 0; }
#content .pages a.back { background: url(../img/leftright.gif) left no-repeat; position: relative; left: -46px; margin-right: -38px; }
#content .pages a.forward { background: url(../img/leftright.gif) right no-repeat; position: relative; right: -46px; margin-left: -38px; }
#content .pages strong { color: #e69b39; }

/*FOOTER*/
#footer { clear: both; zoom: 1; padding-top: 36px; overflow: hidden; _zoom: 1; margin-top: 20px; background: url(../img/footer.gif) 22px 0 no-repeat; }
#footer p img { float: none; clear: none; padding: 0; background: none; margin: 0; }

#footer .copy { background: url(../img/copy.gif) no-repeat; margin: 0 0 0 51px; padding: 3px 0 4px 40px; color: #455b48; font-size: 1.1em; line-height: 1.1; float: left; _display: inline; }
#footer .counters { float: right; margin: 0 20px; }
#footer .by { background: url(../img/decafe.gif) no-repeat; width: 111px; margin: 2px 35px 0 0; padding: 0 0 5px 62px; float: right; color: #455b48; font-size: 1.1em; line-height: 1.1; }
#footer .by strong { text-decoration: underline; font-weight: normal; }
#footer .by:hover, #footer .by:hover strong { text-decoration: none; }

.ml #footer { background-image: url(../img/footer_ml.gif); }
.ml #footer .counters { float: right; margin: 0 80px; }
.mr #footer { background-image: url(../img/footer_mr.gif); }