* {margin:0; padding: 0;}

body {
background-color: #696969;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size: 13px;
text-align:center;
line-height: 1.3em;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.userpic {
 border:1px solid #000;
 margin: 10px auto;
 display: block;
 width: 300px;
}
.username {
 background-color: #DDE6EE;
 text-align:center;
 font-size:16px;
}


#container {
padding: 0;
width:800px;
margin: 0 auto;
background-color: #FFF;
border-right: #B5B5A5 solid 2px;
border-left: #B5B5A5 solid 2px;
text-align:left;
}

.prop {
height: 956px;
float: right;
width: 1px;
}
.clrprop {
clear:right;
height: 1px;
overflow:hidden;
}


#home a { 
margin: 0;padding:0;
float:left; display:block;
width:175px; height: 44px;
background: url(/ui/img/frontierx.jpg) no-repeat 2px 2px;
}
#home a:hover { background-position: 2px -47px; }
#home a i { display: none; }

#header {
width: 800px;
height:44px;
background-color: #D7D7C3;
border-bottom: 1px solid #a7a793;
padding: 0; margin: 0;
}


ul { margin-left: 10px; }
ul li { padding: 10px; }


#leftnews ul { list-style: none; }


#bottom {
clear:both;
background-color: #D7D7C3;
text-align:center;
height: 20px;
font-size: 85%;
}

h1 {
font-size:14px;
padding-top:10px;
}
h2 {
font-size:13px;
padding-top:8px;
}
h3 {
font-size:14px;
padding-top:8px;
}
h4 {
font-size:12px;
padding-top:8px;
}

h1, h2, h3, h4, dl, blockquote {
margin:0px 10px 10px 10px;
line-height: 1.4em;
}

p {
padding: 5px 0;
margin:0 10px 0 10px;
line-height: 1.4em;
}

blockquote {
padding-left: 10px;
}


/* top menu bar */
#menus { 
height: 38px;
width: 620px;
float: left;
}

#nav, #nav ul { 
z-index: 2;
position: relative;
margin: 0; padding: 0;
list-style: none;
line-height: 1em;
text-transform: uppercase;
}

#nav a {
text-decoration: none;
font-weight: bold;
color: #414141;
}

#nav li {
top: 16px;
position: absolute;
padding: 0;margin:0;
float: left;
width: 8.3em; /* size of top menu items/box */
}

#nav li ul {
text-transform: none;
position: absolute;
background-color: #d7d7c3;
width: 8.3em; /* size of drop down box */
left: -999em;
border-left:1px solid #F0F0DA;
border-right:1px solid #B5B5A5;
border-bottom:1px solid #B5B5A5;
}

#nav li ul li { 
top: 0;
padding: 2px;
position:relative;
width: 7.9em;
}

#nav li ul li a {
border: none;
color: #414141;
font-weight: normal;
display: block;
}

#nav li a:hover, #nav li.sfhover  {
color: #888;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}

#nav li ul li a:hover {
color: #414141;
background-color: #fff;
width: 7.9em;
display: block;
}


#product, #productc{ left:  40px; height: 20px; width:58px; }
#support, #supportc{ left: 180px; height: 20px; width:55px; }
#company, #companyc{ left: 320px; height: 20px; width:45px; }
#where, #wherec    { left: 460px; height: 20px; width:50px; }
#supportc a,#productc a, #companyc a, #wherec a {
border-bottom: 2px solid #AAA;
}

ul, ol {
padding: 0 5px 10px 25px;
margin: 0 0 0 5px;
}

ol li, ul li {
padding: 0 0 5px 0;
}

dd {
padding-left: 20px;
padding-bottom: 10px;
}

#ctr_img {
width: 100px;
display: block;
border: none;
margin: 40px auto;
padding-bottom: 20px;
background: url(/ui/img/clickfull.gif) no-repeat bottom center;
text-align:center;
}

