/*------------------------------------------------------------------
 
 [Main Stylesheet]
 
 ------------------------------------------------------------------*/
body {
	background: #000 url(../gfx/bg.jpg) 50% 0  no-repeat;
    color: #fff;
    font-family: Segoe UI, Arial, Tahoma;
}

#wrapper {
    width: 650px;
    margin: auto;
    position: relative;
}

h1 a {
    background: transparent url(../gfx/logo-trans.png) no-repeat top left;
    cursor: pointer;
    display: block;
    float: left;
    height: 136px;
    overflow: hidden;
    position: relative;
    text-indent: -9000px;
    width: 546px;
}

a#click {
    background: transparent url(../gfx/click-trans.png) no-repeat scroll left top;
    cursor: pointer;
    display: block;
    float: left;
    height: 226px;
    overflow: hidden;
    position: absolute;
	top:0px;
	right:80px;
    text-indent: -9000px;
    width: 174px;
}

a#download {
    background:url("../gfx/download-trans.png") no-repeat scroll left top transparent;
    cursor:pointer;
    display:block;
    float:left;
    height:111px;
    left:176px;
    overflow:hidden;
    position:relative;
    text-indent:-9000px;
    width:268px;
}

span#personalize {
    background: transparent url(../gfx/personalize-trans.png) no-repeat scroll left top;
    cursor: pointer;
    display: block;
    float: left;
    height: 140px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    text-indent: -9000px;
    top: -10px;
    width: 329px;
}

span#thanks {
    background: transparent url(../gfx/thanks-trans.png) no-repeat scroll left top;
    display: block;
    float: left;
    height: 140px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    text-indent: -9000px;
    top: -10px;
    width: 329px;
}

#lady {
    background: url(../gfx/lady-trans.png) no-repeat;
    position: absolute;
    display: block;
    right: -120px;
    top: 20px;
    height: 677px;
    overflow: hidden;
    text-indent: -9000px;
    width: 500px;
}

#trust {
    background: transparent url(../gfx/trust.gif) no-repeat;
    display: block;
    height: 65px;
    float: left;
    position: relative;
    left: 34px;
    overflow: hidden;
    text-indent: -9000px;
    width: 497px;
}

#options {
    background: transparent url(../gfx/options.gif) no-repeat;
    display: block;
    height: 249px;
    float: left;
    margin-top: 20px;
    position: relative;
    left: 34px;
    text-indent: -9000px;
    width: 671px;
}

#slide-area {
    overflow: hidden;
}

ul#menu-down {
    margin: 5px auto;
    background:  url(../gfx/down-trans.png) 0 0 no-repeat;
    width: 830px;
    padding-left: 0px;
    display: block;
    height: 49px;
}

ul#menu-down li {
    display: block;
    float: left;
    height: 49px;
}

ul#menu-down li a {
    display: block;
    float: left;
    text-indent: -9000px;
    overflow: hidden;
    height: 49px;
    padding: 0 5px;
}

ul#menu-down li a#forbes {
    width: 83px;
    background: transparent url(../gfx/forbes.gif) center center no-repeat;
}

ul#menu-down li a#pf {
    width: 108px;
    background: transparent url(../gfx/pf.png) center center no-repeat;
}

ul#menu-down li a#gp {
    width: 74px;
    background: transparent url(../gfx/gp.gif) center center no-repeat;
}

ul#menu-down li a#newsweek {
    width: 91px;
    background: transparent url(../gfx/newsweek.gif) center center no-repeat;
}

ul#menu-down li a#forsal {
    width: 141px;
    background: transparent url(../gfx/forsal.gif) center center no-repeat;
}

ul#menu-down li a#home_www {
    width: 76px;
    background: transparent url(../gfx/home_24px.png) center center no-repeat;
}

ul#menu-down li a#komputronik {
    width: 106px;
    background: transparent url(../gfx/menu-down-desk.gif) 0 0 no-repeat;
}

ul#menu-down li a#icom {
	background:url("../gfx/menu-down-desk.gif") no-repeat scroll -130px 0 transparent;
	width:57px;
}

ul#menu-down li a#ntt {
background:url("../gfx/menu-down-desk.gif") no-repeat scroll -206px 0 transparent;
width:66px;
}

ul#menu-down li a#pcf {
background:url("../gfx/menu-down-desk.gif") no-repeat scroll -281px 0 transparent;
width:67px;
}

ul#menu-down li a#actina {
background:url("../gfx/menu-down-desk.gif") no-repeat scroll -362px 0 transparent;
width:80px;
}

ul#menu-down li a#ab {
background:url("../gfx/menu-down-desk.gif") no-repeat scroll -462px 0 transparent;
width:87px;
}

ul#menu-down li a#adax {
background:url("../gfx/menu-down-desk.gif") no-repeat scroll -556px 0 transparent;
width:67px;
}


span.part{
	font-size:11px;
	padding-left:10px;
}

#outer {
    background: transparent url(../gfx/line.gif) 24px top no-repeat;
}

#inner {
    height: 169px;
    background: transparent url(../gfx/line.gif) 21px bottom no-repeat;
    margin: 15px 0;
    position: relative;
}

#slide-area {
    width: 525px;
    left: 74px;
    position: relative;
    top: 10px;
    height: 170px;
    font-size: 11px;
}

#prev a {
    display: block;
    position: absolute;
    left: 32px;
    top: 70px;
    background: transparent url(../gfx/prev.gif) center center no-repeat;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9000px;
    z-index: 2;
}

#next a {
    display: block;
    position: absolute;
    right: 42px;
    top: 70px;
    background: transparent url(../gfx/next.gif) center center no-repeat;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9000px;
    z-index: 1;
}

#slide-area ul {
    position: relative;
}

.img-content {
    float: left;
    width: 190px;
    height: 150px;
    position: relative;
}

.text-content {
    float: right;
    width: 304px;
    text-align: left;
    padding-top: 4px;
    right: 20px;
    position: relative;
}

h3 {
    font-size: 14px;
    font-weight: normal;
}

.row img {
    margin: 20px 0 10px;
    display: block;
    border: none;
}

.dN {
    display: none !important;
}

img.main {
    position: relative;
    top: 22px;
    left: 35px;
    z-index: 100;
}

img.q1 {
    position: absolute;
    top: 30px;
    right: 0px;
    width: 117px;
    height: 90px;
    z-index: 90;
}

li.slide {
    height: 150px;
    overflow: hidden;
    width: 525px;
}

img.q2 {
    position: absolute;
    top: 40px;
    right: -30px;
    width: 95px;
    height: 71px;
    z-index: 80;
}

#options ul{
	height:155px;
}
