html 
{
margin:0; padding:0; 
//height: 100%;
}

body 
{  
margin:0 1em;
padding:0;
color:#000;
//height: 100%;
background:#FFF url("../img/back.png") repeat-x scroll;
text-align:center;
font-family:"Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
min-width:640px;
font-size:13px;voice-family:"\"}\"";voice-family:inherit;
font-size:82%
}

a:link 
{
color:#E61;
text-decoration: none;
}

a:visited {color:#939}
a:hover {color:#DD5300}
a:active {color:#E00}
hr  {display:none}

#shadow 
{
padding: 0;
margin: 0 auto;
height: 100%;
background: #fff url(../img/content-back.gif) repeat-y 100% 0;
width: 640px;
}

#page
{
height: auto;
min-height: 100%; 
width: 600px;
padding 0;
margin:0 auto;
text-align:left;
min-width: 550px;
position: relative; 
}

#container
{
margin:1em 0 0 0;
padding:0;
min-height:10em
}

#main 
{
margin: 0 1em 0 1em
}

#header 
{
position: relative;
padding: 0;
min-height: 43px;
background: #818181 url("../img/h-back.png") repeat-x 100% 100%;
voice-family: "\"}\"";
voice-family: inherit;
padding: 15px 0;
height: 8.5em;
}

#logo
{
position:absolute;
top:30px;left:20px;
color: white;
}

#logo #title
{
font-size: 26px;
font-weight: bold;
}

#logo #subtitle 
{
position: relative;
top: 5px;
font-size: 16px;
}

.icon img
{
position:absolute;
top:4px; left:415px;
display:block;
width:128px;
height:128px;
text-decoration:none;
border: none;
}

#header div#navigation  
{
position:absolute;
bottom:0;left:0;
background:transparent url("../img/h-bl.gif") no-repeat 0 100%;
}
  
#header ul
{
margin:0;
padding:0 0 0 15px;
}

#header ul li
{
float:left;
padding:0 6px 0 0;
margin:0 1px 0 0;
list-style-type:none;
position:relative;
display:table-cell;
background:url("../img/h-butt.gif") 100% -200px no-repeat}

#header ul li a 
{
float:left;
display:block;
padding:4px 4px 4px 10px;
font:bold .89em Tahoma,sans-serif;
color:#F6ECE6 !important;
text-decoration:none;
background:url("../img/h-butt.gif") 0 -200px no-repeat
}

#header ul li a:hover  {color:#FFF}
#header ul li:hover a  {background-position:0% 0%;color:#FFF}
#header ul li:hover  {background-position:100% 0%}
#header .cb {height:0;font-size:0}
#header .header-dn {display:none !important}

#footer,
.path,
.links 
{
clear:both; 
padding:.7em 0 0;
margin:.7em 0;
text-align:center;
word-spacing:.3em;
font-size:.9em;
border-top:1px solid #999;
border-bottom:1px solid #999;
}

#footer 
{
font-size:.8em;
color: #666;
//color: white;
//position: relative;
//bottom: 0;
//left: 0;
//background-color: #B8B8B8;
height:20px;
text-align:center
//margin: 0 auto;
}

#footer p 
{
display:inline;
padding:0 1em 0 0;
}

#main h1 
{
font-size:1.8em;
color:#E61;
text-align: left;
border-bottom: 2px solid #E61;
padding:.1em;
margin:0 0 .5em
}

#main h2 
{
color:#E61;
border-bottom:1px solid #E61;
font-size:1.2em;
line-height:1.2em;
margin:1em 0 .5em;
clear:both
}

#main h2.down {margin-top:2em}

#main h3 
{
border-bottom:1px solid #EEE;
font-size:1.1em;
line-height:1.2em
}

#main p {
font-size:1em;
color:#000;
margin:0.5em 0
}

#main .feature-b 
{
margin:0 0 1.33em;
position:relative
}

#main .feature-b h1 
{
margin:0; padding:0;
border-bottom:1px solid #E1E1E1;
text-align:left;position:relative;
line-height:29px;
height:29px;
voice-family:"\"}\"";
voice-family:inherit;
line-height:27px;
height:27px
}

#main .feature-b h1 span {
position:absolute;
top:0;left:0;
}

#main .feature-b ul 
{
font-size: 1em;
margin: 1.3em 0 .3em 1.5em;
padding: 0
}

#main .feature-b li 
{
color:#900;
font-weight:bold;
margin: 0 0 .55em;
padding: 0 0 0 3px;
line-height: 1.3em;
list-style: circle;
voice-family:"\"}\"";voice-family:inherit;
}

#feature-b-shot 
{
float:right; 
margin:.5em .8em .1em; 
width:250px;
height:203px;
position:relative;
border:0;
}

.feature-b-1 {background:#FFF url("../img/bor-1.gif") repeat-x scroll 0% 0%}
.feature-b-2 {background:#FFF url("../img/bor-2.gif") repeat-y scroll 100% 0%;background-color:transparent}
.feature-b-3 {background:#FFF url("../img/bor-3.gif") repeat-x scroll 100% 100%;background-color:transparent}
.feature-b-4 {background:#FFF url("../img/bor-4.gif") repeat-y scroll 0% 100%;background-color:transparent}
.feature-b-5 {background:#FFF url("../img/cor-1.gif") no-repeat scroll 0% 0%;background-color:transparent}
.feature-b-6 {background:#FFF url("../img/cor-2.gif") no-repeat scroll 100% 0%;background-color:transparent}
.feature-b-7 {background:#FFF url("../img/cor-3.gif") no-repeat scroll 100% 100%;background-color:transparent}
.feature-b-8 {background:#FFF url("../img/cor-4.gif") no-repeat scroll 0% 100%;background-color:transparent;padding:15px}

#main .index h2 {margin:1.5em 0 .5em}
#main .index p {margin:.5em 0 .6em 0}

.dn  {display:none}
.cb  {clear:both;visibility:hidden;height:1px;line-height:1px}

.exp-short hr {display:block;height:1px;line-height:1px;font-size:1px;border:1px solid #DDD;border-width:1px 0 0 0;margin:.5em 0;clear:both}
