/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */



body {
       font-family: trebuchet ms, verdana, arial, tahoma;
       font-size: 90%;
       color: #333333;
       background-color: white;
       line-height: 100%;
       margin: 0;
       padding: 0;
       text-align: center;
}

/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
       width: 95%;
       margin: 0 auto;
       text-align: left;
}

#wrapper-menu-top {
       background: white url('images/bg02-white-left.png') no-repeat left top;
}

#menu-top {
       background: transparent url('images/bg02-white-right.png') no-repeat right top;
       overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
       margin: 0 20px;
       padding: 1em 0 0 0;
       list-style: none;
       font-size: 85%;
       float: left;
}

#menu-top2 {
       margin: 0 40px;
       padding: 1em 0 0 0;
       list-style: none;
       font-size: 85%;
       float: right;
}



#menu-top li {
       display: inline;
       float: left;
}

#menu-top a {
       float: left;
       background:url(images/menuleft.png) no-repeat left top;
       margin:0;
       padding:0 0 0 3px;
       text-decoration:none;
       line-height: 1.5em;
}

#menu-top a span {
       background: transparent url(images/menuright.png) no-repeat right top;
       padding:5px 15px 4px 6px;
       color:#fefefe;
       display: block;
       float: left;
       cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

 #menu-top a:hover { background-position:0% -28px; }
 #menu-top a:hover span {      background-position:100% -28px; }

#wrapper-header {
       background: transparent url('images/bg.png') top center repeat-x;
}

#header {
       background: #eee url('images/banner.jpg') no-repeat center top;
}

#wrapper-header2 {
       background: transparent url('images/bg02-blue-left.png') top left no-repeat;
}

#wrapper-header3 {
       background: transparent url('images/bg02-blue-right.png') top right no-repeat;
}

#header h1 {
       margin: 0 20px;
       padding: 0;
       height: 192px;
       line-height: 3em;
       color: #ccc;
       font-size: 130%;
}

#wrapper-content {
       background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

#content {
       background: transparent url('images/bg02-white-right.png') no-repeat right top;
       padding: 5px 300px 5px 40px;
}

#wrapper-menu-page {
       float: right;
       width:250px;
       margin: 20px 20px 3em 2em;
       background: transparent url('images/menu.png') no-repeat;
       text-align: center;
       line-height: 140%;
       font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-video {
       background: transparent url('images/snowcatvideo.png') no-repeat;
       text-align: center;
       padding-top: 300px;
       padding-right: 15px;
}

#menu-video1 {
       background: transparent url('images/snowcatvideo1.png') no-repeat;
       text-align: center;
       padding-top: 150px;
       padding-right: 15px;
}

#menu-page ul {
       margin: 0;
       padding: 0;
       list-style: none;
       font-size: 90%;
}

#menu-page h3 {
       font-size: 75%;
       text-transform: uppercase;
       margin: 1em 0 0.3em 0;
       color: #5b8fbe;
       font-weight: normal;
       letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }

#wrapper-footer {
       margin-top: 1em;

}

#footer {
       background: transparent url('images/win_01.png') no-repeat left top;
       padding-top: 70px;
       margin: 0 20px;
       background-color: #003366;
       border-bottom: 0;
       clear: both;
       text-align: center;
}
#footer2 {
       background: transparent;
       padding-top: 0px;
       padding-right: 10px;
       margin: 0 20px;
       background-color: #003366;
       border-bottom: 0;
       clear: both;
       text-align: right;
}

h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #ccc; text-decoration: none; }

input        { font-family: Tahoma; font-size: 8pt }
.yaz         { font-family: Verdana; font-size: 8pt; color: #000000 }
option       { font-size: 7pt; font-family: Tahoma }
body         { font-family: verdana;  }
table        { color: #000000; }
textarea     { font-family: verdana;font-size: 8pt; }

:hover.highslideoz { text-decoration: underline }
.highslideoz { font-family: Verdana; color: #344872; font-size: 8pt; font-weight: bold;text-decoration: none }
:hover.ana_link_sag  { color: #9E9E9E}

.highslide {
       cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide-image {
       border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}


.highslide-html {
    background-color: white;
}
.highslide-html-content {
       position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
       color: black;
       font-size: 8pt;
       font-family: sans-serif;
       font-weight: bold;
    text-decoration: none;
       padding: 2px;
       border: 1px solid black;
    background-color: white;

    /*padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/
}

.control {
       float: right;
    display: block;
    /*position: relative;*/
       margin: 0 5px;
       font-size: 9pt;
    font-weight: bold;
       text-decoration: none;
       text-transform: uppercase;
       color: #999;
}
:hover.control {
       color: black !important;
}
.highslide-move {
    cursor: move;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
       font-size: 10px;
}
a:hover.highslide-credits, a:hover.highslide-credits i {
    color: white;
    background-color: gray;
}

.beyazver       {letter-spacing: 1; font-family: verdana; font-size: 8pt; color: #FFFFFF }

.beyaz       { letter-spacing: 1; font-family: arial; font-size: 8pt; color: #FFFFFF }
.mavi_baslik { font-family: Arial; font-size: 8pt; letter-spacing: 1; color: #344872;
               font-weight: bold }
.mavi_baslikver { font-family: verdana; font-size: 8pt;  color: #344872;
               font-weight: bold }
.yazi        { font-family: Verdana; font-size: 8pt; line-height:150% }
.link        { font-family: Arial; text-decoration: none; font-size: 8pt;
               letter-spacing: 1; color: #FFFFFF; font-weight: bold }
:hover.link        {  text-decoration: underline}
.mavi_link        { font-family: verdana; text-decoration: none; font-size: 8pt;
                color: #344872; font-weight: bold }
:hover.mavi_link        { color: #778EBC}

.mavi_linkk        { font-family: verdana; text-decoration: none; font-size: 8pt;
                color: #344872 }
:hover.mavi_linkk       { color: #778EBC}

.mavi_links        { font-family: verdana; text-decoration: none; font-size: 8pt;
                color: #253452; font-weight: bold }
:hover.mavi_links       { color: #778EBC}



#marqueecontainer{
position: relative;
width: 150px; /*marquee width */
height: 120px; /*marquee height */
overflow: hidden;
padding: 2px;
padding-left: 4px;

}




.verticaltext{
font: bold 13px Arial;
position: relative;
right: 0px;
top: 0px;
width: 15px;
writing-mode: tb-rl;
}