/*
    Document   : main
    Created on : 31 May, 2011, 5:00:59 PM
    Author     : avi
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
@font-face {
    font-family: meri;
    src: url('fonts/meri.otf');
}
@font-face {
    font-family: goth;
    src: url('fonts/century_gothic.TTF');
}
root {
    display: block;
}
body{
    background-color: #000;
    color: #fff;
    font-family: goth,arial,helvetica,verdana;
    font-size: 10px;
}

img,a{
    outline: none;
}

.clear{
    clear: both;
}


a:link {color:#B3B3B3;}      /* unvisited link */
a:visited {color:#B3B3B3;}  /* visited link */
a:hover {color:#B3B3B3;}  /* mouse over link */
a:active {color:#B3B3B3;}  /* selected link */



#main-wrapper{
    background-color: #000000;


    height: 570px;
    margin: auto;
    overflow: hidden;
    width: 1024px;
}

#top-line{
    margin-top: 20px;
    border-bottom: 1px solid #595959;
}
#bottom-line{
    margin-top: 20px;
    border-bottom: 1px solid #595959;
}
#nav{
    height: 570px;
    margin: 0px auto;
    width: 450px;
}
#logo-box{
    bottom: 275px;
    left: 400px;
    position: relative;
}
#logo{
    float: left;    
}
#links{
    height: 200px;
}
.barbox{
    width: 25px;
    float:left;
    text-align: center;
}
.bar{
    background-color: #DBDCDD;
    margin-left: 7px;
    width: 1px;
}
#circles{
    float: left;
    width: 200px;

}

.circle{
    float: left;
    width: 25px;

}
#barbox-1 {
    height: 30px;
    margin-top: 290px;
}
#barbox-2{
    height: 85px;
    margin-top: 235px;
}
#barbox-3 {
    height: 140px;
    margin-top: 180px;
}
#barbox-4 {
    height: 245px;
    margin-top: 75px;
}
#barbox-5 {
    height: 95px;
    margin-top: 225px;
}
#barbox-6 {
    height: 45px;
    margin-top: 275px;
}
#bar-1{
    width:1px;
    float:left;
    height: 0px;
    margin-top: 46px;
    background-color: #FFFFFF;
}

#bar-2{
    width:1px;
    float:left;
    height: 0px;
    margin-top: 100px;
    background-color: #DBDCDD;

}

#bar-3{
    width:1px;
    float:left;
    height: 0px;
    margin-top: 150px;
    background-color: #BBBDBF;
}

#bar-4{
    width:1px;
    float:left;
    height: 0px;
    margin-top: 245px;
    background-color: #898B8D;
}

#bar-5{
    width:1px;
    float:left;
    height: 0px;
    margin-top: 95px;
    background-color: #626366;
}
#bar-6{
    width:1px;
    float:left;
    height: 0px;
    margin-top: 46px;
    background-color: #626366;
}



#profile{
    float: left;
    font-size: 12px;
    position: relative;
    right: 170px;
    top: 215px;
    z-index: 1;
}

#mission{
    clear: left;
    float: left;
    font-size: 12px;
    left: 25px;
    position: relative;
    top: 160px;
    z-index: 1;
}

#services {
    clear: left;
    float: left;
    font-size: 12px;
    left: 118px;
    position: relative;
    top: 121px;
    width: 100px;
    z-index: 1;
}
#sectors{
    clear: left;
    float: left;
    font-size: 12px;
    left: 233px;
    position: relative;
    top: 171px;
    width: 200px;
    z-index: 1;
    height: 155px;
}

#people{
    clear: left;
    float: left;
    font-size: 12px;
    left: 255px;
    position: relative;
    top: 135px;
    z-index: 1;

}

#network{
    clear: left;
    float: right;
    font-size: 12px;
    position: relative;
    right: 97px;
    top: 170px;
    z-index: 1;
}

#box-wrapper{
    margin-left: 140px;
    position: relative;
    top: -100px;
}

#sectorlist-img{
    float: left;
    margin-top: 5px;
    width: 10px;
}

#sector-list ul{
    float: left;
    font-size: 10px;
    line-height: 11.5px;
    margin-top: 1px;
    width: 180px;
}

#circles-wrapper{
    bottom: 100px;
    left: 140px;
    position: relative;
}

#new-footer{
    float: left;
}