/*************   Base Styles   *************/

* {
padding:0;
margin:0;
border:0;
}

body {
font-size:62.5%;
color:#222;
background:#ddd url(../img/bodybg.gif) repeat-y 50% 50%;
}

#container {
position:relative;
text-align:left;
width:750px;
margin:0 auto;
font:1.2em Verdana, Helvetica, Arial, sans-serif;
background:#fff;
}

abbr, acronym {
letter-spacing:0.1em;
font-variant:small-caps;
}

/*************   Header Styles   *************/

#brand {
background-color:#fff;
}

#brand-title a{
background:#fff url(../img/logo.gif) no-repeat top left;
display:block;
width:325px;
height:35px;
text-decoration:none;
}

#brand-title i {
display:none;
}

#brand-title a {
color:#999;
}

#brand-title a:hover {
color:#c83804;
}

#brand-nav-top {
position:absolute;
right:0px;
top:20px;
color:#999;
margin:0 5px 0 0;
}

#brand-nav-top a {
color:#999;
text-decoration:none;
border-bottom:1px solid #999;
}

#brand-nav-top a:hover {
color:#c83804;
border-bottom:1px dotted #c83804;
}

#brand-head {
width:750px;
height:75px;
background:#333 url(../img/brand-head-bg.gif) repeat-x top left;
margin:0;
}

/*************   Navigation Matrix   *************/

#brand-nav {
width:750px;
height:25px;
margin:4px 0 0;
border-top:1px solid #b8b1a4;
border-bottom:1px solid #b8b1a4;
list-style-type:none;
}

#brand-nav li {
float:left;
}

#brand-nav i {
display:none;
}

li#prod a, li#serv a, li#supp a, li#comp a {
display:block;
height:25px;
background:#fff url(../img/nav-matrix3.gif) no-repeat;
}

li#prod a {background-position:0 0; width:188px;}
li#prod a:hover {background-position:0 -25px;}
li#serv a {background-position:-188px 0; width:188px;}
li#serv a:hover {background-position:-188px -25px;}
li#supp a {background-position:-376px 0; width:187px;}
li#supp a:hover {background-position:-376px -25px;}
li#comp a {background-position:-563px 0; width:187px;}
li#comp a:hover {background-position:-563px -25px;}

li#prod a.current {background-position:0 -50px; width:188px;}
li#prod a.current:hover {background-position:0 -75px;}
li#serv a.current {background-position:-188px -50px; width:188px;}
li#serv a.current:hover {background-position:-188px -75px;}
li#supp a.current {background-position:-376px -50px; width:187px;}
li#supp a.current:hover {background-position:-376px -75px;}
li#comp a.current {background-position:-563px -50px; width:187px;}
li#comp a.current:hover {background-position:-563px -75px;}

/*************   Sidebar Content   *************/

#sidecontent {
background:#e9e9ef;
font:1em "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color:#666;
float:right;
position:relative;
margin:-40px 0 0;
width:230px; /* Width for modern browsers */ 
/*padding:0 10px 0;*/
border-top:1px solid #84a7d0;
border-bottom:1px solid #84a7d0;
border-left:1px solid #84a7d0;
}

* html #sidecontent {
width: 210px; /* Width for IE5 */ 
w\idth: 230px; /* Width for IE6 */ 
}

#sidecontent div {
padding:0 8px 5px;
clear:left;
}

#sidecontent a {
color:#608cbf;
}

#sidecontent a:hover {
color:#C83804;
}

#sidecontent h2 {
font:1em "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color:#b8b1a4;
text-transform:uppercase;
}

#sidecontent li {
list-style-type:none;
padding:0 10px;
}

#package img {
float:left;
padding:5px 5px 5px 0;
}

#worldwide a {
display:block;
width:213px;
height:123px;
background:url(../img/pl_world.gif) no-repeat 0 0;
}

#worldwide a:hover {background-position:0 -123px;}

#worldwide i {
display:none;
}

/*************   Main Content   *************/

#content {
float:left;
width:519px;
}

#content h1 {
margin-top:-36px;
font:2.5em "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color:#eee;
}

#content h2 {
font:1.8em "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color:#b46e59;
margin-top:10px;
}