/* - Frontier News -*/
#feat {
background-color: #C3D7C3;
margin: 0 auto;
width: 160px;
line-height: 1.3em;
font-size: 90%;
}
#feat h3 {
background-color: #AEBFAE;
color: #4A524A;
text-align: center;
padding: 0 10px;
margin: 0;
}

#feat ul { 
padding: 5px 5px 10px 25px;
margin: 0 0 0 0;
}
#feat ul li {
list-style-image: url(/ui/img/grnblt.gif);
padding: 0 0 5px 0;
}


/* - Quote box -*/

#field {
margin: 20px auto;
width: 160px;
line-height: 1.3em;
font-size: 85%;
padding: 0;
background-color: #DAE3F0;
}
#field h3 {
color: #4A524A;
background-color: #CAD2DE;
text-align: center;
font-size:13px;
margin: 0;
}

#field .who { 
font-style:italic;
}

#announce {
width: 500px;
margin: 20px auto;
line-height: 1.3em;
font-size: 120%;
padding: 0;
background-color: #DAE3F0;
text-align:center;
}
#announce h3 {
color: #4A524A;
background-color: #CAD2DE;
text-align: center;
font-size:19px;
margin: 0;
padding: 0;
}




/* media box */
#media {
padding: 0 10px;
}

#mbox {
float:left;
margin-left: 30px;
}

#mbox ul {
list-style: none;
margin-left: 20px;
padding-left: 82px;
background-repeat: no-repeat;
background-position: top left;
display: block;
height: 80px;
width: 160px;
font-size: 12px;
}

#contents:after {
content: "."; 
display: block; 
height: 0; 
clear: left; 
visibility: hidden;
}
.contents {
 display: inline-table;
 }

/* Hides from IE-mac \*/
* html .contents {height: 1%;}
.contents {display: block;}
/* End hide from IE-mac */



#downloads h4 {
font-size: 110%;
font-weight: bold;
margin-bottom: 2px;
padding: 0;
}

#downloads p {
margin: 0 20px 10px;
font-size: 11px;
}

#downloads blockquote{
margin-left: 20px;
font-size: 12px;
color: #414141;

padding: 0 5px 10px;
}


#photoholder {
    background:#fff;
    height:310px;
    overflow:hidden;
    width:238px;
    position:relative;
    border:1px solid #333;
    float:right;
    margin:0;
    padding:0;
}

#pf_photo1 img { visibility:hidden; }
#pf_photo1 { position:absolute;left:0; z-index: 1; }
#pf_photo2 { position:absolute;left:0; z-index: 0; }


/* ---------- left page navigation  ----------*/

#lnav {
position:relative;
z-index:2;
margin: 0 0 0 5px;
width: 145px;
background-color: #B8C3BF;
/*background: #B8C3BF url(/ui/img/rbotL145.gif) no-repeat bottom;*/
line-height: 1.4em;
font-size: 110%;
padding-bottom: 0;
}


div#lnav a, div#lnav span {
text-indent: .6em;
color: #444;
text-decoration: none;
display: block;
margin-left: 7px;
}
div#lnav span {
    color:#777;
    font-style:italic;
}
div#lnav a:hover {
text-decoration: none;
background: url(/ui/img/pnavcurovr2.gif) no-repeat left center;
color: #444;
display: block;
}
div#lnav a.current, div#lnav a.current a:hover {
text-decoration: none;
color: #444;
background: url(/ui/img/pnavcur.gif) no-repeat left center;
}

div#lnav div.sublinks {
width: 140px;
margin: 0 0 0 5px;
z-index:3;
padding-top: 3px;
padding-bottom: 0.2em;
}

div#lnav div.sublinks a {
margin-left: 15px;
display: block;
}

div#lnav div.sublinks a:hover {
display: block;
}


/* round corner stuff */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.l1{margin: 0 0 0 5px}
.l2{margin: 0 0 0 3px}
.l3{margin: 0 0 0 2px}
.l4{margin: 0 0 0 1px;height: 2px}