@import "typography.css";
body {
	background: #7F7F7F;
    margin: 0;
}
.f-right { float: right; }
.f-left { float: left; } 
#wrapper-white {
    margin: 0 auto;
    margin-top: 0px;
    width: 976px;
    border: 7px #ffffff solid;
}
#wrapper-out {
    width: 960px;
    margin: 8px auto; 
    background: #ffffff;   
}

#wrapper-content {
    clear: both;
    overflow: hidden;
    margin: 20px auto 10px auto;
    padding-bottom: 20px;
}
#wrapper-banner {
    width: 960px;
    margin: auto;
    margin-bottom: 8px;
    background: #ffffff;
    height: 79px;   
}
#wrapper-banner img {
    display: block;
    margin: auto;
    padding-top: 2px;   
}
#footer {
    width: 990px; 
    margin: auto;
    margin-top: 5px;
    text-align: center;
}
#header {
    height: 60px;
    background: #669ACC;    
}
#header .logo, #header .info{
    margin: 10px 15px;   
}
#header .info {
    width: 160px; 
    float: right;
}
#menu {
    float: left;
    width: 110px;
    margin-left: 0;
}
#menu .logo {
    margin-left: 20px;
}
#inner-content {
    float: left;
    width: 330px;
    margin-left: 25px;    
}
#photos {
    width: 445px;
    float: right;
    margin-right: 15px;
    position: relative;
}
.photos-home {
    margin-top: 8px;
}
ul#menu-nav {
    margin: 20px 5px 0 5px;
}
ul#menu-nav li {
    padding-left: 15px;  
    margin: 0;  
}
ul#menu-nav li.bottom { 
    height: 2px;
    font-size: 2px; 
    padding: 5px 15px 0px 0;   
    margin-bottom: 5px; 
    background: url('../img/menu-bg.gif') no-repeat 0 100%;     
}
ul#menu-nav ul li.title {
    padding: 2px;
    text-transform: uppercase; 
}
ul#menu-nav ul li.active-sub {
    background: #CADCF0;         
}
ul#menu-nav ul li.sub {   
    padding: 3px;
    background: transparent;     
}
ul#menu-nav li.active {
    background: transparent url('../img/menu-bg-active.gif') no-repeat 0 0;
}
* html ul#menu-nav li.bottom { margin-top: -5px; }    
* html ul#menu-nav li ul li ul { margin: 0}
* html ul#menu-nav li  { height: 13px; } 
* html ul#menu-nav li ul li ul li { padding: 3px 5px 3px 5px; margin-left: 5px;}  
* html ul#menu-nav li ul li.options { margin: 0; padding: 0; } 
ul#menu-nav li ul li { background: transparent; padding-left: 5px; padding-bottom: 0; }
ul#menu-nav li ul li ul li { background: transparent; padding-left: 5px; padding-bottom: 0; }

ul.menu-nav-sub li {
    background: none;
}
ul.menu-nav-sub li.title,
ul.menu-nav-sub li.options {
    display: none;
    font-size: 1px;
}
/* slider */
#slider {
    width: 364px;
    overflow: hidden;
    height: 85px;
    margin-left: 39px;
}
#slider ul.thumb-gallery { 
    width: 364px; 
    height: 85px;
    overflow: hidden;
}
#slider ul.thumb-gallery li {
    float: left;
    width: 85px;
    margin: auto 3px;
    height: 85px;     
    text-align: center;
}
#prevBtn, #nextBtn{ 
    display:block;
    width:33px;
    height:60px;
    text-indent:-8000px;
    position:absolute;
    top: 340px;
}    
    
#nextBtn{  right: 0; }
#prevBtn {  left: -4px; }           
                                          
#prevBtn a, #nextBtn a{  
    display:block;
    width:33px;
    height:60px;
    background:url(../img/photos-left.gif) no-repeat 0 0;    
}    
#nextBtn a{ background:url(../img/photos-right.gif) no-repeat 0 0; }    

/*-- home --*/ 
#photos #photo {
    width: 430px;
    background: white;
    border: 5px #6093CC solid;
    height: 305px;
}
#photos #photo img {
    margin: auto;
    display: block;
}

/* product view */
#inner-content .image-home{
    margin: 10px 0;
}
#inner-content .technical {
    margin: 10px 0;    
}

/* contact us */
#contact-photo {
    width: 367px;
    float: right;
    margin-right: 15px;
}
.contact .input {
    margin: 5px 0;
}
.contact label {
    width: 80px; 
    display: inline-block;
}
.contact input {
    background: #DCE8F3;
    border: 1px #F6F9FC solid;
    height: 15px;
    width: 245px;
}
.contact .submit {
    background: #DCE8F3;
    border: 1px #F6F9FC solid;
    height: 25px;
    width: 47px;
    padding: 5px;
}
.contact textarea {
    background: #DCE8F3;
    border: 1px #F6F9FC solid;
    height: 65px;
    width: 245px;
    margin-left: 80px;
}
.contact .contact-info {
    margin-left: 80px;
}
#contact-photo .contact-us-photo {
    margin-bottom: 5px;
}
/* SCROLL */     
.scroll-pane {
    width: 325px;
    height: 300px;                 
    overflow: auto; 
    float: left;                                
}