.clear {
    clear: both;
}

#main {
    position: absolute;
    width: 820px;
    left: 50%;
    margin-left: -410px;
}

#header {
    position: relative;
    width: 820px;
    height: 122px;
    background-image: url('../images/header.gif');
}

#header-menu {
    position: absolute;
    bottom: 0px;
    margin: 12px;
    
}

.header-menu-item {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 8px 0px 8px;
}

#header-spacer {
    height: 25px;
    width: 820px;
}

#footer {
    margin: 10px 0px 0px 0px;
    width: 820px;
    height: 20px;
    text-align: center;
}


/*
 *********************************
 ** PAGE STYLES                 **
 *********************************
 */

#content-menu {
    width: 820px;
}

#content{
    float: left;
}

#content {
    width: 460px;
}

#content-padding {
    padding: 0px 30px 0px 30px;
}

/*
 *********************************
 ** BLOCK STYLES                **
 *********************************
 */

.block {
    float: left;
}

.block, .block-top, .block-center, .block-bottom, .block-item-seperator {
    width: 180px;
    padding: 0px;
}

.block-padding {
    padding: 10px 0px 5px 15px;
}

.block-top {
    background-image: url('../images/block_top.gif');
    height: 9px;
}

.block-center {
    background-image: url('../images/block_gradient.gif');
    background-repeat: repeat-y;
}

.block-bottom {
    background-image: url('../images/block_bottom.gif');
    height: 17px;
}

.block-item-seperator {
    background-image: url('../images/block_item_seperator.png');
    margin: 4px 0px 4px -15px;
    height: 7px;
}
 
.block-item {
    
}

.block-item-title {
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    color: #b5d505;
}

.block-item img {
    margin: 4px;
    border: 1px #b5d505 solid;
}


.block-more {
    margin: 8px 0px 8px 0px;
}



/*
 *********************************
 ** MENU STYLES                 **
 *********************************
 */

#menu-items {
    margin: 0px 0px 6px 12px;
}

#menu-items li .menu-title {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

#menu-items li.top-out { list-style-image: url('../images/menu_arrow_down.png'); }
#menu-items li { list-style-image: url('../images/menu_arrow_right.png'); }

#menu-items ul.menu-sub {
    margin-bottom: 5px;
}

#menu-items ul.menu-sub li {
    font-size: 12px;
    font-weight: normal;
    list-style-image: url('../images/menu_dash.png');
}

/*
 ********************************
 ** INTRO STYLES               **
 ********************************
 */
 
#intro {
    width: 445px;
    float: left;
    margin-left: 15px;
}

#intro p {
    width: 440px;
}

#welcome, #welcome .green {
    font-size: 30px;
    font-weight: bold;
}

#welcome {
    margin-bottom: 10px;
}

.intro-block {
   float: left;
   display: block;
   width: 120px;
   height: 150px; 
   margin: 10px 10px 10px 5px;
   overflow: hidden;
   cursor: pointer;
}

.gray {
    background-color: #000;
    /*background-image: url('../images/gray50.png');*/
    z-index: 1;
}

#mobiele-communicatie { background: url('../images/mobiele_communicatie.png'); }
#bedrijfstelefonie { background: url('../images/bedrijfstelefonie.png'); }
#auto-oplossingen { background: url('../images/auto_oplossingen.png'); }
#beveiliging { background: url('../images/beveiliging.png'); }
#ict-services { background: url('../images/ict_services.png'); }
#over-audiocom { background: url('../images/over_audiocom.png'); }


/*
 ********************************
 ** PAGE STYLES                **
 ********************************
 */

.photo-slide {
}

.photos {
    margin-bottom: 2px;
}

.photo-slides img {
    border: 1px solid #b5d505;  
    margin: 2px;
}

.photo-controls {
    text-align: center;
}

.photo-next, .photo-prev {
    cursor: pointer;
}

.specs {
    width: 350px;
    border-right: 2px solid #153207;
    border-bottom: 2px solid #153207;
    border-top: 2px solid #357916;
    border-left: 2px solid #357916;
    
    background-color: #222222;
}

.specs div {
    margin: 10px;
}

.specs div b {
    font-weight: bold;
    color: #b5d505;
}

.price {
    display: none;
}

.phone-block {
    width: 200px;
    height: 85px;
    vertical-align: middle;
    background-color: #fff; 
    text-align: center;
}