/* = Layout
-------------------------------------------------------------- */
html,body						{ min-width:1000px;width:auto!important;width:100%; }
html							{ background:#fff url(../images/bg-html.gif) repeat-y center top; }
body,div#page					{ background:url(../images/bg-body.gif) repeat-x 0 100px; }
body.intro, body.intro div#page	{ background:url(../images/bg-intro.gif) repeat-x 0 100px; }

div#page						{ margin:0 auto; padding:100px 50px 0; position:relative; width:900px; }
div#header, div#main, div#footer{ width:100%; }

/* = Header
-------------------------------------------------------------- */
div#header					{ background:url(../images/bg-header.png) no-repeat 572px 0; height:35px; padding-top:25px; }
body.intro div#header		{ background:none; }

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

/* = Main
-------------------------------------------------------------- */
div#main					{ min-height:300px;height:auto!important;height:300px; }
div.content					{ float:left; width:572px; padding-top:30px; }
div.content h2				{ width:210px; text-transform:uppercase; }
body.what div.content h2	{ margin-bottom:1em; } div.content h2	{ margin-bottom:1em; }
.column						{ float:left; width:260px; padding-right:30px; }
body.for-whom .column		{ width:120px; padding-right:18px; }
ul.column, ul.column li		{ list-style:none; margin:0; padding:0; }
ul.column li				{ line-height:1.1; margin-bottom:.5em; }

body.home div.content		{ background:url(../images/bg-home.png) no-repeat left top; margin-top:60px; overflow:hidden; padding-top:166px; width:397px; height:0; }

/*body.for-whom .column li, */ul.services li	{ color:#000; line-height:1.4em; margin:0; }
body.for-whom .column li					{ color:#000; }
/*body.for-whom .column li					{ font-weight:normal; }*/
div.for-whom-normal .column li				{ font-weight:normal; }

div.sidebar					{ background:url(../images/bg-sidebar.gif) repeat-y left top; /*background-color:#7dc3ec;*/ float:right; padding-right:100px; padding-top:95px; width:228px; height:180px; }

/* = Navigation
-------------------------------------------------------------- */
ul.nav, ul.nav li			{ list-style:none; }

/* = Default IR */
ul.nav, ul.nav li, 
ul.nav ul, ul.nav a			{ padding:0; margin:0; z-index:50; }
ul.nav, ul.nav li			{ list-style:none; }
ul.nav li 					{ float:left; }

ul.nav #contact, ul.nav #contact span, 
ul.nav a, 
ul.nav a span				{ display:block; }
ul.nav #contact, 
ul.nav a 					{ overflow:hidden; background-repeat:no-repeat; background-position:0px 0px; }
ul.nav ul a span			{ padding-top:0; }

/* = Customize IR */
ul.nav a 					{ margin-top:3px; }
ul.nav #contact, ul.nav #contact span, 
ul.nav a, 
ul.nav a span				{ height:25px; width:228px; }
ul.nav #contact span, 
ul.nav a span 				{ padding-top:25px; }

ul.nav .what a 				{ background-image: url(../images/mi-what.gif); }
body.home ul.nav .what a	{ background-position:0 -75px; }
ul.nav .how a 				{ background-image: url(../images/mi-how.gif); }
ul.nav .for-whom a 			{ background-image: url(../images/mi-for-whom.gif); }

ul.nav #contact 			{ background-image: url(../images/mi-contact.gif); margin-top:51px; }

body.home ul.nav .what a:hover,
ul.nav #contact:hover, ul.nav #contact.hover, 
ul.nav a:hover,
ul.nav li:hover a				{ background-position: 0 -25px; } /* hover */
ul.nav li.current_page_item a:hover,
ul.nav li.current_page_item a 	{ background-position: 0 -50px; } /* selected */

/* = Footer
-------------------------------------------------------------- */
div#footer					{ clear:both; font-size:.9em; font-size:1.2em; line-height:1.3; padding:20px 0; }
div#footer p.links, div#footer p.links a { color:#0B2D4C; }
div#footer p.links			{ float:right; width:208px; padding-right:100px; }
div#footer p.links a		{ text-decoration:none; }
div#footer p.links a:hover	{ color:#fff; text-decoration:underline; }
div#footer p.links span		{ display:block; float:left; width:30px; font-size:.88em; }

div#footer p.slogan			{ background:url(../images/slogan-footer.gif) no-repeat left top; float:left; margin-top:8px; margin-bottom:0; overflow:hidden; }
div#footer p.slogan,
div#footer p.slogan span	{ display:block; width:172px; height:14px; }
div#footer p.slogan span	{ padding-top:14px; }

div#footer a.intro-skip			{ background:url(../images/intro-skip.gif) no-repeat 0 0; float:right; margin-top:8px; margin-bottom:0; overflow:hidden; }
div#footer a.intro-skip,
div#footer a.intro-skip span	{ display:block; width:91px; height:13px; }
div#footer a.intro-skip span	{ padding-top:14px; }
div#footer a.intro-skip:hover	{ background-position: 0 -13px; }