/*mbo*/
@charset "utf-8";
/* CSS Document */

@import 'blueprint/screen.css';

/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	position:relative;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }



@import 'lib/typography.css';
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #222; 
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}



/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
  color: #eee; 
  font-family: Trebuchet MS, "Helvetica Neue", Helvetica, Arial, sans-serif; 
  font-weight: bold;
  padding-left:35px;
  padding-top:10px;
  text-transform:uppercase;
  /*position:absolute;*/
  position:relative;
  font-style:italic;
  letter-spacing:.5px;
  /*display:none;*/
}

h1 { /*font-size: 1.3em; line-height: 2em; margin-bottom: 0.5em;*/font-size: 1.1em; line-height: 1.3em; margin-bottom: 0.75em; color: #fff; }
h2 { font-size: 1.1em; line-height: 1.3em; margin-bottom: 0.75em; }
h3 { font-size: 1em; line-height: 1.2em; margin-bottom: 1em; /*position:relative;*/}
h4 { font-size: 1.1em; line-height: 1.1em; margin-bottom: 1.25em; color: #333; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; color:#666;padding-left:15px; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

:focus {
	outline: 0;
}


@import 'lib/grid.css';
/* -------------------------------------------------------------- 

   

   grid.css

   * Sets up an easy-to-use grid of 24 columns.

   

   Based on work by:

   * Nathan Borror     [playgroundblues.com]

   * Jeff Croft        [jeffcroft.com]

   * Christian Metts   [mintchaos.com]

   * Khoi Vinh         [subtraction.com]

   

   By default, the grid is 950px wide, with 24 columns 

   spanning 30px, and a 10px margin between columns.

   

   If you need fewer or more columns, use this 

   formula to find the new total width: 

   Total width = (columns * 40) - 10

   

   Read more about using a grid here:

   * subtraction.com/archives/2007/0318_oh_yeeaahh.php

   

-------------------------------------------------------------- */



/* A container should group all your columns. */

.container {

  width: 950px;

  margin: 0 auto;

}





/* Columns

-------------------------------------------------------------- */



/* Use this class together with the .span-x classes

   to create any composition of columns in a layout. */

   

.column {

  float: left;

  margin-right: 10px;

}





/* The last column in a row needs this class. */

.last { margin-right: 0; }



/* Use these classes to set the width of a column. */

.span-1   { width: 30px; }

.span-2   { width: 70px; }

.span-3   { width: 110px; }

.span-4   { width: 150px; }

.span-5   { width: 190px; }

.span-6   { width: 230px; }

.span-7   { width: 270px; }

.span-8   { width: 310px; }

.span-9   { width: 350px; }

.span-10  { width: 390px; }

.span-11  { width: 430px; }

.span-12  { width: 470px; }

.span-13  { width: 510px; }

.span-14  { width: 550px; }

.span-15  { width: 590px; }

.span-16  { width: 630px; }

.span-17  { width: 670px; }

.span-18  { width: 710px; }

.span-19  { width: 750px; }

.span-20  { width: 790px; }

.span-21  { width: 830px; }

.span-22  { width: 870px; }

.span-23  { width: 910px; }

.span-24  { width: 950px; margin: 0; }



/* Add these to a column to append empty cols. */

.append-1   { padding-right: 40px; }  

.append-2   { padding-right: 80px; } 

.append-3   { padding-right: 120px; } 

.append-4   { padding-right: 160px; } 

.append-5   { padding-right: 200px; } 

.append-6   { padding-right: 240px; } 

.append-7   { padding-right: 280px; } 

.append-8   { padding-right: 320px; } 

.append-9   { padding-right: 360px; } 

.append-10  { padding-right: 400px; } 

.append-11  { padding-right: 440px; } 

.append-12  { padding-right: 480px; } 

.append-13  { padding-right: 520px; } 

.append-14  { padding-right: 560px; } 

.append-15  { padding-right: 600px; } 

.append-16  { padding-right: 640px; } 

.append-17  { padding-right: 680px; } 

.append-18  { padding-right: 720px; } 

.append-19  { padding-right: 760px; } 

.append-20  { padding-right: 800px; } 

.append-21  { padding-right: 840px; } 

.append-22  { padding-right: 880px; } 

.append-23  { padding-right: 920px; } 



/* Add these to a column to prepend empty cols. */

.prepend-1   { padding-left: 40px; }  

.prepend-2   { padding-left: 80px; } 

.prepend-3   { padding-left: 120px; } 

.prepend-4   { padding-left: 160px; } 

.prepend-5   { padding-left: 200px; } 

.prepend-6   { padding-left: 240px; } 

.prepend-7   { padding-left: 280px; } 

.prepend-8   { padding-left: 320px; } 

.prepend-9   { padding-left: 360px; } 

.prepend-10  { padding-left: 400px; } 

.prepend-11  { padding-left: 440px; } 

.prepend-12  { padding-left: 480px; } 

.prepend-13  { padding-left: 520px; } 

.prepend-14  { padding-left: 560px; } 

.prepend-15  { padding-left: 600px; } 

.prepend-16  { padding-left: 640px; } 

.prepend-17  { padding-left: 680px; } 

.prepend-18  { padding-left: 720px; } 

.prepend-19  { padding-left: 760px; } 

.prepend-20  { padding-left: 800px; } 

.prepend-21  { padding-left: 840px; } 

.prepend-22  { padding-left: 880px; } 

.prepend-23  { padding-left: 920px; } 





/* Border on right hand side of a column. */

.border {

  padding-right: 4px;

  margin-right: 5px;

  border-right: 1px solid #eee;

}



/* Border with more whitespace, spans one column. */

.colborder {

  padding-right: 24px;

  margin-right: 25px;

  border-right: 1px solid #eee;

}





/* Use these classes on an element to push it into the 

   next column, or to pull it into the previous column. */



.pull-1  { margin-left: -40px; }

.pull-2  { margin-left: -80px; }

.pull-3  { margin-left: -120px; }

.pull-4  { margin-left: -160px; }



.push-0  { margin: 0 0 0 18px; }

.push-1  { margin: 0 -40px 0 18px; }

.push-2  { margin: 0 -80px 0 18px; }

.push-3  { margin: 0 -120px 0 18px; }

.push-4  { margin: 0 -160px 0 18px; }

.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }





/* Misc classes and elements

-------------------------------------------------------------- */



/* Use a .box to create a padded box inside a column.  */ 

.box { 

  padding: 1.5em; 

  margin-bottom: 1.5em; 

  background: #eee; 

}



/* Use this to create a horizontal ruler across a column. */

hr {

  background: #ddd; 

  color: #ddd;

  clear: both; 

  float: none; 

  width: 100%; 

  height: .1em;

  margin: 0 0 1.4em;

  border: none; 

}

hr.space {

  background: #fff;

  color: #fff;

}



/* Clearing floats without extra markup

   Based on How To Clear Floats Without Structural Markup by PiE

   [http://www.positioniseverything.net/easyclearing.html] */



.clear { display: inline-block; }   

.clear:after, .container:after {

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

}

* html .clear { height: 1%; }

.clear { display: block; }


@import 'lib/forms.css';

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: bold; }


