﻿/*----------------------------------------------------------------
Basic Stylesheet for tekteam

version: 1.0
Author: Ido Dekkers
email: ido@dekkers.net
Web: http://www.imagine-design.co.il

site width : 960px
content width 557px
----------------------------------------------------------------*/
#wrapper
{
    margin:0 auto;
    width:960px;
}
#content
{
    width:920px;
    position:relative;
    float:right;
    background: url(../site_images/hbackground.png) repeat-y;
}
#left_div
{
    position:relative;
    float:right;
    width:226px;
}
#center_div
{
    position:relative;
    float:right;
    width:557px;
    min-height:600px;
}
#right_div
{
    position:relative;
    float:right;
}
#logo
{
    position:relative;
    float:right;
    margin:20px 40px 0 0;
}

/* Content left
-----------------------------------------------------------------------------*/
#main_menu
{
    float:right;
    position:relative;
    margin:70px 0 0 0;
    width:210px;
}
#main_menu li
{
    margin:5px 0 5px 0;
    width:170px;
    float:right;
}
#main_menu li a
{
    float:left;
    display:block;
}
h2
{
    margin:5px 5px 5px 0;
}
h3
{
    margin:5px 5px 5px 0;
}

/* Content center
-----------------------------------------------------------------------------*/
#center_div img
{
    position:relative;
    float:right;
    margin-right:-1px;
}

/* sub menu*/
#sub_menu
{
    height:90px;
    width:557px;
    position:relative;
    float:right;
}
.nav
{
    height:90px;
    width:557px;
    position:absolute;
    top:0;
    right:0;
    background: url(../site_images/htop_menu.png) no-repeat;
}
.nav li
{
    display:inline;
}
.nav li a:link, .nav li a:visited
{
    position:absolute;
    top:0;
    height:90px;
    text-indent:-9000em;
    overflow:hidden;
    z-index:10;
    text-decoration:none;
}
.nav .diamonds a:link, .nav .diamonds a:visited 
{
	right: 61px;
	width: 91px;
}
.nav .diamonds a:hover, .nav .diamonds a:focus 
{
	background: url(../site_images/htop_menu.png) no-repeat -405px -91px;
}
.nav .diamonds a:active 
{
	background: url(../site_images/htop_menu.png) no-repeat -405px -182px;
}
.current-diamonds .diamonds a:link, .current-diamonds .diamonds a:visited 
{
	background: url(../site_images/htop_menu.png) no-repeat -405px -273px;
	cursor: default;
}
.nav-diamonds, .nav-diamonds-click 
{
	position: absolute;
	top: 0;
	right: 61px;
	width: 91px;
	height: 90px;
	background: url(../site_images/htop_menu.png) no-repeat -405px -91px;
}
.nav-diamonds-click 
{
	background: url(../site_images/htop_menu.png) no-repeat -405px -182px;
}

.nav .real a:link, .nav .real a:visited 
{
	right: 180px;
	width: 91px;
}
.nav .real a:hover, .nav .real a:focus 
{
	background: url(../site_images/htop_menu.png) no-repeat -286px -91px;
}
.nav .real a:active 
{
	background: url(../site_images/htop_menu.png) no-repeat -286px -182px;
}
.current-real .real a:link, .current-real .real a:visited 
{
	background: url(../site_images/htop_menu.png) no-repeat -286px -273px;
	cursor: default;
}
.nav-real, .nav-real-click 
{
	position: absolute;
	top: 0;
	right: 180px;
	width: 91px;
	height: 90px;
	background: url(../site_images/htop_menu.png) no-repeat -286px -91px;
}
.nav-real-click 
{
	background: url(../site_images/htop_menu.png) no-repeat -286px -182px;
}

.nav .tech a:link, .nav .tech a:visited 
{
	right: 298px;
	width: 91px;
}
.nav .tech a:hover, .nav .tech a:focus 
{
	background: url(../site_images/htop_menu.png) no-repeat -169px -91px;
}
.nav .tech a:active 
{
	background: url(../site_images/htop_menu.png) no-repeat -169px -182px;
}
.current-tech .tech a:link, .current-tech .tech a:visited 
{
	background: url(../site_images/htop_menu.png) no-repeat -169px -273px;
	cursor: default;
}
.nav-tech, .nav-tech-click 
{
	position: absolute;
	top: 0;
	right: 298px;
	width: 91px;
	height: 90px;
	background: url(../site_images/htop_menu.png) no-repeat -169px -91px;
}
.nav-tech-click 
{
	background: url(../site_images/htop_menu.png) no-repeat -169px -182px;
}

