/*
Created 2009 by VIEO Design LLC.
www.vieodesign.com
*/

html,body{
 height:100%; /* needed for container min-height */
 padding: 0;
 margin: 0;
}
body{
 margin:0;
 padding:0;
 background-color: #232021;
 font-family: Helvetica, Verdana, Arial, sans;
 font-size: 13px;
 color: #272727;
}
#menujump{
 position: absolute;
 top: 999999px;
}
.vieodesign_main_wrapper, .vieodesign_main_container{
 width: 944px;
 height: 710px;
}
.vieodesign_main_wrapper{
 bottom: 50%;
 right: 50%;
 position:	absolute;
}
.vieodesign_main_container{
 left: 50%;
 position: relative;
 top: 50%;
 border: 1px solid #C1C2C4;
 overflow: hidden;
}

#dot_blue{
 position: absolute;
 height: 125px;
 width: 285px;
 top: 78px;
 left: 254px;
 overflow: hidden;
 z-index: 1000;
}

#dot_red{
 position: absolute;
 height: 176px;
 width: 176px;
 top: 86px;
 left: 610px;
 overflow: hidden;
 z-index: 1000;
}

#dot_green{
 position: absolute;
 height: 130px;
 width: 174px;
 top: 214px;
 left: 436px;
 overflow: hidden;
 z-index: 1000;
}

#dot_orange{
 position: absolute;
 height: 161px;
 width: 227px;
 top: 296px;
 left: 202px;
 overflow: hidden;
 z-index: 1000;
}

#dot_purple{
 position: absolute;
 height: 136px;
 width: 302px;
 top: 357px;
 left: 575px;
 overflow: hidden;
 z-index: 1000;
}

.dot_text_wrapper{
 position: relative;
 width: 100%;
}

.dot_text_box{
 position: absolute;
 padding-top: 12px;
 width: 98%;
 visibility: hidden;
}

.dot_text_box h3{
 padding: 0px;
 margin: 0px;
 font-size: 11px;
 text-transform:uppercase;
 color: #ffffff;
 padding-left: 15px;
}

.dot_text_box p, .dot_text_box div{
 padding: 0px;
 margin: 0px;
 margin-top: 5px;
 font-size: 10px;
 line-height:100%;
 color: #ffffff;
 padding-left: 15px;
 padding-right: 15px;
}

.dot_text_box div{
 padding-left: 8px;
}

.dot_text_box li{
 color: #ffffff;
 font-size: 10px;
 padding-bottom: 0px;
 line-height:100%;
 margin-left: 0px;
 background: url(images/bullet.gif) no-repeat top left;
 padding-left: 8px;
}

.dot_text_box ul{
 margin: 0px;
 padding: 0px;
 padding-top: 2px;
 width: 161px;
 list-style: none;
 padding-left: 0px;
}

#top_deco{
 height: 18px;
 width: 944px;
 position: absolute;
 top: 0px;
 left: 0px;
 background: #3e3d3f;
 border-bottom: 1px solid #9c9ea0;
}

#menu{
 height: 40px;
 width: 944px;
 position: absolute;
 top: 24px;
 left: 0px;
 background: #3e3d3f;
 border-bottom: 1px solid #9c9ea0;
 border-top: 1px solid #9c9ea0;
}

#menu a:link, #menu a:active, #menu a:visited{
 text-decoration: none;
 color: #f8981d;
 position: absolute;
 top: 6px;
 left: 711px;
 font-size: 22px;
 z-index: 30000;
}

#menu a:hover{
 color: #8cc63f;
}

#picture_bg{
 height: 441px;
 width: 942px;
 position: absolute;
 top: 71px;
 left: 0px;
 background: url(images/picture_bg.jpg) no-repeat top left;
 border-bottom: 1px solid #9c9ea0;
}

#logo_bar{
 height: 200px;
 width: 1000px;
 position: absolute;
 top: 510px;
 left: -30px;
 background: url(images/logo_bar.jpg) no-repeat top left;
}


#fish_text{
 font-family: tahoma;
 height: 88px;
 width: 475px;
 position: absolute;
 top: 575px;
 left: 375px;
 color: #ffffff;
 font-size: 18px;
 z-index: 1200;
 overflow: auto;
}

#top_text{
 height: 27px;
 width: 225px;
 position: absolute;
 top: 28px;
 left: 58px;
 color: #ffffff;
 font-size: 11px;
 z-index: 1200;
 text-align: center;
}

#top_text a:link, #top_text a:visited{
 text-decoration: none;
 color: #ffffff;
}

#top_text a:hover{
 color: #F8981D;
}

#mini_fish{
 height: 25px;
 width: 55px;
 position: absolute;
 top: 33px;
 left: 824px;
 background: url(images/mini_fish.jpg) no-repeat top left;
}


#title{
 height: 311px;
 width: 663px;
 position: absolute;
 top: 22px;
 left: 132px;
 background: url(images/airplane_and_title.gif) no-repeat top left;
}

#title h1{
 position: absolute;
 top: 99999px;
}

#footer{
 height: 70px;
 width: 460px;
 position: absolute;
 top: 442px;
 left: 38px;
 text-align: left;
 color: #ffffff;
 font-size: 18px;
 font-weight: normal;
 border-top: 1px solid yellow;
 border-bottom: 1px solid yellow;
}