@import "reset.css";

body{
    background: #ed145b;
    font-family: Arial, sans-serif;
    font-size: 13.5px;
    line-height: 18px;
    /*overflow: hidden;  uncomment to hide horizontal scrollbar*/
}
a{
    color: #ed145b;
    text-decoration: none;
}
a:hover{
    border-bottom: dotted 1px #ed145b;
}
p{
    margin: 0.75em 0;
}

div#menu{
    padding: 10px;
    position: fixed;
    top: 780px; left 0;
}
div#container{
    background: #000 url(../img/b0ff00.png) repeat-x 0 518px;
    color: #6f6f6f;
    height: 706px;
    width: 5600px;
}

div.box{
    float: left;
    height: 760px;
    width: 700px;
}
div.col{
    float: left;
}

/*-------------------section1--------*/
div#s1{
    background: url(../img/border-s1.png) no-repeat 100% 513px;
    width: 980px;
}
div#s1 div#flash-intro{
    height: 650px; /*650*/
    width: 832px; /*832*/
}
div#s1 a#s1-a1{
    position: absolute;
    top: 392px; left: 833px;
}
div#s1 a#s1-a1{
    border: none;
}

/*-------------------section2--------*/
div#s2{
    background: url(../img/border-s2.png) no-repeat 0 482px;
    width: 2000px;
}
div.corners{
    background: red url(../img/corners.png) no-repeat;
    height: 259px; /*269*/
    float: left;
    margin: 57px 0 0 10px;
    padding: 5px 9px;
    width: 97px; /*115*/
}
div.corners h3{
    font-size: 11px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    line-height: 14px;
}
div.corners p{
    font-size: 9px;
    line-height: 9.25px;
    margin: 1em 0 1.3em;
}
div#video{
    background: url(../img/video-bg.png) no-repeat;
    height: 412px; /*450*/
    float: left;
    margin: 30px 0 0 22px;
    padding: 38px 0 0 13px;
    width: 530px; /*543*/
}
div#s2 div.col{
    float: left;
    height: 430px;
    margin: 61px 0 0 25px;
    overflow: hidden;
    width: 280px;
}
div#s2 div.module{
    margin: 0 0 20px;
}


div.icon-links{
    clear: both;
    padding: 10px 0 0 3px;
}
div.icon-links a{
    display: block;
    float: left;
    padding: 0 0 0 3px;
    width: 53px; /*56*/
}
div.icon-links a:hover{
    border: none;
}

a.btn{
    float: right;
    margin-top: -14px;
    padding: 5px;
}
a.btn{
    border: none;
}

div.nav{
    clear: both;
    height: 20px;
    line-height: 20px;
    padding: 72px 0 1em 150px;
}
div.nav a{
    color: #5d5d5d;
}
div.nav a:hover{
    border: none;
    color: #aeff00;
}
div.nav a#n0{
    font-size: 18px;
    margin-right: 15px;
}
div.nav a#n1{
    font-size: 29px;
    margin-right: 12px;
}
div.nav a#n2{
    font-size: 27px;
    margin-right: 12px;
}
div.nav a#n3{
    font-size: 20px;
    margin-right: 18px;
}
div.nav a#n4{
    font-size: 31px;
    margin-right: 29px;
}
div.nav a#n5{
    font-size: 7px;
    margin-right: 14px;
}
div.nav a#n6{
    font-size: 9px;
}

/*-------------------section3--------*/
div#s3{
    background: url(../img/border-s3.png) no-repeat 539px 482px;
    width: 1000px;
}
a#s3-a1{
    float: left;
    position: relative;
    top: 392px; left: 36px;
}
a#s3-a1:hover{
    border: none;
}
div#s3 div.content{
    background: url(../img/s3-bg.jpg) no-repeat 47px 0;
    float: left;
    height: 437px; /*437*/
    overflow: visible;
    position: relative;
    width: 767px; /*767*/
}
div#s3 div.col{
    margin: 61px 63px 0 58px;
    padding: 0;
    width: 205px;
}
div#s3 div.last{
    margin-left: 0;
    width: 256px;
}

/*---------------- modules ---------*/

div.module{
    overflow: auto;
}
div.module h2{
    background: transparent url(../img/dotted.png) repeat-x bottom;
    color: #00aeef;
    clear: both;
    font-size: 22px;
    font-weight: normal;
    line-height: 23px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
div.module dl{

}
div.module dt{
    color: #b0ff00;
    font-size: 11px;
}
div.module dd{
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 1em;
}
div.module ul.media{
    
}
div.module ul.media li{
    clear: both;
    font-size: 12px;
    line-height: 14px;
    overflow: auto;
    padding-bottom: 7px;
}

div.thumb{
    background: url(../img/thumb-bg.jpg) no-repeat top left;
    display: block;
    float: left;
    height: 80px; /*89*/
    margin-right: 12px;
    padding: 9px 0 0 7px;
    width: 119px; /*126*/
}
div.thumb img, div.thumb a{
    border: solid 3px #fff;
    display: block;
    height: 65px;
    padding: 0;
    width: 105px;
}

div.thumb-small{
    background: url(../img/thumb-small-bg.jpg) no-repeat top left;
    display: block;
    float: left;
    height: 50px; /*54*/
    margin-right: 8px;
    padding: 4px 0 0 5px;
    width: 71px; /*76*/
}
div.thumb-small img, div.thumb-small a{
    border: solid 3px #fff;
    display: block;
    height: 38px; /*38*/
    padding: 0;
    width: 61px; /*61*/
}

div.thumb a:hover, div.thumb-small a:hover{
    border-color: #ed145b; /* this is the rollover state for thumbs.  change the color or remove it if you like */
}
div.thumb a img, div.thumb-small a img{
    border: none;
}