body { background-color: #000000; font-family: arial, verdana, sans-serif; font-size: 14px; }

a { color: #F6BE0B; text-decoration: none; }
a:hover { color: #000000; }

/*
* Wrapper for index.php
*/
#wrapper {
  background-color: #FFFFFF;
  height: 600px;
  width: 800px;
  font-family: arial, verdana, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  color: #F6BE0B;
}

#imagewrapper { text-align: center }
#bigimage { border: double 8px #CCCCFF; padding: 5px 5px 5px 5px; }
#newsletter { width: 180px; margin-left: 8px; margin-top: 10px; padding-left: 3px; font-family: times, serif;
    border: dotted 1px #CCCCFF; font-size: 12px; font-style: normal; color: #CCCCFF; }

/*
* Common margin
*/
#mainwrapper {
    width: 800px;
    margin: 10px;
    background-color: #FFFFFF
}
.pagetop div { background: url(images/page_top_left.png) no-repeat top left; }
.pagetop { background: url(images/page_top_right.png) no-repeat top right; }
.pagebottom div { background: url(images/page_bottom_left.png) no-repeat bottom left; }
.pagebottom { background: url(images/page_bottom_right.png) no-repeat bottom right; }
.pagetop div, .pagetop, .pagebottom div, .pagebottom {
    width: 100%;
    height: 14px;
    font-size: 1px;
}

/*
* Menu style in index.php
*/
#logo { margin-left: 5px; }
#center { position: absolute; left: 240px; top: 160px; z-index: 0; }
#circle1 { position: absolute; left: 500px; top: 80px; z-index: 1; }
#circle2 { position: absolute; left: 575px; top: 230px; z-index: 1; }
#circle3 { position: absolute; left: 530px; top: 395px; z-index: 1; }
#circle4 { position: absolute; left: 360px; top: 490px; z-index: 1; }
#circle5 { position: absolute; left: 175px; top: 435px; z-index: 1; }
#tit1 { position: absolute; left: 520px; top: 180px; z-index: 2; }
#tit2 { position: absolute; left: 595px; top: 330px; z-index: 2; }
#tit3 { position: absolute; left: 550px; top: 495px; z-index: 2; }
#tit4 { position: absolute; left: 380px; top: 590px; z-index: 2; }
#tit5 { position: absolute; left: 195px; top: 535px; z-index: 2; }

/*
* Machine description boxes
*/
.roundbox { background: url(images/box_bg.png) repeat; }
.boxtop div { background: url(images/box_top_left.png) no-repeat top left; }
.boxtop { background: url(images/box_top_right.png) no-repeat top right; }
.boxbottom div { background: url(images/box_bottom_left.png) no-repeat bottom left; }
.boxbottom { background: url(images/box_bottom_right.png) no-repeat bottom right; }
.boxtop div, .boxtop, .boxbottom div, .boxbottom {
    width: 100%;
    height: 14px;
    font-size: 1px;
}
.boxcontent { margin: 0 5px; height: 140px; font-size: 12px; }
.roundbox { width: 15em; margin: 10px; }
.boxrow { height: 190px; margin-bottom: 5px; margin-top: 5px; }
.box_l, .box_c, .box_r, .box { float: left; margin: 5px 12px 5px 15px; height: 160px; }
.boxtitle { font-size: 18px; font-weight: bold; font-family: arial, verdana, sans-serif; color: #6666FF; }
.readmore { background: #000000; color: #FFFFFF; width: 100px; margin-left: 100px; text-align: center; }
.readmore a { color: #FFFFFF; }
.arrows { color: #FF0000; font-weight: bold; }

/*
* Models section
*/
.roundttbox { background: url(images/ttbox_bg.png) repeat; }
.ttboxtop div { background: url(images/ttbox_top_left.png) no-repeat top left; }
.ttboxtop { background: url(images/ttbox_top_right.png) no-repeat top right; }
.ttboxbottom div { background: url(images/ttbox_bottom_left.png) no-repeat bottom left; }
.ttboxbottom { background: url(images/ttbox_bottom_right.png) no-repeat bottom right; }
.ttboxtop div, .ttboxtop, .ttboxbottom div, .ttboxbottom {
    width: 100%;
    height: 14px;
    font-size: 1px;
}
.ttboxcontent { margin: 0 5px; /*height: 140px;*/ font-size: 12px; }
.roundttbox { width: 750px; margin: 10px; }
#typename { font-size: 18px; font-weight: bold; color: #000000; text-align: center; }
#typedesc { margin-left: 15px; font-style: italic; font-size: 14px; }

#modelswrapper { background: #FFFFFF; width: 700px; margin-top: 20px; margin-left: 25px; }
.model { border: 1px solid; margin-bottom: 10px; background: #FFFFFF; width: 700px; margin-top: 20px; margin-left: 25px; }
.model_thumb { float: left; }
.model_name { text-align: center; font-size: 16px; font-weight: bold; color: #EEBE1E; }
.model_desc { font-size: 12px; padding: 0 1em 0 165px; margin-bottom: 10px; }
.model_field { font-size: 12px; font-weight: bold; text-align: center; background: #AAAAAA; color: #FFFFFF; }
.model_data { font-size: 12px; text-align: center; }
.model_data a { color: #000000; text-decoration: underline; }
.model_data a:hover { color: #CCCCFF; }
.model_feature { clear: both; padding-left: 180px; list-style: url(images/arrow2.png) inside; }
.model_links { font-size: 12px; font-weight: bold; text-align: right; padding: 1em 1em; color: #CCCCFF; }
.model_links span { margin-left: 5px; }

.ytembed {
  margin-left: 160px;
  margin-bottom: 10px;
  text-align: center;
  width: 450px;
  height: 355px;
  padding: 0px;
  background: #000;
}

/*
* Main menu in sections.php
*/
.roundmenu { background: url(images/menu_bg.png) repeat; }
.menutop div { background: url(images/menu_top_left.png) no-repeat top left; }
.menutop { background: url(images/menu_bg.png) no-repeat top right; }
.menubottom div { background: url(images/menu_bg.png) no-repeat bottom left; }
.menubottom { background: url(images/menu_bottom_right.png) no-repeat bottom right; }
.menutop div, .menutop, .menubottom div, .menubottom {
    width: 100%;
    height: 14px;
    font-size: 1px;
}
.menucontent { margin: 0 3px; color: #FFFFFF; text-align: center; }
.roundmenu { width: 10em; margin: 10px; }
.menu, .menu a { color: #FFFFFF; text-decoration: none; }
.menu, .currentmenu { margin: 6px; font-weight: bold; }
.currentmenu, .currentmenu a { color: #FF0000; text-decoration: none; }
.menu a:hover, .currentmenu a:hover { color: #9999FF; }
#mainmenu { position: absolute; top: 125px; left: 630px; } 

/*
* Header of sections.php
*/
#maintitle { text-align: right; width: 770px; }
.titleimage { vertical-align: middle; margin: 5px; border-width: 0px; text-decoration: none; float: left; }
.titlecircle { vertical-align: middle; margin: 5px; border-width: 0px; text-decoration: none; }
#thesection {font-family: times, serif; font-size: 36px; font-weight: bold; color: #EEBE1E; font-style: oblique; }
#topwrapper { margin-top: 20px; padding-left: 10px; }

/*
* Featured machine section
*/
#featured { border: solid 1px; width: 600px; /*height: 150px;*/ }
#feat_title { text-align: right; background: #CCCCFF; font-weight: bold; padding-right: 1em; }
#feat_thumb { float: left; }
#feat_name { text-align: center; font-weight: bold; font-size: 16px; color: #EEBE1E; }
#feat_desc { font-size: 12px; padding: 0 1em 0 165px; }
.feat_field { font-size: 12px; font-weight: bold; text-align: center; background: #AAAAAA; color: #FFFFFF; }
.feat_data { font-size: 12px; text-align: center; }
.feat_data a { color: #000000; text-decoration: underline; }
.feat_data a:hover { color: #CCCCFF; }
#feat_links { font-size: 12px; font-weight: bold; text-align: right; padding: 1em 1em; color: #CCCCFF; }
#feat_links span { margin-left: 5px; }
#feat_links a { color: #CCCCFF; }
#feat_links a:hover { color: #000000; }

/*
* Generic section
*/
.gtitle { font-size: 18px; font-weight: bold; color: #000000; text-align: left; }
.gbody { margin-left: 15px; font-style: italic; font-size: 14px; }
.gbody a { color: #000; text-decoration: underline; }
#address { margin-left: 150px; font-style: normal; font-size: 14px; border: solid 1px; background: #FFFFFF;
                width: 300px; padding-left: 10px; }
#contact { margin-left: 150px; font-style: normal; font-size: 14px; border: solid 1px; background: #FFFFFF;
                width: 500px; padding-left: 10px; }

.whitebox { margin-left: 150px; font-style: normal; font-size: 14px; border: solid 1px; background: #FFFFFF;
                width: 300px; padding-left: 10px; }

/*
* Customers section
*/
#mapamundi { margin-left: 0px; }
#customers a:hover { color: #FFFFFF; }

/*
* Footer section
*/
#credits { font-size: 10px; color: #FFFFFF; text-align: center; border: 1px solid #FFFFFF; width: 300px; margin-left: 250px; }
#credits a { color: #F6BE0B; }
#credits a:hover { color: #FF0000; }
#lang { font-size: 10px; color: #AAAAAA; text-align: right; padding-right: 10px; background-color: #EEEEEE; }
#validators { border: solid 1px #FFFFFF; color: #FFFFFF; }
#validtitle { font-size: 10px; color: #FFFFFF; text-align: center; }
#xhtmlicon { height: 20px; width: 29px; border: 0; }
#cssicon { height: 20px; width: 29px; border: 0; }