/****************************************/
/*               v.2.4                  */
/****************************************/

/*########################################
              GENERAL
########################################*/
/* General */
html { background:#e0e0c6 url("../images/background.jpg") no-repeat center top; width: 100%; font:12px Arial; color:#382800; text-align:left;  line-height:18px;}
body { width: 100%; margin:0; border:none; }
img { border:none; }


/* General Titles */
h1, h2, h3, h4 { margin-top:0; color:#76ad1a;}
h1 { font-size:24px; }
h2 { font-size:16px; color:#4d4019; }
h3 { font-size:12px; color:#d66d01; }
h4 { font-size:12px; }


/* General Links */
a { color:#1e6e87; text-decoration:underline; font-weight:bold; }
a:hover { text-decoration:none; }


/* Height Light */
.light  { color:#1e6e87; font-weight:bold; }
.light2 { color:#000000; font-weight:bold; }
.light3 { color:#d66d01; font-weight:bold; }


/* Clear */
.clear { clear:both; overflow:hidden; height:0px; }
.sp { clear:both; overflow:hidden; height:10px; }


/* Float & Alignment*/
.float-left { float:left; }
.float-right { float:right; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }

/*########################################
              MAIN LAYOUT
########################################*/
#container {
  width:958px;
  margin: 0 auto;
}
#header {
  bbackground: url("../images/header.jpg") no-repeat;
  width:817px;
  height:165px;
  margin-left:25px;
}
#nav {
  width:600px;
  text-align:right;
  font-size:12px;
  margin-top:37px;
  float:right;
}
#sub-nav {
  background: url("../images/sub-nav-box-bottom.jpg") no-repeat center bottom;
  width:185px;
  height:790px;
  margin-right:9px;
  float:left;
}
#body {
  width:958px;
  margin:0 auto;
  position:relative;
  top:-15px;
}
#right {
  float:right;
  width:185px;
}
#index-center {
  background: url("../images/center.jpg") no-repeat center top;
  width:526px;
  height:647px;
  padding-top:70px;
  padding-left:45px;
  float:left;
  font-weight:bold;
  color:#76ad1a;
  line-height:19px;
}
#center {
  background:#eaedda url("../images/center-box-bottom.jpg") no-repeat center bottom;
  width:570px;
  height: auto !important;
  height:790px;
  min-height:790px;
  float:left;
}
#footer {
  background: url("../images/footer.jpg") no-repeat;
  margin-bottom:10px;
	height:24px;
	overflow:hidden;
	line-height:24px;
	text-align:right;
	padding-right:10px;
	font-size:9px;
	font-weight:bold;
}
/*########################################
              HEADER LAYOUT
########################################*/
#header .join-us { color:#d66d01; margin-top:14px; float:right; font-size:14px; text-decoration:none; }
#header .logo { margin-top:53px; float:left; }
.banner {position:relative; ttop:-15px; hheight:249px; wwidth:958px; float:left; }
/*########################################
              NAV LAYOUT
########################################*/
#nav img { border:none; float:left; }
#nav a { text-decoration:none; font-weight:bold; color:#382800; line-height:60px; padding-top:20px;}
#nav a:hover { color:#5f9702; background: url("../images/nav-hover.jpg") no-repeat center top;}
#nav .active { color:#5f9702; background: url("../images/nav-hover.jpg") no-repeat center top;}
#nav li{ display:inline; padding-top:0px; padding-left:15px; margin:0;  }
#nav ul{ padding:0; margin:0 auto; border:none; }
/*########################################
              INDEX LAYOUT
########################################*/
#index .text {padding:20px; width:532px; float:left; }
#index .video { width:379px; height:279px; background: url("../images/video.png") no-repeat center top; float:right; font-size:10px; font-weight:bold; text-align:center;}
#index .video .header { width:275px; margin:0 auto; margin-top:12px; }
#index .video .movie { margin-top:12px;}
/**/
#hwm { width:185px; height:717px; background:#f7f8f1 url("../images/box-bottom.jpg") no-repeat center bottom; float:left; margin-right:0px;}
#hp { width:185px; height:447px; background:#f7f8f1 url("../images/box-bottom.jpg") no-repeat center bottom;}
#hp h3{ margin:0; padding:0;}
#hp ul{ margin:5px; margin-left:15px; padding:0;}
#hp .button { position:relative; top:12px; float:right; }
#meet { width:185px; height:260px; background:#f7f8f1 url("../images/box-bottom.jpg") no-repeat center bottom; margin-bottom:0px;}
#meet .button { position:relative; top:15px; float:right; }
/*########################################
              BOXES LAYOUT
########################################*/
.box-content { margin-left:15px; margin-top:10px; font-weight:bold;margin-right:15px; }
.box-content p {margin:0; margin-bottom:8px;}
/**/
.small-banners .first {margin-left:0px; float:left;}
.small-banners img {margin-left:8px; float:left;}
/**/
/*########################################
              INNER LAYOUT
########################################*/
#inner #hwm { width:185px; height:520px; background:#f7f8f1 url("../images/box-bottom.jpg") no-repeat center bottom; float:left;}
#center .content { width: 545px; margin:0 auto; padding-top:10px; font-size:11px; line-height:16px;}
#center .content p {margin-top:12px; margin-bottom:12px;}
#center .content .numbers li  {list-style-type:decimal;}
/*########################################
              SUB-NAV LAYOUT
########################################*/
#sub-nav img { border:none; float:left; }
#sub-nav .sp { width:100%; background:#ffffff; height:2px; overflow:hidden; float:left; }
#sub-nav li{ display:inline; padding:0; margin:0;  }
#sub-nav ul{ padding:0; margin:0 auto; border:none; }