/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }


/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */


/* Pure CSS Clear Float technique from: http://www.positioniseverything.net/easyclearing.html - awesome work! */

.clearfix:before {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/* End CSS Clear Floats */ 

html
{
min-height:100%;
_height:100%;
margin:0;
padding:0;
border:0;
/*overflow:visible;
.overflow-y:scroll;
_overflow-y:visible;*/
}

body 
{
min-height:100%;
_height:100%;
margin:0;
padding:0;
border:0;
behavior:url(/resources/styles/csshover.htc);
background-color:#ced0d2;
background-image:url(../images/ui/bg.png);
background-repeat:repeat-x;
background-position:center top;
background-attachment:fixed;
padding-top:0;
margin-top:0;
}

h1
{
background-image:url(../images/ui/h1.png);
background-repeat:no-repeat;
background-position:bottom left;
/*width:px; 704-61*/
z-index:3;
padding:0px;
margin:10px;
color:#f93;
}

h2#news-title
{
background-image:url(../images/ui/h1.png);
background-repeat:no-repeat;
background-position:bottom left;
/*width:px; 704-61*/
z-index:9;
padding:0px;
margin:0px;
position:absolute;
top:390px;
left:720px;
background-color:transparent;
color:#f93;
}
h3
{
margin-left:0px;
padding-left:0px;
color:#369;
}
#content p
{
text-align:justify;
}

#container
{
/*min-height:864px;
height:864px;*/
background-image:url(../images/ui/border.png);
background-position:top left;
background-repeat:repeat-y;
width:975px;
position:relative;
left:50%;
margin-left:-487px;
.margin-left:-488px;
_margin-left:-487px;
margin-bottom:0px;
padding-bottom:0;
z-index:0;
margin-top:0px;
padding-top:0px;
overflow:hidden;
.overflow:hidden;
_overflow:visible;
_height:80%;
}

#branding
{
background-image:url(../images/ui/header-bg.jpg);
background-position: top left;
background-repeat:no-repeat;
position:absolute;
width:975px;
height:328px;
display:block;
clear:both;
z-index:9;
margin-top:0px;
left:50%;
margin-left:-487px;
.margin-left:-488px;
_margin-left:-487px;
top:0;
overflow:visible;
}

#branding a
{
position:absolute;
left:30px;
top:50px;
z-index:5;
}

#slogan
{
top:73px;
left:29px;
position:absolute;
z-index:5;
font-size:25px;
font-stretch:ultra-expanded;
}

#links
{
/*background-image:url(../images/ui/banner.png);*/
background-repeat:no-repeat;
background-position:bottom left;
top:-510px;
z-index:2;
/*
width:932px;
height:236px;*/
/*
position:absolute;
.

left:3px;
padding-top:50px;
padding-left:0px;*/
}

#links li
{
display:inline;
top:-20px;
left:50px;
padding-right:60px;
/*position:absolute;
*/
}

#links .icon img
{
display:none;
}

#links .about
{
display:none;
}

#links li:hover .icon img
{
display:inline;
position:absolute;
overflow:visible;
top:0;
left:0;
}

#links li:hover .about
{
display:inline;
position:absolute;
overflow:visible;
top:0;
left:0;
}
/*
#links li
{
display:inline;
width:80px;
margin-left:-230px;
padding-left:8px;
}



#links li .info
{
background-image:url(../images/ui/trans35.gif);
width:230px;
height:45px;
position:absolute;
left:0px;
top:-50px;
z-index:999;
color:#fff;
overflow:hidden;
}

#links li:hover .info
{
background-image:url(../images/ui/trans35.gif);
width:230px;
height:90px;
position:absolute;
left:0px;
top:-195px;
z-index:999;
color:#fff;

}

.info img
{
clear:both;
padding:5px;
float:left;
}

.about
{
clear:both;
width:220px;
height:50px;
position:absolute;
top:35px;
left:0px;
padding:10px;
}
*/
#content
{
width:670px;
float:left;
background-color:transparent;
padding:20px;
padding-right:0px;
z-index:1;
font-size:small;
overflow:visible;
margin-top:370px;
clear:both;

}

#content p
{
/*padding-left:10px;
padding-right:10px;*/
}

#content-news
{
width:225px;
float:right;
/*background-color:#f00;*/
padding:10px;
padding-right:10px;
z-index:999;
font-size:small;
overflow:visible;
margin-top:400px;
background-color:transparent;
background-image:url(../images/ui/news-bg.png);
background-repeat:no-repeat;
background-position:top left;
}


#content-news img
{
display:none;
}

#content-news li
{
list-style:none;
}

.nodecor{
text-decoration:none;
clear:both;
}
.portfolio{
clear:both;
}

.clearboth{
clear:both;

}
#nav-main
{
background-image:url(../images/ui/menu-bg.jpg);
background-repeat:no-repeat;
background-position:top left;
width:975px;
height:40px;
line-height:34px;
margin:0px;
position:absolute;
left:50%;
margin-left:-487px;
.margin-left:-488px;
_margin-left:-487px;
top:328px;
z-index:5;
display:block;
list-style:none;
font-weight:bold;
overflow:visible;
}

#nav-main li
{
list-style:none;
float:left;
height:44px;
overflow:visible;
_width:5%;
overflow:visible;
}

#nav-main a
{
text-decoration:none;
color:#fff;
display:block;
float:left;
width:100%;
height:100%;
padding-left:50px;
padding-right:50px;
}
#nav-main ul a
{
margin-left:-6px;
padding-right:15px;
}

#nav-main li:hover a
{
color:#eee;
}

#nav-main li.hasChild:hover
{
background-image:url(../images/ui/menu-hover.png);
background-position:59px 23px;
background-repeat:no-repeat;
color:#eee;
overflow:visible;
z-index:6;
}

#nav-main li.hasChild:hover li a 
{
color:#666;
z-index:2;
}

#nav-main li.hasChild ul li:hover a
{
color:#333;
}

#nav-main li:hover ul
{
display:block;
clear:both;
}

#nav-main li ul
{
position:absolute;
display:none;
width:900px;
height:100%;
margin:0;
padding:0;
overflow:visible;
top:30px;

}
/*secound level*/
#nav-main li li
{
float:left;
display:block;
_width:5%;
margin:0;
padding:0;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;

}

#nav-main li li:hover
{
background-image:none;
}

#nav-main li li a
{
padding-left:5px;
padding-right:5px;
text-decoration:underline;
font-size:12px;
}
#nav-main li#mainmenu_0_products ul
{

margin-left:48px;
}	
	

#siteinfo
{
width:975px;
background-image:url(../images/ui/footer-bg.png);
background-repeat:no-repeat;
position:relative;
left:50%;
margin-left:-487px;
.margin-left:-488px;
_margin-left:-487px;
height:72px;
background-position:top left;
clear:both;
padding-top:4px;
}

#siteinfo-copyright
{
float:left;
width:500px;
padding-left:20px;
color:#000;
}

#validators
{
float:right;
width:400px;
padding-top:1px;
text-align:right;
padding-right:20px;
}

#validators a
{
padding-left:5px;
}

#production
{
width:100%;
background-color:#fff;
height:25px;
/*margin-bottom:-20px;*/
position:fixed;
bottom:0px;
border-top:1px solid #000;
}

#production a,#production img
{
margin:0px;
padding:0px;
}


#website-by
{
width:45%;
float:left;
}

#engine
{
width:45%;
float:right;
text-align:right;

}
#news
	{
	padding-top:400px;
	padding-left:30px;
	width:180px;
	float:left;
	

}


@media only screen and (max-device-width: 480px) {
#production{
width:100%;
background-color:#fff;
height:30px;

position:relative;
bottom:-40px;
margin-bottom:-40px;
border-top:1px solid #000;
}
}