* {padding: 0; margin: 0; border: none;}
body {
  color: #000;
  font-size: 14px;
  font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;
  background: #000 url('../img/body-bg.jpg') no-repeat center top;
  text-align: center;
}

h1, h2, h3, h4 {text-decoration: none; color: #000; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px;} 
h1, h2.arrow {font-size: 17px; background: url(../img/title-arrow.png) 4px 6px no-repeat; padding: 6px 30px 0px;}
h3.arrow {font-size: 13px; background: url(../img/title-arrow.png) 4px 6px no-repeat; padding: 6px 30px 0px; height: 17px; }
h2, h3 {font-size: 13px; margin-top: 8px;}
h2.offset {padding-left: 30px;}

a {color: #000; text-decoration: underline;}
a:hover {color: #CC0000; text-decoration: underline;}
strong {color: #232323; font-weight: bold;}
.red {color: #CC0000; font-weight: bold;}
.green {color: #32CD32; font-weight: bold;}

.clear {clear: both;} 
.none {clear: none;} 
.left {float: left;} 
.right {float: right;} 
.center {text-align: center;}

#wrap {width: 940px; margin: 0 auto; padding: 0;}

/* Header
-------------------------------------------------------- */	
#header {float: left; position: relative; width: 940px; height: 270px; background: url(../img/header-content.jpg) left top no-repeat; }

/* Navigation */	
ul.navigation {width: 870px; clear: both; position: absolute; left: 36px; top: 236px; list-style: none;}
ul.navigation li {float: left; padding-right: 8px; font-size: 13px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; background: url(../img/slash.jpg) 100% 0 no-repeat;}
ul.navigation li.no-slash {background: none;}
ul.navigation li a {float: left; display: block; padding: 0 16px; line-height: 16px; color:#749B00; text-decoration: none;}
ul.navigation li a:hover, ul.navigation li a.selected {color: #FFF;}

/* Content 
-------------------------------------------------------- */	
#content {float: left; width: 940px; min-height: 500px; height: auto !important; height: 500px; text-align: left; background: url(../img/content-bg.jpg) left top repeat-y;}
#content .indent {float: left; padding: 20px 30px 10px 50px; width: 540px;min-height: 400px;  }
#content .indent p {margin-bottom: 20px;}
#content .full-indent {float: left; padding: 20px 30px 20px 40px; width: 860px;}
#content .full-indent p {margin-bottom: 10px;}

#content ul { margin: 4px 2px 2px; }
#content ul li { list-style: none; margin-bottom: 4px; padding-left: 16px; color: #000;}
#content ul.arrow li { background: url(../img/double-arrow.gif) left 5px no-repeat;}
#content ul.ok li { background: url(../img/icon-ok.gif) left 3px no-repeat;} 
#content .indent .item p { margin-bottom: 20px; font-weight: bold;}
#content .indent .more {float: left; margin: 4px 0 20px 10px; padding-left: 20px; color: #000; background: url(../img/double-arrow.gif) left 5px no-repeat;}

/* Galerry */	
.item {float:left; display: block; margin-bottom: 10px; margin-right: 20px;}
.item a.thumb:link img, .item a.thumb:visited img {padding:10px; background: url(../img/item.png) left top no-repeat;}
.item a.thumb:hover img {background: url(../img/item.png) left -113px no-repeat;}

.item-min {float:left; width: 86px; height: 86px; margin-bottom:5px; margin-right:5px;}
.item-min a.thumb:link img, .item-min a.thumb:visited img {padding:10px 11px; background: url(../img/item-min.png) left top no-repeat;}
.item-min a.thumb:hover img {background: url(../img/item-min.png) left -86px no-repeat;}

.item-press { float: left; width: 240px; height: 86px; margin: 10px 0;}
.item-press a.thumb:link img, .item-press a.thumb:visited img { float: left; padding:10px 16px 10px 11px; background: url(../img/item-min.png) left top no-repeat;}
.item-press a.thumb:hover img {background: url(../img/item-min.png) left -86px no-repeat;}
.item-press a.title {font-size: 14px; color: #000; font-weight: bold; text-decoration: underline;}
.item-press a:hover {color: #CC0000;}
.item-press p {;font-size: 12px; color: #444;}

/* Flash */	
#video-box {position: relative; width: 540px; height: 350px; background: url(../img/bg-video.png) left top no-repeat;}
.video-box-content {padding: 20px;}
#vimeo-box {position: relative; width: 540px; height: 320px; background: url(../img/bg-vimeo.png) left top no-repeat;}
.vimeo-box-content {padding: 20px;}
#quiz-box {position: relative; width: 870px; height: 440px; background: url(../img/bg-quiz.png) left top no-repeat;}
.quiz-box-content {padding: 20px;}

/* Box */	
#box-info {float: left; width: 300px; font-size: 14px; font-style: italic; }
#box-info .news {height: 60px; margin-top: 20px; margin-bottom: 10px; background: url(../img/box-news.png) left top no-repeat;}
#box-info p {padding-bottom: 10px; padding-right: 10px; }

#box-gallery {float: left; width: 300px; font-size: 14px; font-style: italic; }
#box-gallery .gallery {height: 70px; margin-top: 10px; margin-bottom: 6px; background: url(../img/box-gallery.png) left top no-repeat;}
#box-gallery .more {float: right; margin: 4px 30px 20px 0; padding-left: 20px; color: #000; background: url(../img/double-arrow.gif) left 5px no-repeat;}

#facebook { float: right; width: 320px; height: 60px; margin-bottom: 20px; background: url(../img/facebook.png) left top no-repeat; }
#facebook a {font-size: 14px; color: #000; font-weight: bold; text-decoration: none; padding-left: 75px; }
#facebook a:hover {color: #CC0000;}
#facebook strong {font-size: 27px; color: #000; font-weight: bold; text-decoration: none; padding-left: 75px; }

/* Form */	
#contact_form .form_up {width: 600px; margin-top: 10px;}
#contact_form .form_down {margin-left: 10px; width : 550px;}
#contact_form input {margin-top: 5px; margin-left: 12px; width: 280px; padding-left: 2px; border: none; color: #666; background-color: #FFF; }
#contact_form .field {float: left; width: 303px; height: 30px; margin-top: 7px; font-size: 13px; color: #666; border: none; background : url(../img/field-bg.gif) no-repeat right center;}
#contact_form label {display: inline; width : 240px; float : left; padding-top : 10px; text-align : right; color : #666; font : bold 14px 'trebuchet ms';}
#contact_form textarea {width: 516px;  height: 130px; border: none; color: #666; background-color: #FFF;}
#contact_form .txtarea {float: right; width: 540px; height: 140px; margin-top: 10px; padding: 5px; background : url(../img/teaxarea-order.gif) no-repeat;}
#contact_form label.radio {float: right; display: inline; width: 330px; margin-right: 20px; margin-top: 6px; padding-top: 0px; text-align: left; color: #666; font: bold 13px 'trebuchet ms';}
#contact_form input.radio {float: left; width: 14px; height: 14px; margin-top: 6px; margin-right: 12px; color: #666; background: #FFF;}
#contact_form input.sub {float: right; width: 80px; margin: 0px; margin-right: 10px; border: 1px solid #000; font-size: 13px; color: #FFF; text-align: center;  background-color: #99CC00; cursor: pointer;}

/* Partners */
#main-partners, #other-partners {text-align: center;}
#main-partners img {margin-right: 20px; margin-bottom: 6px;}
#other-partners img {margin-right: 2px; margin-bottom: 2px;}
#bottom-partners {float: left; width: 940px; height: 150px; position: relative; background:url(../img/content-bottom.jpg) left bottom no-repeat;}
#bottom-partners img {padding: 20px 30px;}

/* Footer
-------------------------------------------------------- */	
#footer  {float: left; display: inline; width: 940px; height: 50px; font-size: 12px; color: #838280;}
#footer p {padding: 10px 4px; color: #FFFF99;}
#footer a {color: #FFFF99; text-decoration: underline;}
#footer a:hover {color: #FFF;}

/* SCRIPTS
-------------------------------------------------------- */

/* Automatic Carousel */
.infiniteCarousel {width: 280px; position: absolute; top: 116px; right: 190px;  background-color: lime;}
.infiniteCarousel .wrapper {width: 190px; overflow: auto; height: 95px; margin: 0 44px; position: absolute; top: 0; left: 0; text-align: left;}
.infiniteCarousel .wrapper ul {width: 100px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;  position: absolute; top: 0;}

.infiniteCarousel ul li {float:left; display:block; padding: 10px; height: 75px; width: 170px;}
.infiniteCarousel ul li a img {display:block;}

.infiniteCarousel .arrow {display: block; width: 35px; height: 75px; position: absolute;top: 4px; text-indent: -999px; cursor: pointer; outline: 0; background: url(../img/arrow-carousel.gif) no-repeat 0 0;}
.infiniteCarousel .forward {background-position: 0 0; right: 0;}
.infiniteCarousel .back  {background-position: 0 -72px; left: 0;}