/* generic */

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#333333; background:#8c8c8c;}
h1 {margin:0; padding:0; font-size:2.2em; font-weight:normal;}
h2 {margin:0; padding:0; font-size:1.3em; color:#8cf4e8;}
a {color:#666; text-decoration:none;}
a:hover {text-decoration:underline;}
h2 a {color:#8cf4e8; text-decoration:none;}
h2 a:hover {color:#8cf4e8; text-decoration:none;}

td {background:#eee;}

/* structure */

#wrapper {float:left; margin:0; padding:0; width:100%; text-align:center;}
#ff-container {margin:auto; padding:0; width:840px; text-align:left;}
#container {float:left; margin:0; padding:0; width:840px; background:url(images/content-bg.jpg) 0 0 repeat-y;}
#content-container {float:left; margin:0 0 0 19px; padding:0; width:800px;}
#top {float:left; margin:0; padding:0; width:840px; height:19px; background:url(images/top-bg.jpg) 0 0 no-repeat;}
#end {float:left; margin:0; padding:0 0 19px 0; width:100%; background:url(images/end-bg.jpg) 0 100% no-repeat;}
#header {float:left; margin:0; padding:0; width:100%; background:url(images/header-bg.jpg) 0 0 repeat-x;}
#content {float:left; margin:0; padding:10px; width:780px;}
#content-left {float:left; margin:0; padding:0; width:528px;}
#content-right {float:right; margin:0; padding:0; width:237px;}
#footer {float:left; margin:0; padding:0 0 0 10px; width:790px; background:#d3d3d3; line-height:30px;}
#footer p {margin:0; padding:0;}

/* header */

#logo {float:left; margin:0 0 0 20px; padding:28px 0 0 0; width:780px; height:83px;}
#main-nav {float:left; margin:0; padding:0; width:100%; background:#d3d3d3; text-transform: uppercase; }
#header-image {float:left; margin:0; padding:0; width:100%;}

/* main nav */

#main-nav ul {float:right; margin:0; padding:0; width:800px; position:relative;}
#main-nav li {float:right; margin:0; padding:0 21px; width:auto; display:inline; position:relative;}
#main-nav li a {color:#333; text-decoration:none; line-height:30px; font-weight:bold;}

#main-nav li ul { position: absolute; width: 12em; left: -999em; padding: 10px 0 14px 0; margin: 0 0 0 0; z-index: 99999;}
#main-nav li ul li { padding: 0 0.1em 0 0.1em; display: inline; float:left;}
#main-nav li ul li a, #main-nav li ul a {float:left; padding:8px 5px 8px 10px; margin: 0 0 0 2px; background: #d3d3d3; border-bottom: 1px solid #ccc; width: 154px; display:block; text-decoration:none; line-height:normal;}
#main-nav li ul li a:hover {text-decoration:none; background: #E9E9E9;  }
#main-nav li:hover ul ul, #main-nav li.menuover ul ul { left: -999em; }
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li.menuover ul, #main-nav li li.menuover ul { left: 0px; top:20px; }

/* info box */

.info-box {float:left; margin:0; padding:0 0 10px 0; width:237px;}
.info-box-header {float:left; margin:0; padding:0 0 0 10px; width:227px; background:url(images/info-box-header-bg.jpg) 0 0 repeat-x #171717; line-height:33px;}
.info-box-content {float:left; margin:0; padding:10px; width:215px; background:url(images/info-box-content-bg.jpg) 0 100% repeat-x; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

/* CONTACT US */

.contact-us {float:left; margin-left:20px; margin-top:20px; padding:0; color:#666666; width:400px;}

.contact-us li {list-style-image:none!important;}

.contact-us form ul {list-style:none; margin:0; padding:0; width:400px;}

.contact-us form li {margin:0 0 0.5em 0; width:400px; float: left;}

.contact-us label {width:5.5em; text-align:right; margin-right:0.5em; float:left; display:block; }

.contact-us form li input {float:left;}

.contact-us form li textarea {float:left;}

.submit input {margin:0 0 0 6.1em; border:1px solid #666;}

.contact-us a {color:#666666; font-weight:bold; text-decoration:none;}

.contact-us span.alert {float:left; width:20em; clear:none; margin:0; padding:0 0 0 1em;}

/* image templates */
.item-image-left, .item-image-right { float: left; width: 100%; }
.item-image-left img { float: left; padding: 0 10px 0 0; }
.item-image-right img { float: right; padding: 0 0 0 10px; }
.item-image-top { float: left; width: 100%; }
.image-bottom { float: left; width: 100%; }
/* end image templates */