/*
================================================================================
|                                     TAGS                                     |
================================================================================
*/
body
{
    background-color: #044748;
    background-image: url(img/bg.gif);
    background-repeat: repeat-y;
    margin: 0px;
    padding: 0px;
}

a
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #990000;
}

ul
{
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
    padding-left: 30px;
    list-style-type: circle;
    list-style-position: outside;
    list-style-image: url(img/list_image.gif);
}

li
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: bold;
    line-height: 13px;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}

/*
================================================================================
|                                    HEADER                                    |
================================================================================
*/
#ESWpageTitle,#ESWpageTagline
{
    z-index: 100;
}

#ESWpageTitle
{
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 500px;
    top: 59px;
    text-transform: lowercase;
    width: 500px;
}

#ESWpageTitle p
{
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
    text-transform: lowercase;
    width: 500px;
}

#ESWpageTagline
{
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #5F5F5F;
    margin: 0px;
    padding: 0px;
    letter-spacing: 2px;
    position: absolute;
    left: 507px;
    top: 96px;
    text-transform: lowercase;
    width: 500px;
}

#ESWpageTagline p
{
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #5F5F5F;
    text-transform: lowercase;
    width: 500px;
}

/*
================================================================================
|                                     MENU                                     |
================================================================================
*/
#ESWuserMenuPosition
{
    position: absolute;
    left: 30px;
    top: 320px;
    z-index: 100;
    width: 135px;
}

#ESWuserMenu
{
    position: static;
    width: auto !important;
    overflow: ;
}

div.ESWuserButton0
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: bold;
    color: #ffff00;
    text-align: left;
    padding: 0px 0px 0px 15px;
    margin: 5px 0px 0px 0px;
    margin-top: 5px;
    padding-left: 15px;
    width: 135px;
    background-image: none;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    background-color: transparent;
    -filter: none !important;
    -background-image: none !important;
}

div.ESWuserButton0:hover
{
    background-image: url("img/btn_on.png");
    background-repeat: no-repeat;
    color: #ff0000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: none;
    text-align: left;
    padding: 0px 0px 0px 15px;
    margin: 5px 0px 0px 0px;
    background-color: transparent;
    -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/btn_on.png',sizingMethod='crop') !important;
    -background-image: none !important;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 5px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 135px;
}

div.ESWuserButton1
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: none;
    font-weight: bold;
    color: #bebdbd;
    text-align: left;
    padding: 0px 0px 0px 15px;
    margin: 5px 0px 0px 0px;
    margin-top: 5px;
    padding-left: 15px;
    margin-left: 0px;
    width: 135px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

div.ESWuserButton1:hover
{
    background-image: url(img/btn_on.png);
    background-repeat: none !important;
    width: 135px;
}

/*
================================================================================
|                                    CONTENT                                   |
================================================================================
*/
.ESWpageContent
{
    padding: 0px;
    position: absolute;
    width: 167px;
    left: 209px;
    top: 275px;
}

.ESWpageContent1
{
    padding: 0px;
    position: absolute;
    width: 193px;
    left: 486px;
    top: 275px;
}

.ESWpageContent2
{
    padding: 0px;
    position: absolute;
    width: 87px;
    left: 783px;
    top: 258px;
}

.ESWpageContent3
{
    padding: 0px;
    position: absolute;
    width: 87px;
    left: 783px;
    top: 380px;
}

.ESWpageContent4
{
    padding: 0px;
    position: absolute;
    width: 87px;
    left: 783px;
    top: 490px;
}

.ESWpageContent5
{
    padding: 0px;
    position: absolute;
    width: 600px;
    left: 200px;
    top: 350px;
}

h1,h2,h3,h4,h5,h6
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}

p,div.ESWuserTable TD
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}

.margin1
{
    margin-left: 65px;
    margin-top: 20px;
}

.margin2
{
    margin-left: 35px;
    margin-top: 20px;
}

.margin3
{
    margin-left: 15px;
    margin-top: 20px;
}

.margin4
{
    margin-left: 0px;
    margin-top: 20px;
}

/*
================================================================================
|                                    DESIGN                                    |
================================================================================
*/
#top
{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #008487;
    width: 300px;
    height: 200px;
}

#main_width_bg,#top_bgrepeat
{
    background-image: url(img/top_bgrepeat.png);
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    height: 194px;
}

#top_pic
{
    background-image: url(img/top_pic.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 95px;
    width: 900px;
    height: 163px;
}

#spheres
{
    background-image: url(img/spheres.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 350px;
    top: 340px;
    width: 168px;
    height: 106px;
}

#content_pic1
{
    background-image: url(img/content_pic1.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 730px;
    top: 252px;
    width: 42px;
    height: 65px;
}

#content_pic2
{
    background-image: url(img/content_pic2.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 730px;
    top: 365px;
    width: 42px;
    height: 65px;
}

#content_pic3
{
    background-image: url(img/content_pic3.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 730px;
    top: 480px;
    width: 42px;
    height: 65px;
}

#ship
{
    background-image: url(img/ship.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 600px;
    top: 132px;
    width: 108px;
    height: 31px;
}

#rope
{
    background-image: url(img/rope.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 72px;
    width: 402px;
    height: 528px;
}

#top_shape
{
    background-image: url(img/top_shape.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 1px;
    top: 27px;
    width: 499px;
    height: 219px;
}

#top_rope
{
    background-image: url(img/top_rope.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 395px;
    top: 0px;
    width: 50px;
    height: 84px;
}

#water
{
    background-image: url(img/water.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 436px;
    top: 0px;
    width: 281px;
    height: 223px;
}

#steering_wheel
{
    background-image: url(img/steering_wheel.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 338px;
    top: 125px;
    width: 68px;
    height: 63px;
}

#pattern
{
    background-image: url(img/pattern.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 68px;
    top: 45px;
    width: 47px;
    height: 69px;
}

/* TABLE PART START */
div.ESWuserTable
{
    height: 93px;
}

div.ESWuserTable TABLE
{
    border: 1px solid black;
    border-collapse: collapse;
}

div.ESWuserTable TD
{
    border: 1px solid black;
}

/* TABLE PART END */
.ESWuserButtonActive div
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: none;
    text-align: left;
    padding: 0px 0px 0px 15px;
    margin: 5px 0px 0px 0px;
    background-image: none;
    background-color: transparent;
    -filter: none !important;
    -background-image: none !important;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 5px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 135px;
}