.nav .retail a:link, .nav .retail a:visited 
{
	right: 411px;
	width: 91px;
}
.nav .retail a:hover, .nav .retail a:focus 
{
	background: url(../site_images/htop_menu.png) no-repeat -55px -91px;
}
.nav .retail a:active 
{
	background: url(../site_images/htop_menu.png) no-repeat -55px -182px;
}
.current-retail .retail a:link, .current-retail .retail a:visited 
{
	background: url(../site_images/htop_menu.png) no-repeat -55px -273px;
	cursor: default;
}
.nav-retail, .nav-retail-click 
{
	position: absolute;
	top: 0;
	right: 411px;
	width: 91px;
	height: 90px;
	background: url(../site_images/htop_menu.png) no-repeat -55px -91px;
}
.nav-retail-click 
{
	background: url(../site_images/htop_menu.png) no-repeat -55px -182px;
}

#diamonds_nav
{
    position:relative;
    float:right;
    width:516px;
    padding-right:40px;
    border-top-width:2px;
    border-top-style:solid;
}
#diamonds_nav li
{
    margin:0;
    float:right;
}
.sep
{
    padding:3px 0 0 0;
}
#diamonds_nav li a
{
    display:block;
    background:none;
    text-decoration:none;
    padding:5px 5px 2px 5px;
}
#default
{
    font-size:1.4em;
    display:block;
    margin:50px 40px 0 0;
}
#home_image
{
    float:right;
    margin-left:-40px;
}
#page_image_overview, #page_image_diamonds, #page_image_group,#page_image_real,#page_image_retail,#page_image_tech,#page_image_contact
{
    float:right;
    position:relative;
    height:92px;
}
#page_image_default
{
    float:right;
    position:relative;
    height:250px;
}

/*news*/
#newsMenu
{
    margin:30px 0 0 0;
    width:557px;
    height:1.4em;
    float:right;
    display:none;
}
#newsMenu ul
{
    margin:0 30px 0 0;
}
#newsMenu li
{
    float:right;
    margin:0 5px 0 5px;
}
#newsMenu li input
{
    border:none;
    cursor:pointer;
}
.seperator
{
    padding-top:2px;
}
#news_items
{
    margin:10px 40px 0 0;
    float:right;
}
#news_items li
{
    margin:10px 0 0 0;
}
#news_items li h3
{
    margin-right:0;
}
.news_item
{
    float:right;
    position:relative;
    width:500px;
}
.news_item h2
{
    margin:20px 0 0 0;
    float:right;
    position:relative;
}
.news_text
{
    float:right;
    margin:10px 0 3px 0;
    width:480px;
    position:relative;
    
}
.news_item .publisher
{
    float:right;
    margin:0 0 20px 0;
    width:500px;
}
.news_item input
{
    border:none;
    float:left;
    padding-right:19px;
}

/*content*/
.borderless
{
    margin:20px 50px 0 50px;
    float:right;
}
.borderless img
{
    border-style:solid;
    border-width:1px;
    margin:2px;
}
#headline
{
    float:right;
    position:relative;
    width:556px;
    height:35px;
}
#headline h1
{
    float:right;
    position:relative;
    margin:3px 40px 0 0;
}



/*Rael*/
#real
{
    float:right;
    position:relative;
    width:556px;
}
#real .borderless
{
    margin:0;
    padding:20px 20px 20px 0;
    float:right;
    width:230px;
    position:relative;
}
#real .borderless span
{
    display:block;
    margin:10px;
}
#real_icons
{
    margin-top:20px;
}
#real_icons a
{
    display:block;
    float:right;
    margin:8px;
}
.selected
{
    border:solid 1px #000;
}
#show_content
{
    float:left;
    width:300px;
    position:relative;
}
#show_content img
{
    margin:30px 25px 15px 25px;
}
#text
{
    margin:0  25px 30px 0;
}

/*Contact*/
#contact
{
    margin:30px -50px 0 0;
    float:right;
    position:relative;
    width:506px;
    padding:0 50px 45px 0;
}
#contact h2
{
    margin:20px 0 0 0;
    display:block;
}
#contact p
{
    margin:0 20px 20px 0;
}


/*Managment*/
#management
{
    margin:30px 0 0 0;
    float:right;
    position:relative;
    width:557px;
    padding-bottom:30px;
}
#management h2
{
    margin:10px 50px 0 0;
    width:400px;
}
#management ul
{
    margin:5px 80px 20px 0;
    float:right;
    width:400px;
    
}
#management ul li
{
    width:400px;
    float:right;
    margin:2px 0 2px 0;
}
#management big
{
    float:right;
}
#management img
{
    float:left;
    margin-top:5px;
}
#management li label
{
    position:absolute;
    right:200px;
}
.envelope
{
    position:absolute;
    right:450px;
    display:block;
    width:17px;
    height:11px;
}
.borderless #show
{
    border:none;
    float:left;
    padding-left:19px;
}
#management #hide
{
    border:none;
    float:left;
    padding-left:19px;
    margin-left:90px;
}

/* Footer
------------------------------------------------------------------------------*/
#footer
{
    width:990px;
    position:relative;
    height:20px;
    float:right;
    padding-top:10px;
    clear:both;
}
#footer span
{
    float:right;
    margin-right:30px;
}
