/* = Layout
-------------------------------------------------------------- */
html,body						{ min-width:945px;width:auto!important;width:100%; position:relative; }
html							{ background:#423f3a url(../images/bg-html.gif) repeat-x center top; }
body							{ /*background:url(../images/bg-body.jpg) no-repeat right top;*/ }

div#page						{ margin:0 auto; padding:0 54px; position:relative; width:837px; }
div#bg-rt						{ background:url(../images/bg-rt.gif) repeat-x right top; position:absolute; right:0; width:50%; height:100%; z-index:-30; }
div#header, div#main, div#footer{ width:100%; z-index:50; }

/* = Header
-------------------------------------------------------------- */
div#header					{ height:148px; padding-top:64px; }

div#header h1.logo			{ float:left; margin-bottom:0; }
div#header h1.logo a		{ background:url(../images/logo.jpg) no-repeat left top; overflow:hidden; }
div#header h1.logo a,
div#header h1.logo a span	{ display:block; width:288px; height:134px; }
div#header h1.logo a span	{ padding-top:134px; }
div#header img.logo			{ display:none; height:0px; overflow:hidden; width:0px; }

/* = Main
-------------------------------------------------------------- */
div#main					{ position:relative; /*min-height:450px;height:auto!important;height:450px;*/ }
div.content					{ float:left; width:450px; margin-top:48px; }
div.contact					{ float:right; font:Arial, Helvetica, sans-serif;  margin-top:270px; /*position:absolute; right:0; bottom:0;*/ width:333px; }

div.contact h3				{ margin-bottom:0; background:url(../images/h3-contact.png) no-repeat right top; overflow:hidden; }
div.contact h3,
div.contact h3 span			{ display:block; width:100%; height:24px; }
div.contact h3 span			{ padding-top:24px; }

div.contact a				{ color:#fff; text-decoration:none; }
div.contact a:hover			{ color:#fff; text-decoration:underline; }
div.contact span			{ color:#a91b1d; }

div.photo					{ position:absolute; right:117px; top:485px; }

/* = Figure
-------------------------------------------------------------- */
#figure						{ position:absolute; right:0px; top:0px; width:486px; height:486px; z-index:-20; }

/* = Navigation
-------------------------------------------------------------- */
/* = Default IR */
ul.nav, ul.nav li, 
ul.nav ul, ul.nav a			{ padding:0; margin:0; display:block; z-index:100; }
ul.nav, ul.nav li			{ list-style:none; }
ul.nav						{ /*border-bottom:#323232 1px solid;*/ background:url(../images/nav-border.png) no-repeat left bottom; display:block; float:right; padding:42px 0 0 9px; text-align:left; width:414px; width:495px; height:31px; }
ul.nav li 					{ float:left; margin-right:36px; }

ul.nav a, 
ul.nav a span				{ display:block; height:30px; }
ul.nav a 					{ overflow:hidden; cursor:pointer; }
ul.nav ul a span			{ padding-top:0; }

/* = Customize IR */
ul.nav a span 				{ padding-top:30px; }

ul.nav .home a 				{ background-image: url(../images/mi-home.png);		width:40px; }
ul.nav .about a 			{ background-image: url(../images/mi-about.png);	width:46px; }
ul.nav .sports a 			{ background-image: url(../images/mi-sports.png);	width:48px; }
ul.nav .entertainment a 	{ background-image: url(../images/mi-entertainment.png);	width:107px; }

ul.nav a:hover,
ul.nav li:hover a				{ background-position: 0 -30px; } /* hover */
ul.nav li.current_page_item a:hover,
ul.nav li.current_page_item a 	{ background-position: 0 -60px; } /* selected */

/* = Footer
-------------------------------------------------------------- */
div#footer					{ /*border-top:#777370 1px dotted;*/ background:url(../images/dotted-line.gif) repeat-x left top; clear:both; color:#777370; font:Arial, Helvetica, sans-serif; font-size:.79em; line-height:3.27; margin-top:18px; }
div#footer p.copyright		{ float:left; }
div#footer p.design			{ float:right; }
div#footer a				{ color:#000; text-decoration:none; }
div#footer a:hover			{ color:#fff; }
