* {margin: 0;padding: 0;}
body{font:84% Verdana,Arial,lucida,sans-serif; margin:0; padding:0; color:#333; text-align:center; background:#1A5CB5 url('../images/bg.gif');}

h1,h2,h3,h4{font-size:150%; font-weight:bold; margin:.6em 0;}
h2{font-size:140%;}
h3{font-size:130%;}
h4{font-size:120%;}

hr{height:1px; border:none; border-bottom:1px solid #99B4C8;}
p,ul{padding:0.5em 0;}

/* Layout */
#head,#menu,#cont,#info,#foot {overflow:hidden;display:inline-block} /* layout */
#head,#foot {width:100%} /* safari and opera need this */
#menu,#cont,#info {float:left}

#main{position:relative; top:0; left:0; margin:0 auto; width:940px; text-align:left; line-height:1.3em; background: #1452A5;}                                  

#head{height:170px; background: url('../images/head.jpg') 50% 20px no-repeat;} 
#head div{position:absolute; z-index: 9; top:20px; left:90px; width:180px; height:129px; overflow:hidden;}
#head div img{position:absolute; top:0; left:0;}

#menu, #info {
    width: 220px;
    color: #fff;
}
    #menu .padd {
        background: url('../images/menu.jpg') 20px 0 repeat-y;
    }
    #info .padd {
        background: url('../images/info.jpg') 20px 0 repeat-y;
        margin-bottom: 15px;
    }
    #info img {
        border: solid 6px #EE9C4D;
        text-align: center;
    }
    #menu .block, #info .block {
        background: url('../images/menu-bottom.gif') 20px 100% no-repeat;
        padding: 5px 20px;
    }    

#cont {
    width:500px;
    background: #fff;
}
    #cont .padd {
        padding: 10px 20px 20px;
    }

#foot {
    clear:both;
    display: block;
    padding: 20px 0;
}
    #foot div {
        background: #356AB1;
        border: solid 1px #245EAB; border-left: 0; border-right: 0;    
    }
    #foot p {
        padding-left: 40px; padding-right: 40px;
        font-size:85%;
        color: #99B4C8;
    }
    #foot a {
        color: #99B4C8;
    }

/* Component */
#menu h3, #info h3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: url('../images/underline.gif') 50% 1.60em no-repeat;
    padding: .6em 0 .8em 0; margin: 0;
}
#menu ul {
    padding: 5px 0; margin: 0;
}
    #menu ul li {
        line-height: 24px;
        list-style-type: none;
        padding: 2px 0px;
    }
        #menu ul li ul li {
            font-size: 90%;
        }
            #menu ul li ul li a {
                line-height: 18px;
                padding-left: 35px;
                background-position: -30px 0;
            }
            #menu ul li ul li a:hover {
                background-position: -30px 0;
            }
        #menu ul li a {
            display: block;
            background: url('../images/list.gif') 6px 3px no-repeat;
            padding-left: 32px;
            font-size: 90%;
            font-weight: bold;
            text-decoration: none;
            color: #fff;
        }
        #menu ul li a:hover, #menu ul li a.active {
            background-image: url('../images/list2.gif');
            text-decoration: underline;
        }
        
#info div.infoblock {
    padding: 5px 10px 10px; 
}
#info ul {
    margin: 0; padding: 0;
}
#info ul li {
    list-style-type: none;
    padding: 1px 20px;
}

/* cont */
#cont h2 {
    color: #FF6600;
}
    #cont h2 span.small {font-size: .6em; color: #333333;}
#cont h3 {
    color: #1452A5;
}
#cont h4 {
    color: #333;
}
#cont a {
    color: #FF6600;
}
#cont ul {
    padding-left: 1.8em;
    list-style: square;
}
#cont ul li {
    line-height: 1.4em;
    font-size: 105%;
}
#cont img {
    padding: 2px; margin: 5px 0;
    border: solid 1px #99B4C8;
}
#cont img.none {
    border: none;
}
#cont table {
    margin: 12px 8px; 
}
#cont .code {
    background: #DBEAFF;
    border: solid 1px #99B4C8;
    padding: 5px 8px; margin: 10px 0;
}

/* Products */
#cont div.products {
    border-top: solid 1px #99B4C8;
    padding-top: 10px;    
}
    #cont div.products img {
        float: left;
        margin: 8px 12px 8px 0;
    }
    #cont div.products h4 {
        color: #1452A5;
    }
    div.products span {
        font-weight: bold;
        color: #FF0000;
    }

/* Gallery */
#cont div.gallery {
    text-align: center;
    padding: 2px;
}
#cont div.gallery a {
    float: left;
    display: block;
    margin: 6px;
    width: 140px;
    height: 105px;
    background: #DBEAFF;
}
#cont div.gallery a:hover {
    background: #1452A5;
    color: white;
}
#cont div.gallery img {
    padding: 0; margin: 0;
    margin-top: 5px; 
    border: none;
}

/* Lightbox */
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
}    
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url("../js/overlay.png"); }

* html #overlay{
    background-color: #333;
    back\ground-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../js/overlay.png", sizingMethod="scale");
}

/* Colors */
.white {color:#fff;}
.black {color:#333;}

/* Link */
a{text-decoration:underline; color:#222;}
a:hover{text-decoration: none;}
a.ext {background:transparent url('../images/out-link.gif') no-repeat scroll 100% 30%;padding-right:8px;}

/* Form */
form{}
form th,form td{border:none;vertical-align:top;}
fieldset{}
legend{}

/* Table */
table{border-collapse:collapse;}
th,td{padding:0.3em 0.5em; border:1px solid #ABDF96;}

/* Other */
.sml	{font-size: 80%;}
.hid	{display: none;}
.cent	{text-align: center;}
.right	{text-align: right;}
.just	{text-align: justify;}
.flr	{float: right; position: relative;}
.fl		{float: left; position: relative;}
.cl		{clear: both;}
.cll	{clear: left;}
.none, a img {border: none;}
.vis	{visibility: hidden; margin: 0;}
.border	{border:1px solid #333;}
.bold   {font-weight: bold;}