@charset "UTF-8";
/* CSS Document */

body {background:#000;margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:66%;}
a {color:#942824; text-decoration:none}
a:hover {color:#942824; text-decoration:underline}
.wrap {width:100%}
.content {width:1024px; margin:auto; overflow:hidden;background-image:url(assets/logo-bg.png);background-repeat:no-repeat;}

.content1 {width:1024px; margin:auto; background-image:url(assets/sidebar-bg.png); background-repeat:repeat-y; min-height:480px}
.logo {padding:5px 0; text-align:center; }
.nav {width:500px;margin:auto;text-align:center;}
.nav ul { list-style-type:none;padding:0;margin:0; font-size:140%;}
.nav ul li  {float:left; padding:10px 10px; text-align:center}
.nav a {color:#fff ; text-decoration:none; padding:2px 4px}
.nav a:hover {background-color:#999}
.home .nav .homeLink, .features .nav .featuresLink, .brochure .nav .brochureLink, .contact .nav .contactLink  { color:#C99}
.home .nav .homeLink:hover, .features .nav .featuresLink:hover, .brochure .nav .brochureLink:hover, .contact .nav .contactLink:hover { background-color:transparent}
.main {padding:0 90px 10px; margin-bottom:20px; font-size:120%; text-align:center;overflow:hidden; text-align:center}
.main h2 { font-size:120%; margin:0}
.main h1{ font-size:160%;margin:20px 0 0}
.main .bottomContact p{margin:0;padding:2px 0 }
.main .bottomContact h3 {margin:0;padding:2px 0}

/*features*/
.features .content { background-position: 0 -622px; min-height:400px}
.videoWrap {padding:20px 80px; text-align:left;}
.videoWrap h2 {font-size:140%;width:190px; margin:0;padding:4px 6px; background-color:#000; color:#FFF;}
.videoBox { padding:10px; border:1px solid #333; background-color:#CCC; font-size:120%}
.videoBox img {margin-right:4px;}
.videoBox p{margin:0;padding:6px 0 0 ; clear:left}
.small {font-size:80%}
.videoBox ul {margin:0;padding:0}
.videoBox li { list-style-type:none; float:left; display:block;margin:0 12px 0 0;padding:0}
.video {float:right;margin-top:-80px; border: 2px solid #000; background-color:#FFF}
.features .main {padding:0 70px; font-size:120%}
.main .col1 {float:left;}
.main .left {width:414px;padding: 18px 0 0 18px}
.main .left p{text-align:center;margin:0;padding:0;clear:left;}
.main .left img {border:2px solid #000;margin:0;}

.features .bottomContact { margin:0 52px;padding:20px 0;background-image:url(assets/bottom-bg.png);color:#FFF; text-align:center}
.features .bottomContact H3, .contact  .bottomContact H3{ font-size:180%;margin:0;padding:0 0 0.23em 0}
.features .bottomContact p, .contact .bottomContact p {font-size:140%; font-weight:bold; margin:0;padding:0 0 0.23em 0}
.features .bottomContact a {color: #CCC; }

/*contact*/
.contact .content { background-image:url(assets/contact-bg.png); background-repeat:no-repeat;min-height:1000px}
.contact .form {width:500px;margin:auto;margin-top:20px; background-color:#FFF;border:2px solid #fff;}
.contact .form h3 {display:block; background-color:#000; color:#FFF;margin:0;padding:4px 6px; text-align:left; font-size:180%;}
.contact .form .formInner {border:8px solid #000; border-top:0; text-align:left;padding:12px}
.contact .form h4 {font-size:160%; color:#942824;padding:0 0 0.6em; margin:0}
.contact .form p {font-size:140%; padding:0 0 0.6em; margin:0}
.contact .form .small {font-size:90%; }
.contact .form span {color:#942824; font-weight:bold }
.contact  label {width:140px; display:inline-block; text-transform:uppercase}
.contact input {width:280px;}
.contact .message {margin-left:144px;margin-top:-10px; width:280px;}
.contact .button {margin-left:144px; width:80px; background-color:#942824; color:#FFF}
.contact .bottomContact {margin:40px 52px 0;padding:20px 0;color:#FFF; text-align:center}

.copyright {color:#FFF; text-align:center;}
.copyright a {color:#FFF;}

.mainPicWrap {position:relative; margin-top:4em;}

.slideshow {position:absolute ; top:2em;left:27em; width:180px; padding:2px; background-color:#000; border:1px solid #fff; }
.slideshow a {color:#FFF}
.slideshow h3 {font-size:120%}