*{font-family:tahoma,sans-serif;padding:0;margin:0;border:0 none}
html,body{width:100%;background:#fff url(/files/bg.jpg) no-repeat fixed center center;min-height:100%;height:auto !important;height:100%}
#container{width:978px;margin:auto;background-image:url(/files/bg_container.gif);background-repeat:repeat-y;filter:alpha(opacity=90);-moz-opacity:0.9}
#site{width:918px;padding:30px 30px 10px 30px}
.logo{width:252px;height:105px;float:left}
.examples{width:631px;height:106px}
.examples,#main{padding-left:35px}
#both,#main{padding-top:30px}
#content{width:636px;float:left;padding-right:30px;color:#fff;font-size:14px;text-align:justify}
#content p{padding-bottom:20px}
#content a{color:#ccc;text-decoration:underline;font-weight:bold;letter-spacing:1px}
#navigation{width:252px;height:366px;background-image:url(/files/bg_navigation.jpg);background-repeat:no-repeat;float:right}
a{text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-size:18px;color:#d9681c;padding-bottom:30px}
h2,h3{padding-top:30px}
.floatLeft,.floatRight{margin-bottom:24px;border:#d9681c 1px dotted}
.floatLeft{float:left;margin-right:30px}
.floatRight{float:right;margin-left:30px}
ul,li{list-style:none}
li{height:30px;line-height:30px;font-size:18px;font-weight:bold;letter-spacing:2px}
#navigation a{color:#ccc;text-indent:10px}
#navigation a.active{color:#fff;text-indent:0px}
input,textarea,select{color:#d9681c;background-color:#ccc;border:#d9681c 1px solid;font-weight:bold}
textarea{height:120px}
label,input,textarea,select{display:block;float:left}
label{width:160px}
input,textarea,select{width:460px}
form br{clear:left}
#breadcrumb{position:absolute;top:0px;width:918px;text-align:right;height:30px;line-height:30px}
#breadcrumb,#breadcrumb a{color:#999}
#breadcrumb,#breadcrumb a,#footer,#footer a{font-size:10px}
#breadcrumb a{font-weight:bold}
#footer{width:918px;border-top:1px #333 dotted;text-align:center;height:30px;line-height:20px;vertical-align:bottom}
#footer,#footer a{color:#333}