html, body
{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
font-family: helvetica, Arial;
}

body 
{
background: #fde9d4;
}

#main
{
width: 100%;
height: 100%;
}

#container
{
position: relative;
margin: 0px auto;
width: 940px;
height: 510px;
background: #fd1912;
}

/*HEADER*/
#header
{
position: absolute;
top: 0px;
left: 0px;
width: 490px;
height: 25px;
background: #3f1001;
}

/*LOGO*/
#logo
{
position: absolute;
top: 25px;
left: 0px;
width: 490px;
height: 225px;
background: #ffffff url('img/logo.gif') no-repeat;
}

#logo h1
{
display: none;
}

#logo span
{
display: block;
padding-top: 150px;
text-align: center;
color: #fd1912;
font-size: 14px;
line-height: 14px;
letter-spacing: 1px;
word-spacing: 1px
}

#logo span a
{
color: #fd1912;
text-decoration: none;
}

/*LEFTMENU*/
#leftmenu
{
position: absolute;
top: 250px;
left: 0px;
width: 490px;
height: 260px;
background: #3f1001;
}

#leftmenu #leftfoto
{
position: absolute;
top: 42px;
left: 45px;
width: 125px;
height: 125px;
border: 25px solid #000000;
overflow: hidden;
}

#leftmenu #lefttext
{
position: absolute;
top: 0px;
left: 220px;
width: 270px;
height: 260px;
}

#leftmenu ul
{
margin: 5px 0px;
padding: 5px;
list-style-type: none;
}

#leftmenu li
{
margin-bottom: 4px;
}

#leftmenu a
{
display: block;
height: 18px;
width: 282px;
color: #ffffff;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

#leftmenu #small 
{
font-size: 10px;
}

#leftmenu a:hover, #leftmenu a.active
{
background: url('img/arrowr.gif') no-repeat right center;
}

#leftmenu h2
{
display: none
}

/*MENU*/
#menu
{
position: absolute;
top: 25px;
left: 850px;
width: 90px;
height: 225px;
background: #3f1001;
z-index: 100;
}

#menu ul
{
margin: 4px;
padding: 4px;
list-style-type: none;
}

/*stupid IE Fix*/
* html #menu ul
{
position: absolute;
top: 0px;
left: -25px;
}

#menu li
{
margin-bottom: 6px;
}

#menu a
{
padding-left: 25px;
display: block;
width: 80px;
color: #fd1912;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

/*Give all browsers except IE*/
#menu li>a
{
margin-left: -25px;
}

#menu a:hover, #menu a.active
{
color: #ffffff;
background: url('img/arrowl.gif') no-repeat left center;
}

#menu h2
{
display: none
}

/*HEAD*/
#head
{
position: absolute;
top: 25px;
left: 490px;
}

h3
{
margin: 0px 0px 10px 0px;
padding: 0px;
color: #ffffff;
font-size: 16px;
}

#head h3
{
margin: 0px;
padding: 0px 10px;
color: #ffffff;
font-size: 16px;
}

/*TEXT, ROUTE and PALLET*/
#text , #route, #flash
{
position: absolute;
top: 50px;
left: 490px;
width: 320px;
height: 458px;
font-size: 12px;
line-height: 18px;
padding: 0px 10px;
overflow: auto;
}

#route, #flash
{
top: 250px;
height: 260px;
}

#flash
{
padding: 0px;
width: 340px;
left: 510px
}

#flash object, #flash embed
{
width: 100%;
height: 250px;
}

#map, #pallet
{
position: absolute;
top: 0px;
left: 490px;
width: 360px;
height: 250px;
overflow: hidden;
}

/*FOTO*/
#foto
{
position: absolute;
top: 250px;
left: 850px;
width: 90px;
height: 260px;
overflow: hidden;
}


/*GLOBAL*/

h4
{
margin: 0px 0px 5px 0px;
padding: 0px;
font-weight: bold;
font-size: 12px;
}

label
{
display: block; 
width: 85px;
float: left;
margin-bottom: 2px;
font-weight: bold;
font-size: 11px;
}

.text, textarea
{
width: 205px;
border: 0px;
margin-bottom: 2px;
}

fieldset
{
margin: 0px;
padding: 0px;
border: 0px;
line-height: normal;
}

textarea
{
height: 100px;
}

.button
{
width: 100px;
border: 0px;
background: #ffffff;
font-weight: bold;
font-size: 12px;
}

form, fieldset
{
margin: 0;
padding: 0;
}

fieldset br
{
clear: left;
}

.warning
{
color: darkblue;
font-weight: bold; 
}

ul
{
list-style: square;
}

a
{
color: #000000;
}

a:hover
{
text-decoration: none;
}