.sub-em {
color:#7e4d3e;
text-transform:uppercase;
}

.content-post {
width:495px; /* Width for modern browsers */
/*padding:0 20px 20px;*/
float:left;
clear:left;
padding-bottom:15px;
border-bottom:1px dotted #999;
}

.content-post h2, .content-post p {
margin:0 20px 5px 20px;
}

.content-post img {
float:left;
padding:2px;
border:1px solid #ccc;
margin:3px 5px 5px 20px;
}

#content p {
font:1.1em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
}

#content a:link {
color:#598ab4;
text-decoration:none;
border-bottom:1px solid #598ab4;
}
#content a:visited {
color:#657c91;
text-decoration:none;
border-bottom:1px solid #598ab4;
}
#content a:hover {
color:#c83804;
border-bottom:1px dotted #c83804;
}
#content a:active {
color:#598ab4;
text-decoration:none;
border-bottom:1px solid #598ab4;
}

#content-subnav {
width:479px; /* Width for modern browsers */
padding:5px 20px 5px;
background:#eee;
border-bottom:1px solid #ccc;
line-height:2em;
}

* html #content-subnav {
width:519px; /* Width for IE5 */
w\idth:479px; /* Width for IE6 */
}

#content-subnav li {
margin:0 5px 0 0;
list-style-type:none;
display:inline;
}

#stats {
clear:both;
float:left;
border-top:3px double #c7b483;
border-left:3px double #c7b483;
margin:0 0 30px 20px;
}

div#stats p {
padding:5px 0 5px;
border-bottom:1px solid #c7b483;
color:#b46e59;
}

#stats dl, #stats ul, #stats p {
margin:0 0 0 10px;
}

#stats h3 {
margin:5px 0 0;
font:1.6em "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight:bold;
color:#b49a59;
}

#stats ul {
list-style-type:none;
}

/*************   Footer - Site Info   *************/

#siteinfo {
background:#e9e9ef;
border-top:1px solid #84a7d0;
border-bottom:1px solid #84a7d0;
border-left:1px solid #84a7d0;
clear:right;
float:right;
width:210px;
margin:25px 0 0;
padding:10px;
color:#666;
font:1em "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

* html #siteinfo {
width: 231px; /* Width for IE5 */ 
w\idth: 210px; /* Width for IE6 */ 
}

#siteinfo ul {
margin: 0 0 5px;
}

#siteinfo li {
list-style-type:none;
display:inline;
}

#siteinfo a {
color:#999;
text-decoration:none;
border-bottom:1px solid #999;
}

#siteinfo a:hover {
color:#c83804;
border-bottom:1px dotted #c83804;
}

/*************   Forms   *************/
#form {
width:300px;
margin:0 0 0 100px;
}

fieldset {
background:#ffffee;
border:3px double #ccc;
padding:10px;
margin:10px 0;
}

legend {
border:3px double #ccc;
padding:2px;
font-weight:bold;
color:#666;
}

input, textarea, select {
background:#f3f3f3;
width:250px; /* Width for modern browsers */
border:2px inset #aaa;
padding:2px;
margin:0 0 10px;
color:#222;
}

* html input, * html textarea, * html select {
width: 258px; /* Width for IE5 */ 
w\idth: 250px; /* Width for IE6 */ 
}

input:focus, textarea:focus, select:focus {
background:white;
border:2px inset #000;
}

.fm-button {
width:auto;
border:2px outset #aaa;
}

.fm-button:active{
border:2px insetset #aaa;
}

/*************   Search form   *************/

#search {
display:none;
}

#search label {
font:1em "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color:#b8b1a4;
text-transform:uppercase;
}

.searchbox {
background:#f3f3f3;
border:1px solid #ccc;
padding:1px;
}

.searchbox:hover, .searchbox:focus {
background:#fff;
border:1px solid #b2cdec;
}

.searchbtn {
border:1px solid #ccc;
color:#608cbf;
background:#b2cdec;
margin:2px 0 0;
}

/*************   IE hacks, a.k.a. The Ugly Part   *************/

/* IE/Win Guillotine Bug Hack */
#neckguard {clear:both;}

