@charset "utf-8";
/* css document */

body { background:url("images/bg_body.jpg") #000 50% 0 no-repeat; }

#wrapper { width:100%; min-height:100%; margin:auto; padding:0; }

#header { width:955px; height:235px; margin:auto; }
#header.home { height:335px; }

#header img.title { width:auto; height:125px; position:absolute; bottom:30px; right:170px; }
#header.home img.title { bottom:110px; }

a.logo { text-indent:-999px; overflow:hidden; display:block; width:240px; height:155px; position:absolute; left:5px; top:55px; z-index:99; background:url("images/logo_main.png") 0 0 no-repeat; }

ul.nav { margin:43px 165px 0 0; padding:0; float:right; }
ul.nav li { list-style:none; margin:0 1px; padding:0; float:left; }
ul.nav li a { text-decoration:none; display:block; height:27px; float:left; margin:0; padding:0; font-weight:bold; cursor:pointer; }

ul.nav li a span { display:block; width:auto; height:100%; color:#FFF; font-size:11px; line-height:27px; }
ul.nav li a span.L { padding-left:12px; }
ul.nav li a span.R { padding-right:14px; }

ul.nav li a:hover span.L , ul.nav li.active a span.L { background:url("images/btn_nav_L.png") 0 0 no-repeat; }
ul.nav li a:hover span.R , ul.nav li.active a span.R { background:url("images/btn_nav_R.png") 100% 0 no-repeat; }
ul.nav li a:hover span.M , ul.nav li.active a span.M { background:url("images/btn_nav_M.png") 0 0 repeat-x; }

ul.leftnav { margin:-14px 0 20px 0; padding:0; }
ul.leftnav li { list-style:none; margin:0; padding:15px 0; display:block; background:url("images/bg_hrule.gif") 0 100% repeat-x; }
ul.leftnav li a { color:#FFF; text-decoration:none; display:block; margin:0; padding:0 0 0 30px; height:16px; line-height:16px; font-size:15px; background:url("images/btn_play.png") 0 100% no-repeat; }
ul.leftnav li a:hover , ul.leftnav li.active a { background-position:0 0; color:#00A9BC; } 

#content.full { width:955px; margin:auto; background:url("images/bg_content_full.png") 0 0 no-repeat; }
#content.full div.padding { width:auto; padding:20px; z-index:1; }

#content.twocol { width:955px; margin:auto; background:url("images/bg_content_twocol.png") 0 0 no-repeat; }
#content.twocol div.col-L { width:295px; float:left; }
#content.twocol div.col-R { width:660px; float:right; }
#content.twocol div.col-L div.padding { width:auto; padding:10px; z-index:1; margin:10px; }
#content.twocol div.col-R div.padding { width:auto; padding:10px; z-index:1; margin:10px 10px 10px 50px; }

#content.threecol { width:955px; margin:auto; background:url("images/bg_content_threecol.png") 0 0 no-repeat; }
#content.threecol div.col-L { width:256px; float:left; }
#content.threecol div.col-M { width:384px; float:left; }
#content.threecol div.col-R { width:314px; float:left; }
#content.threecol div.col-L div.padding { width:auto; padding:10px; z-index:1; margin:10px; }
#content.threecol div.col-M div.padding { width:auto; padding:10px; z-index:1; margin:10px; }
#content.threecol div.col-R div.padding { width:auto; padding:10px; z-index:1; margin:10px; }

div.gallery { width:936px; margin:auto; left:-20px; }
div.gallery a.thumb { display:block; width:196px; height:225px; float:left; padding:0; margin:0 18px 20px 18px; border:1px dashed #5D6166; background:url("images/bg_transparent_black.png") 0 0 repeat; }
div.gallery a.thumb img { display:block; width:180px; height:180px; margin:8px 8px 0 8px; }
div.gallery a.thumb strong { display:block; width:180px; height:38px; margin:auto; line-height:38px; color:#FFF; }
div.gallery a.thumb:hover { text-decoration:none; border:none; margin:1px 19px 21px 19px; background:url("images/bg_gallery_thumb.gif") 0 0 repeat-x; }

div.events { left:-20px; }
div.events div.event { width:auto; margin:0 0 15px 0; padding:15px 20px; border:1px dashed #5D6166; background:url("images/bg_transparent_black.png") 0 0 repeat; }

div.messages { left:-20px; }
div.messages div.message { width:auto; margin:1px 1px 0 1px; padding:15px 20px 15px 80px; border-bottom:1px dotted #5D6166; }
div.messages div.message:hover { margin:0 0 0 0; border:1px dashed #5D6166; background:url("images/bg_transparent_black.png") 0 0 repeat; }
div.messages div.message a.play { display:block; overflow:hidden; width:39px; height:35px; text-indent:-999px; position:absolute; top:20px; left:20px; background:url("images/btn_msg_play.png") 0 100% no-repeat; }
div.messages div.message a.play:hover { background-position:0 0; }
div.messages div.message div.info { width:auto; height:18px; }
div.messages div.message div.info span.blob { color:#FFF; margin-right:35px; line-height:18px; }
div.messages div.message div.info span.blob strong { color:#999; margin-right:8px; line-height:18px; }

#footer { width:100%; height:90px; background:url("images/bg_footer.gif") 0 0 repeat-x;}
#footer address { text-align:center; margin-top:35px; font-size:12px; }
#footer p.copyright { text-align:center; margin-top:8px; font-size:11px; color:#999; }

#footer ul { display:block; text-align:center; margin:0; padding:0; height:26px; background:url("images/bg_footer_nav.gif") 0 0 repeat-x; }
#footer ul li { display:inline; list-style:none; margin:0 2px; padding:0; }
#footer ul li a { text-decoration:none; margin:0; padding:0 10px; line-height:26px; color:#FFF; font-size:11px; font-weight:bold; }
#footer ul li a:hover { text-decoration:none; color:#0CD; }

blockquote { padding:10px 0 0 35px; background:url("images/icon_quote_open.png") 0 0 no-repeat; }
blockquote * { color:#999; font-style:italic; font-size:16px; }
blockquote span {  display:block; padding:0 30px 10px 0; background:url("images/icon_quote_close.png") 100% 100% no-repeat; }
blockquote span strong { color:#FFF; }

a.button { text-decoration:none; display:block; width:auto; float:left; height:27px; margin:0; padding:0; font-weight:bold; cursor:pointer; }
a.button span { display:block; width:auto; margin:0; height:100%; color:#FFF; font-size:11px; line-height:27px; }
a.button span.M { background:url("images/bg_button_M.png") 0 0 repeat-x; }
a.button span.L { padding-left:12px; background:url("images/bg_button_L.png") 0 0 no-repeat; }
a.button span.R { padding-right:12px; background:url("images/bg_button_R.png") 100% 0 no-repeat; }
a.button:hover span { color:#0CD; }

a.bigbutton { text-decoration:none; display:block; width:auto; float:right; height:31px; margin:0; padding:0; font-weight:bold; cursor:pointer; position:absolute; bottom:60px; right:170px; }
a.bigbutton span { display:block; width:auto; margin:0; height:100%; color:#FFF; font-size:14px; line-height:31px; }
a.bigbutton span.M { background:url("images/btn_big_M.png") 0 0 repeat-x; }
a.bigbutton span.L { padding-left:16px; background:url("images/btn_big_L.png") 0 0 no-repeat; }
a.bigbutton span.R { padding-right:16px; background:url("images/btn_big_R.png") 100% 0 no-repeat; }
a.bigbutton:hover span { color:#0CD; }

a.download { text-decoration:none; display:block; width:auto; float:right; height:18px; margin:0; padding:0; font-weight:bold; cursor:pointer; }
a.download span { display:block; width:auto; margin:0; height:100%; color:#FFF; font-size:11px; line-height:17px; }
a.download span.M { background:url("images/btn_download_M.png") 0 0 repeat-x; } 
a.download span.L { padding-left:18px; background:url("images/btn_download_L.png") 0 0 no-repeat; }
a.download span.R { padding-right:9px; background:url("images/btn_download_R.png") 100% 0 no-repeat; }

ul.tabs { margin:0; padding:0; position:absolute; top:-27px; right:65px; width:auto; height:30px; }
ul.tabs li { display:block; float:left; margin:0 5px; padding:0; list-style:none; width:103px; height:27px; background:url("images/btn_home_tab.png") 0 0 no-repeat; }
ul.tabs li a { display:block; float:left; margin:0; padding:0; width:100%; height:100%; line-height:30px; text-align:center; font-size:11px; color:#9B9C9D; }
ul.tabs li.active { height:100%; }
ul.tabs li:hover a , ul.tabs li.active a { color:#00A9BC; text-decoration:none; }

div.portrait { padding-right:250px; }
img.portrait { width:302px; height:302px; position:absolute; top:-45px; right:-60px; }
img.portrait-2 { width:302px; height:302px; margin:-130px 0 0 -60px; }