/**************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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;}
a img, :link img, :visited img {border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
ol, ul { list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}


/**************MASTER STYLE**************************/
html, body{  margin:0;  padding:0;  text-align:center; background-color:#fff; font-family:Arial, sans-serif; color:#444751; font-size:13px; } 
 
#pagewidth{  width:940px;  text-align:left;  margin:0 auto;  } 
 
.header{position:relative; height:80px; width:940px; display:block; overflow:hidden; background-image: url(../images/shadow.png); background-repeat:no-repeat; background-position:0px 70px} 
.logo { position:relative; top:0px; float:left; margin-right:15px;}
.googlesearch { position:relative; top:12px; float:right; }
 
.maincol{ position: relative; height:800px; background-color: #FFFFFF; }
.navi { width:100%; height:25px;} 
.navi ul {}
.navi ul li { float:left; color:#000; font-size:16px; font-weight:bold; margin-right:50px;}
 
.grey {widht:100%; height:5px; background-color:#d8d8d8;  color:#fff; margin-bottom:5px}
.contest {widht:914px; height:19px; padding:13px; background-color:#155281;  color:#fff; font-size:17px; font-weight:bold; margin-bottom:10px;; float:left;} 

.btn {}
.btn ul { margin:25px 20px 17px 75px; font-size:14px;list-style-image:url(../images/bx-bullet.jpg); }
.btn ul li {color:#605d5d; line-height:22px; }

.box { width:300px; height:448px; float:left; margin-right:20px;  margin-top:10px;}
.boxlink {width:300px; height:90px; display:block; }
.slider1 {width:300px; height:147px; background-image:url(../images/bck-slider.jpg); float:none}

.footer{ position:relative; height:150px; clear:both; float:none; display:block; overflow:hidden; border-top:1px solid #e1e0e3} 
.footer ul { margin:15px 0 0 0px;  font-size:11px }
.footer ul li { margin-left:25px; padding-right:25px; line-height:15px;}
.footer a:link { color:#605D5D; text-decoration:none}
.footer a:visited {color:#605D5D;}
.footer a:hover {color:#676cac;}
.footer a:active {color:#605D5D;}
.copyright { position:relative; top:15px; clear:both; float:none; text-align:center; font-size:12px;}
 

/**************TYPO***********************************/
h1 {font-size:24px; margin:15px; text-transform:uppercase;}
h2 {font-size:17px; font-weight:bold; color:#303577; margin:15px;}
p  {font-size:13px; line-height: 18px; margin:15px;}
a:link { color:#303577; }
a:visited {color:#303577;}
a:hover {color:#676cac; }
a:active {color:#303577;}

.lnkmd a:link { color:#174f7e; text-decoration:none; font-size:16px; }
.lnkmd a:visited {color:#174f7e; text-decoration:none;  font-size:16px; }
.lnkmd a:hover {color:#103e64; text-decoration:none;  font-size:16px; }
.lnkmd a:active {color:#174f7e; text-decoration:none;  font-size:16px; }

.lnkhd a:link { color:#174f7e; text-decoration:none; margin-right:15px;}
.lnkhd a:visited {color:#174f7e; text-decoration:none}
.lnkhd a:hover {color:#155281; text-decoration:none}
.lnkhd a:active {color:#174f7e; text-decoration:none}

#btn1 { position:relative; width:300px; height:90px; border:0; background:url('../images/btn-things.png') no-repeat; outline:none; }
/*#btn1:hover {background:url(../images/btn-things.gif) 0px 90px; outline:none;}
*/
#btn2 { position:relative; width:300px; height:90px; border:0; background:url('../images/btn-get.png') no-repeat; outline:none; }
/*#btn2:hover {background:url(../images/btn-get.gif) 0px 90px; outline:none;}
*/
#btn3 { position:relative; width:300px; height:90px; border:0; background:url('../images/btn-where.png') no-repeat; outline:none; }
/*#btn3:hover {background:url(../images/btn-where.gif) 0px 90px; outline:none;}
*/

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/***********small sliders****************************/

.jcarousel-control { margin-bottom: 10px; text-align: center;}
.jcarousel-control a {  font-size: 75%; text-decoration: none; padding: 0 5px; margin: 0 0 5px 0; border: 1px solid #fff; color: #eee; background-color: #4088b8; font-weight: bold;}
.jcarousel-control a:focus,
.jcarousel-control a:active { outline: none;}
.jcarousel-scroll {margin-top: 10px; text-align: center;}
.jcarousel-scroll form { margin: 0;  padding: 0;}
.jcarousel-scroll select { font-size: 75%;}
#mycarousel-next {cursor: pointer; position: absolute; top: 65px; left: 247px;}
#mycarousel-prev {cursor: pointer; position: absolute; top: 65px; left: 0px;}
#mycarousel-next2 {cursor: pointer; position: absolute; top: 65px; left: 247px;}
#mycarousel-prev2 {cursor: pointer; position: absolute; top: 65px; left: 0px;}
#mycarousel-next3 {cursor: pointer; position: absolute; top: 65px; left: 247px;}
#mycarousel-prev3 {cursor: pointer; position: absolute; top: 65px; left: 0px;}
.jcarousel-skin-tango .jcarousel-container {position: relative; top: 1px; left: 17px;}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 182px; padding: 20px 40px;}
.jcarousel-skin-tango .jcarousel-container-vertical {width: 112px; height: 182px; padding: 40px 20px;}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  182px; height: 112px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:  112px; height: 182px;}
.jcarousel-skin-tango .jcarousel-item { width: 182px; height: 112px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}
/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/*********big slider*******/

#slideshowWrapper{position:relative;width:500px; margin:auto;}
slideshow ul{list-style:none;border:1px solid #999;padding:2px;margin:auto;margin-top:5%;width:500px;height:200px;overflow:hidden;}
#fssList{list-style:none;width:100px;margin:auto; position:absolute; top:229px; left:410px; }
#fssList li{display:inline;padding-right:10px; }
#fssList li a{color:#999;text-decoration:none; widht:10px; height:10px;  color:white}
#fssList li.fssActive a{font-weight:bold;color:red;}





    
    .container {width:940px; }
    
    /* ----------------------------------------------------- */
    /* navigation styles - BEGIN */ 
    
    /* style for horizontal nav */  
    #navigation_horiz {width:940px; clear:both; padding:0 0 0 0; margin:0 auto; }
    #navigation_horiz  ul {height:0; display:block}
    #navigation_horiz  ul li {display:block; float:left; height:30px;    margin:0 1px 0 0; position:relative; z-index:55}
    #navigation_horiz  ul li a.navlink
    { position:relative; top:0; left:0;  float:left; padding: 0;  text-align:center; color:#fff; text-decoration:none; color:#000; font-size:16px; font-weight:bold; margin-right:20px;}
    
    #navigation_horiz .dropdown { position:absolute; border-bottom-right-radius:6px; border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px}


    
        #navigation_horiz ul li #dropdown_one {color:#fff; position:absolute; top:0px; left:0; width:500px; height:200px; }
        #navigation_horiz ul li #dropdown2 {color:#fff; position:absolute; top:0px; left:0; width:500px; height:200px; margin-left:-125px; }
        #navigation_horiz ul li #dropdown3 { color:#fff; position:absolute; top:0px; left:0; width:500px; height:200px; margin-left:-239px;}
        #navigation_horiz ul li #dropdown4 { color:#fff; position:absolute; top:0px; left:0; width:500px; height:200px; margin-left:-369px;}
        #navigation_horiz ul li #dropdown5 { color:#fff; position:absolute; top:0px; left:0; width:500px; height:200px; margin-left:-560px;}
        #navigation_horiz ul li #dropdown6 { color:#fff; position:absolute; top:0px; left:0; width:500px; height:200px; margin-left:-656px;}                    

        
.ddlcont { width:500px; height:200px; border:1px solid #d8d8d8; background-color:#FFFFFF; color:#333333; font-size:12px; font-weight:normal; margin-left:0px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px}
.ddlcont ul { margin-left:20px; }
.ddlcont ul li { font-size:12px; text-decoration:none; float:none; clear:both; height:5px;  }
.ddlcont ul li a:{ font-size:12px; font-weight:normal; text-decoration:none; float:none; clear:both; height:5px; }

.ddl a:link{ padding:0; padding:0; font-size:15px; text-decoration:none; font-weight:bold; color:#155281 }
.ddl a:visited{ padding:0; padding:0; font-size:15px; text-decoration:none; font-weight:bold; color:#155281  }
.ddl a:hover{ padding:0; padding:0; font-size:15px; text-decoration:none;  font-weight:bold; color:#062842 }
.ddl a:active{ padding:0; padding:0; font-size:15px; text-decoration:none;font-weight:bold; color:#155281  }

.smalldesc {position:relative; top:4px; font-size:11px; color:#666666}

.slicknav_menu, #mobile-menu {
    display: none;
}


@media only screen and (max-width: 950px) {
    #pagewidth, .header, .container, #navigation_horiz, .box {
        width: 100%;    
    }
    .maincol {
        padding: 0 1%;
    }
     body, html {
        overflow-x: hidden;
    }
    .slides img {
        max-width: 100%;
    }
    .slider1 {
        width: 215px;
    }
    .slider1 img {
        padding: 18px 18px !important;
    }
    .box {
        width: 30% !important;
        margin-right: 3%;
    }
    #btn1, #btn2, #btn3 {
        width: 100%;
        background-size: contain;
    }
    .btn ul {
        margin: 25px 20px 17px 38px;
    }
    .slides {
        height: 100% !important;
        margin-bottom: 1rem !important;
    }
    .contest, .slides {
        width: 96% !important;
        clear: both;
    }
    .contest {
        margin-top: 1rem !important;
        padding-bottom: 3rem !important;
    }
    .navi {
        display: none;
    }
    .slicknav_menu {
        display: block;
    }

    .grey {
        display: none;
    }

}

@media only screen and (max-width: 700px) {
    .btn ul {
        margin: 25px 20px 17px 75px;
    }
    .slider1 {
        width: 300px;
    }
    .slider1 img {
        padding: 18px 55px !important;
    }

}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 615px) {

    .header {
        position: inherit;
    }
    #wrapper {
        margin-top: 3.5rem;
    }
    #navigation_horiz {
        border: none;
    }
    #navigation_horiz ul li {
        float: none;
        padding-left: 5%;
    
    }
    .googlesearch {
        float: none;
        position: absolute;
        display: block;
        width: 100%;
        clear: both;
        top: 7rem;
        left: 0.5rem;
    }

    .box {
        position: relative;
        left: 15%;
        width: 90% !important;

    }

}

@media only screen and (max-width: 400px) {
    .box {
        left: 2%;

    }

}