/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;	background:transparent;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content: none;} /* remember to define focus styles! */ :focus {outline:0;} /* remember to highlight inserts somehow! */ ins {text-decoration:none;} del {text-decoration:line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:collapse; border-spacing:0;}

body {background:#386456; font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Sans-serif; font-size:1em;}
#body_wrap {background:#e5f2f2 url(../images/bg_top.png) repeat-x;}
#width_wrap {display:block; width:977px; background:transparent url(../images/bg_white_bar.png) top left no-repeat; margin:0 auto;}
#header_wrap {height:160px; display:block;}
#content_wrap {display:block; padding:0 20px 60px 37px; overflow:hidden; min-height:375px;}
#home #content_wrap {padding:0 0 60px 35px;}

/* HEADER */
h1 a {width:155px; height:105px; background:transparent url(../images/sprite_buttons_logos.png) -10px -296px no-repeat; display:block; text-indent:-9999px; float:left; margin:33px 0 0 100px;}
/* Menu */
#menu_wrap {float:left; width:621px; height:40px; display:block; margin:84px 0 0 101px;}
#menu_nav {list-style:none; }
#menu_nav li {float:left; padding:0; background:none;}
#menu_nav a {background:transparent url(../images/sprite_buttons_logos.png); display:block; text-indent:-9999px; height:41px;}
#menu_home a {background-position:-9px -187px; width:70px;}
#menu_about a {background-position:-79px -187px; width:126px;}
#menu_distribution a {background-position:-205px -187px; width:167px;}
#menu_training a {background-position:-372px -187px; width:124px;}
#menu_contact a {background-position:-498px -187px; width:134px;}

#menu_home a:hover {background-position:-9px -239px; width:70px;}
#menu_about a:hover {background-position:-79px -239px; width:126px;}
#menu_distribution a:hover {background-position:-205px -239px; width:167px;}
#menu_training a:hover {background-position:-372px -239px; width:124px;}
#menu_contact a:hover {background-position:-498px -239px; width:134px;}

#home #menu_home a {background-position:-9px -239px; width:70px;}
#about #menu_about a {background-position:-79px -239px; width:126px;}
#distribution #menu_distribution a {background-position:-205px -239px; width:167px;}
#training #menu_training a {background-position:-372px -239px; width:124px;}
#contact #menu_contact a {background-position:-498px -239px; width:134px;}
#terms {}
#privacy {}

/* CONTENT */
#content_wrap .left {display:block; width:300px; float:left; padding-top:20px;}
#content_wrap .right {display:block; width:600px; float:left; padding:20px 0 0 20px; background:transparent url(../images/bg_shine.png) no-repeat;}

/* HOME CONTENT */
#home #gallery_section {display:block; height:346px; margin:20px 0 40px 0;}
#home #gallery_section #gallery {display:block; float:left; width:640px; height:346px; background:transparent url(../images/bg_gallery.jpg) no-repeat;}
#home #gallery_section h2 {display:block; float:left; width:278px; height:224px; background:transparent url(../images/sprite_buttons_logos.png) -4px -420px no-repeat; text-indent:-9999px; margin:62px 24px 0 0;}

#slideshow {position:relative; width:616px; height:296px; top:25px; left:10px;}
#slideshow img {position:absolute; top:0; left:0; z-index:8;}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}

.float_wrap {display:block; margin-bottom:20px;}
#home .three_col {display:block; width:280px; float:left; margin-right:40px;}
#home .three_col_last {display:block; width:280px; float:left; margin-right:0;}

#home #about_box h3 {height:43px; background:transparent url(../images/sprite_h2.png) -10px -18px no-repeat; padding:21px 0 0 80px; margin-bottom:.3em;}
#home #about_box p, #home #distribution_box p, #home #training_box p {display:block; height:80px;}
#home #distribution_box h3 {height:43px; background:transparent url(../images/sprite_h2.png) -10px -137px no-repeat; padding:21px 0 0 85px; margin-bottom:.3em;}
#home #training_box h3 {height:43px; background:transparent url(../images/sprite_h2.png) -10px -250px no-repeat; padding:21px 0 0 74px; margin-bottom:.3em;}

#home .click a {cursor:pointer; width:194px; height:46px; background:transparent url(../images/sprite_buttons_logos.png) -10px -10px no-repeat; display:block; text-indent:-9999px; border:none;}
#home .click a:hover {background-position:-10px -66px;}
#home .click a:active {background-position:-10px -122px;}
#home .learn a {cursor:pointer; width:194px; height:46px; background:transparent url(../images/sprite_buttons_logos.png) -214px -10px no-repeat; display:block; text-indent:-9999px; border:none;}
#home .learn a:hover {background-position:-214px -66px;}
#home .learn a:active {background-position:-214px -122px;}

/* Left Picture/Map */
.left h2 {display:block; width:278px; height:224px; background:transparent url(../images/sprite_buttons_logos.png) -4px -420px no-repeat; text-indent:-9999px; margin-top:10px;}
#left_picture {margin-top:20px; width:283px; height:240px; margin-left:-1px; background:transparent url(../images/left_picture.png) no-repeat;}
#contact #left_picture {padding-top:12px; height:228px;}
#left_picture img {margin:12px 0 0 11px; width:260px; height:207px;}
#left_picture #map {margin:0 0 0 11px; width:260px; height:207px;}
#left_picture #map img {margin:12px 0 0 0;}
#map_link {display:block; margin:-2px 0 30px ;}
#map_link a.external {color:#6eb1bf; text-decoration:underline; font-size:.8em; background:transparent url(../images/icon_link.png) no-repeat center right; padding-right:17px;}
#map_link a:hover {color:#adc360; text-decoration:none; border-bottom:none;}
#map_link a:visited {color:#787eac;}

/* TEXT ELEMENTS */
/* Headline Tags */
h3 {font-family:"Times New Roman", serif; font-size:2.3em; color:#3c656c; font-weight:normal; margin-bottom:.5em;}
#home h3 {font-size:1.9em;}
#about h3 {height:43px; background:transparent url(../images/sprite_h2.png) -10px -18px no-repeat; padding:16px 0 0 84px; margin-bottom:.5em;}
#distribution h3 {height:43px; background:transparent url(../images/sprite_h2.png) -10px -137px no-repeat; padding:16px 0 0 90px; margin-bottom:.5em;}
#training h3 {background:transparent url(../images/sprite_h2.png) -10px -252px no-repeat; padding:16px 0 0 78px; margin-bottom:.5em;}
#contact h3 {height:43px; background:transparent url(../images/sprite_h2.png) -10px -371px no-repeat; padding:16px 0 0 73px; margin-bottom:.5em;}
h4 {font-family:"Times New Roman", serif; font-size:1.3em; color:#3c656c; font-weight:normal; margin-bottom:.4em; line-height:1.25em;}
#content_wrap .right h4 {margin-top:25px; margin-bottom:.5em;}

/* Paragraph Tags */
p {color:#404040; line-height:1.45em; margin-bottom:.65em;}
p a {color:#6eb1bf; text-decoration:underline;}
p a.external {cursor:pointer; color:#6eb1bf; text-decoration:underline; background:transparent url(../images/icon_link.png) no-repeat center right; padding-right:17px;}
p a:hover {color:#adc360; text-decoration:none; border-bottom:none;}
p a:visited {color:#787eac;}

p em {font-style:italic; color:#479077;}
p strong {font-weight:bold; color:#567c83;}
.clear {clear:both; display:block;}

/* LIST */
ul {list-style:none; margin-bottom:.65em;}
li {background:transparent url(../images/bg_list.png) 0 6px no-repeat; line-height:1.45em; margin-bottom:.7em; color:#7e8988; padding-left:20px;}


/* 3 COLUMN */
#content_wrap .right .three_col {display:block; width:186px; margin:0 20px 0 0; float:left;}
#content_wrap .right .three_col_last {display:block; width:186px; margin:0 0 0 0; float:left;}
#content_wrap .right .three_col img, #content_wrap .right .three_col_last img {margin-bottom:10px;}
#content_wrap .right .three_col p, #content_wrap .right .three_col_last p {margin-bottom:.2em;}

/* VIDEOS */
#video_wrap {display:block; overflow:hidden;}
.video {width:173px; display:block; float:left; margin-right:20px; text-align:center;}
.video img {display:block; width:173px; height:169px; margin-bottom:5px;}

/* FORM */

form {margin-top:20px;}
#contact .submit {width:160px; height:43px; background:transparent url(../images/sprite_buttons_logos.png) -418px -10px; display:block; border:none; cursor:pointer; text-indent:-9999px;}
#contact .submit:hover {background:transparent url(../images/sprite_buttons_logos.png) -418px -66px;}
#contact .submit:active {background:transparent url(../images/sprite_buttons_logos.png) -418px -122px;}
#training .submit {width:180px; height:43px; background:transparent url(../images/sprite_buttons_logos.png) -588px -10px; display:block; border:none; cursor:pointer; text-indent:-9999px;}
#training .submit:hover {background:transparent url(../images/sprite_buttons_logos.png) -588px -66px;}
#training .submit:active {background:transparent url(../images/sprite_buttons_logos.png) -588px -122px;}
form {display:block;}
form fieldset {margin-bottom:15px;}
form fieldset label {display:block; margin-bottom:.375em; color:#3c656c;}
form fieldset input {height:23px; width:250px; padding:3px 0 2px 30px;}
form fieldset input, form fieldset textarea {display:block; border:1px solid #869a9d; font-family:'Courier New', Courier, monospace; font-size:.9em; color:#5b5a5a; margin-right:5px;}
form fieldset input.error, form fieldset textarea.error {border:1px solid #99160e;}
form fieldset input.error {height:23px; width:250px; padding:3px 0 2px 30px;}
form fieldset textarea.error {height:150px; width:300px; padding:7px 0 2px 30px;}
form fieldset textarea {resize:none; height:150px; width:300px; padding:7px 0 2px 30px;}
/* Form ID */
form fieldset #name {background:#f2f8f8 url(../images/sprite_input.png) -10px -10px no-repeat;}
form fieldset #name.error {background:#f2f8f8 url(../images/sprite_input_hover.png) 7px 7px no-repeat; color:#212121;}
form fieldset #company {background:#f2f8f8 url(../images/sprite_input.png) -10px -75px no-repeat;}
form fieldset #phone {background:#f2f8f8 url(../images/sprite_input.png) -10px -140px no-repeat;}
form fieldset #email {background:#f2f8f8 url(../images/sprite_input.png) -10px -205px no-repeat;}
form fieldset #email.error {background:#f2f8f8 url(../images/sprite_input_hover.png) 7px -179px no-repeat; color:#212121;}
form fieldset #textarea {background:#f2f8f8 url(../images/sprite_input.png) -10px -270px no-repeat;}
form fieldset #textarea.error {background:#f2f8f8 url(../images/sprite_input_hover.png) 6px -238px no-repeat; color:#212121;}
/* Form ID Focus */
form fieldset #name:focus {background:#f2f8f8 url(../images/sprite_input_hover.png) 7px 7px no-repeat; color:#212121;}
form fieldset #company:focus {background:#f2f8f8 url(../images/sprite_input_hover.png) 7px -54px no-repeat; color:#212121;}
form fieldset #phone:focus {background:#f2f8f8 url(../images/sprite_input_hover.png) 7px -115px no-repeat; color:#212121;}
form fieldset #email:focus {background:#f2f8f8 url(../images/sprite_input_hover.png) 7px -179px no-repeat; color:#212121;}
form fieldset #textarea:focus {background:#f2f8f8 url(../images/sprite_input_hover.png) 6px -238px no-repeat; color:#212121;}

/* ERROR */
#errorExplanation {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:30px 0 20px 0; display:block; border:1px solid #869a9d; background:#f2f8f8 url(../images/bg_error.png) 0 -187px repeat-x;}
#errorExplanation h3 {height:50px; display:block; background:transparent url(../images/bg_error.png) -1px 0px no-repeat; margin:-10px 0 0 20px; color:#99160e; padding:20px 0 10px 80px;}
#errorExplanation p {padding: 0 20px;}
#errorExplanation ul {list-style:none; margin-top:10px;  padding-left:20px; margin-bottom: 20px;}
#errorExplanation ul li {background:transparent url(../images/bg_error.png) -1px -91px no-repeat; line-height:1.45em; margin-bottom:.3em; color:#99160e; padding-left:22px;}

.error {background:transparent url(../images/bg_error.png) -1px -91px no-repeat; line-height:1.45em; color:#99160e; padding-left:22px;}


/* FOOTER */
#footer_wrap {background:transparent url(../images/bg_footer.png) top repeat-x; display:block; overflow:hidden; clear:both;}
#footer {display:block; padding:18px 0 0 37px; width:940px; margin:0 auto; }
#footer_logo {width:95px; height:67px; display:block; background:transparent url(../images/sprite_buttons_logos.png) -174px -296px no-repeat; margin-bottom:40px;}
#footer .left {display:block; width:300px; float:left; padding-top:0; margin-bottom:25px;}
#footer .left ul {list-style:none;}
#footer .left ul li {color:#8ee2c5; font-size:.8em; margin-bottom:.35em; background:none; padding-left:0; }

#footer .right {display:block; float:right; padding:0 0 0 20px;}
#footer .right ul {list-style:none;}
#footer .right ul li {display:inline; font-size:.8em; border-right:1px solid #154133; margin-right:7px; padding-right:10px; background:none; padding-left:0;}
#footer .right ul li a {color:#e5f2f2; text-decoration:underline;}
#footer .right ul li a:hover {text-decoration:none;}
#footer .right ul li.last {padding-right:none; margin-right:none; border-right:none;}

#footer #tech {width:144px; height:33px; display:block; background:transparent url(../images/tech_design.png) no-repeat; float:right; margin:10px 18px 0 0; text-indent:-9999px;}
#footer #tech:hover {background-position:0 -33px;}


#zoom_content {z-index:5000; display:block;}