/* *** css (c) Music Pictures Ltd. TESOBE *** */

/* *** test (land is looking at this tesobe css) *** */

body,html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-size: 10px;
	font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #CFCFCF;
	background-color: #000000;
	background-image: url('/static/images/side_background.png');
	width: 900;
	/*height: 100%;*/
}

h1,h2,h3 {
	color: #00A0CF;
	margin-top: 0px;
	text-transform:uppercase;
}

h1 {
	font-size:16px;
}

h2 {
	font-size:14px;
}

h3 {
	font-size:12px;
}

h1 em,h2 em,h3 em {
	color: #A6961F;
	font-style: normal;
}

A:link {
	color: #A6961F;
}

A:visited {
	color: #A6961F;
}

A:hover {
	color: #00A0CF;
}

img {
	border: 0px;
}

.go-away {dispay:none; margin:0px; padding:0px; height:0px;}

#doublecontainer {
	background: #000000 url(/static/images/2px_background_line.png) repeat-y scroll 0px 0px;
	border-right: 2px solid #515151;
	height: 100%;
	margin:0 auto; /*centers the website and a few lines below too*/
	width: 902px;
}

#container {
	background: #000000 url(/static/images/tesobi_menu_background.png) no-repeat scroll 0px 0px;
	border-right: 2px solid #515151;
	border-left: 2px solid #515151; /*comment when un-centering the website*/
	/*height:530px;*/
	width: 900px;
	float:left;
}

#banner {
	background: transparent none repeat scroll 0px 0px;
	float:left;
	height:100px;
	width:100%;
	
}

#bannertop {
	/*background: transparent url(/static/images/tesobekeyboardimg1background.png) no-repeat scroll 600px -55px;*/
	border-bottom: 2px solid #515151;
	clear: left;
	height: 67px;
        
}

#logo {
	left: 26px;
	position: relative;
	top: 20px;
}

#bannerbottom {
	background: transparent none repeat scroll 0% 50%;
	height: 41px;
	color:#00A0CF;
}

/*default menu positioning*/

/*abouttesobemenu*/
#top-menu-point-1-en,
#top-menu-point-1-de,
#top-menu-point-1-it,
#top-menu-point-1-fr,
#top-menu-point-1-el,
#top-menu-point-1-ru,
#top-menu-point-1-pl,
#top-menu-point-1-zh,
#top-menu-point-1-es {
	position: relative;
	left: 210px;
	top: 8px;
	width:0px;
	float:left;
}

/*howweworkmenu*/
#top-menu-point-2-en,
#top-menu-point-2-de,
#top-menu-point-2-it,
#top-menu-point-2-fr,
#top-menu-point-2-el,
#top-menu-point-2-ru,
#top-menu-point-2-pl,
#top-menu-point-2-zh,
#top-menu-point-2-es {
	position: relative;
	left: 330px;
	top: 8px;
	width:0px;
	float:left;
}

/*whatwedomenu*/
#top-menu-point-3-en,
#top-menu-point-3-de,
#top-menu-point-3-it,
#top-menu-point-3-fr,
#top-menu-point-3-el,
#top-menu-point-3-ru,
#top-menu-point-3-pl,
#top-menu-point-3-zh,
#top-menu-point-3-es {
	position: relative;
	left: 449px;
	top: 8px;
	width:0px;
	float:left;
}

/*portfoliomenu*/
#top-menu-point-4-en,
#top-menu-point-4-de,
#top-menu-point-4-it,
#top-menu-point-4-fr,
#top-menu-point-4-el,
#top-menu-point-4-ru,
#top-menu-point-4-pl,
#top-menu-point-4-zh,
#top-menu-point-4-es {
	position: relative;
	left: 559px;
	top: 8px;
	width:0px;
	float:left;
}

/*contactimenu*/
#top-menu-point-5-en,
#top-menu-point-5-de,
#top-menu-point-5-it,
#top-menu-point-5-fr,
#top-menu-point-5-el,
#top-menu-point-5-ru,
#top-menu-point-5-pl,
#top-menu-point-5-zh,
#top-menu-point-5-es {
	position: relative;
	left: 659px;
	top: 8px;
	width:0px;
	float:left;
}

/*german menu positioning changes*/

/*howweworkmenu*/
#top-menu-point-2-de {
	left: 319px;
}

/*portfoliomenu*/
#top-menu-point-4-de {
	left: 571px;
}

/*italien menu positioning changes*/

#top-menu-point-2-it {
	left: 324px;
}

#top-menu-point-3-it {
	left: 451px;
}


#top-menu-point-4-it {
	left: 567px;
}

/*french menu positioning changes*/

#top-menu-point-2-fr {
	left: 358px;
}

#top-menu-point-3-fr {
	left: 551px;
}


#top-menu-point-4-fr {
	left: 659px;
}

/*contactimenu*/
#top-menu-point-5-fr {
	left: 759px;
}

/*greek menu positioning changes*/

#top-menu-point-3-el {
	left: 469px;
}

#top-menu-point-4-el {
	left: 604px;
}

#top-menu-point-5-el {
	left: 697px;
}

/*ru Russian menu positioning changes*/
/*pl Polski menu positioning changes*/
/*zh Chinese menu positioning changes*/
/*es spanish menu positioning changes*/

#languagepicker {
	position: relative;
	left: 850px;
	top: 8px;
	float:left;
	width:0px;
}

#pageheader {
	margin: 20px 20px 20px 210px;
	float: left;
	width: 620px
}

/* start Changing menus via css */

#bannerbottom li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#bannerbottom ul {
	margin: 0px;
	padding: 0px;
} 

/* deleted no longer exists but need to test in ie
.top-menu-point-size {
	width:120px;
	text-align:right;
	font-size:20px;
	margin:0pt;
}*/

a.changing-menu-button, a.changing-menu-button-hover, a.changing-menu-button-selected, a.changing-menu-button-selected-sub {
	border:0pt none;
	/*cursor:default;*/
	display:block;
	height:14px;
	width:120px;
}

#top-menu-point-1-en a.changing-menus {
	background-image: url("/static/images/menu_about_tesobe_en.png");
}

#top-menu-point-2-en a.changing-menus {
	background-image: url("/static/images/menu_how_we_work_en.png");
}

#top-menu-point-3-en a.changing-menus {
	background-image: url("/static/images/menu_what_we_do_en.png");
}

#top-menu-point-4-en a.changing-menus {
	background-image: url("/static/images/menu_portfolio_en.png");
	width:80px;
}

#top-menu-point-5-en a.changing-menus {
	background-image: url("/static/images/menu_contact_en.png");
	width:80px;
}

#top-menu-point-1-de a.changing-menus {
	background-image: url("/static/images/menu_about_tesobe_de.png");
}

#top-menu-point-2-de a.changing-menus {
	background-image: url("/static/images/menu_how_we_work_de.png");
}

#top-menu-point-3-de a.changing-menus {
	background-image: url("/static/images/menu_what_we_do_de.png");
}

#top-menu-point-4-de a.changing-menus {
	background-image: url("/static/images/menu_portfolio_de.png");
	width:80px;
}

#top-menu-point-5-de a.changing-menus {
	background-image: url("/static/images/menu_contact_de.png");
	width:80px;
}

#top-menu-point-1-it a.changing-menus {
	background-image: url("/static/images/menu_about_tesobe_it.png");
	width:100px;
}

#top-menu-point-2-it a.changing-menus {
	background-image: url("/static/images/menu_how_we_work_it.png");
}

#top-menu-point-3-it a.changing-menus {
	background-image: url("/static/images/menu_what_we_do_it.png");
}

#top-menu-point-4-it a.changing-menus {
	background-image: url("/static/images/menu_portfolio_it.png");
	width:80px;
}

#top-menu-point-5-it a.changing-menus {
	background-image: url("/static/images/menu_contact_it.png");
	width:80px;
}

#top-menu-point-1-fr a.changing-menus {
	background-image: url("/static/images/menu_about_tesobe_fr.png");
}

#top-menu-point-2-fr a.changing-menus {
	background-image: url("/static/images/menu_how_we_work_fr.png");
	width:166px;
}

#top-menu-point-3-fr a.changing-menus {
	background-image: url("/static/images/menu_what_we_do_fr.png");
}

#top-menu-point-4-fr a.changing-menus {
	background-image: url("/static/images/menu_portfolio_fr.png");
	width:80px;
}

#top-menu-point-5-fr a.changing-menus {
	background-image: url("/static/images/menu_contact_fr.png");
	width:80px;
}

#top-menu-point-1-el a.changing-menus {
	background-image: url("/static/images/menu_about_tesobe_el.png");
}

#top-menu-point-2-el a.changing-menus {
	background-image: url("/static/images/menu_how_we_work_el.png");
}

#top-menu-point-3-el a.changing-menus {
	background-image: url("/static/images/menu_what_we_do_el.png");
}

#top-menu-point-4-el a.changing-menus {
	background-image: url("/static/images/menu_portfolio_el.png");
	width:80px;
}

#top-menu-point-5-el a.changing-menus {
	background-image: url("/static/images/menu_contact_el.png");
	width:95px;
}

#top-menu-point-1-ru a.changing-menus {
	background-image: url("/static/images/menu_about_tesobe_en.png");
}

#top-menu-point-2-ru a.changing-menus {
	background-image: url("/static/images/menu_how_we_work_en.png");
}

#top-menu-point-3-ru a.changing-menus {
	background-image: url("/static/images/menu_what_we_do_en.png");
}

#top-menu-point-4-ru a.changing-menus {
	background-image: url("/static/images/menu_portfolio_en.png");
	width:80px;
}

#top-menu-point-5-ru a.changing-menus {
	background-image: url("/static/images/menu_contact_en.png");
	width:80px;
}

#top-menu-point-1-pl a.changing-menus {
	background-image: url("/static/images/menu_about_tesobe_en.png");
}

#top-menu-point-2-pl a.changing-menus {
	background-image: url("/static/images/menu_how_we_work_en.png");
}

#top-menu-point-3-pl a.changing-menus {
	background-image: url("/static/images/menu_what_we_do_en.png");
}

#top-menu-point-4-pl a.changing-menus {
	background-image: url("/static/images/menu_portfolio_en.png");
	width:80px;
}

#top-menu-point-5-pl a.changing-menus {
	background-image: url("/static/images/menu_contact_en.png");
	width:80px;
}

#top-menu-point-1-zh a.changing-menus {
	background-image: url("/static/images/menu_about_tesobe_en.png");
}

#top-menu-point-2-zh a.changing-menus {
	background-image: url("/static/images/menu_how_we_work_en.png");
}

#top-menu-point-3-zh a.changing-menus {
	background-image: url("/static/images/menu_what_we_do_en.png");
}

#top-menu-point-4-zh a.changing-menus {
	background-image: url("/static/images/menu_portfolio_en.png");
	width:80px;
}

#top-menu-point-5-zh a.changing-menus {
	background-image: url("/static/images/menu_contact_en.png");
	width:80px;
}

#top-menu-point-1-es a.changing-menus {
	background-image: url("/static/images/menu_about_tesobe_en.png");
}

#top-menu-point-2-es a.changing-menus {
	background-image: url("/static/images/menu_how_we_work_en.png");
}

#top-menu-point-3-es a.changing-menus {
	background-image: url("/static/images/menu_what_we_do_en.png");
}

#top-menu-point-4-es a.changing-menus {
	background-image: url("/static/images/menu_portfolio_en.png");
	width:80px;
}

#top-menu-point-5-es a.changing-menus {
	background-image: url("/static/images/menu_contact_en.png");
	width:80px;
}

a.changing-menu-button, a.changing-menu-button-selected, a.changing-menu-button-selected-sub {
	background-repeat: no-repeat;
	border:0pt none;
}

a.changing-menu-button-selected {
	cursor:default;
}

a.changing-menu-button:link, a.changing-menu-button:visited, a.changing-menu-button-selected {
	background-position:0px 0px;
}

a.changing-menu-button:hover, a.changing-menu-button-hover {
	background-position: 0px -14px;
}

a.changing-menu-button:active, a.changing-menu-button-selected, a.changing-menu-button-selected-sub {
	background-position: 0px -28px;
}

a.changing-menu-button-selected-sub:hover {
	background-position: 0px -14px;
}

a.changing-menu-button-selected-sub:active {
	background-position: 0px -28px;
}

/* start colors of menus */

.menulevel0inactive{
	color: #A6961F;
	font-size:10px;
	font-weight:bold;
}

.menulevel1inactive{
	color: #A6961F;
	padding-left: 20px;
	font-size:12px;
	font-weight:bold;
}

.menulevel2inactive{
	color: #A6961F;
	padding-left: 30px;
	font-size:10px;
	font-weight:bold;
}

.menulevel3inactive{
	color: #A6961F;
	padding-left: 40px;
	font-size:10px;
	font-weight:bold;
}

.menulevel0active{
	color: #00A0CF;
	font-size:10px;
	font-weight:bold;
}

.menulevel1active{
	color: #00A0CF;
	padding-left: 20px;
	font-size:12px;
	font-weight:bold;
}

.menulevel2active{
	color: #00A0CF;
	padding-left: 30px;
	font-size:10px;
	font-weight:bold;
}

.menulevel3active{
	color: #00A0CF;
	padding-left: 40px;
	font-size:10px;
	font-weight:bold;
}

.menulevel0inactive A:link {
	color: #A6961F;
	text-decoration: none;
}

.menulevel0active A:link {
	color: #00A0CF;
	text-decoration: none;
}

.menulevel1inactive A:link {
	color: #A6961F;
	text-decoration: none;
}

.menulevel1active A:link {
	color: #00A0CF;
	text-decoration: none;
}

.menulevel2inactive A:link {
	color: #A6961F;
	text-decoration: none;
}

.menulevel2active A:link {
	color: #00A0CF;
	text-decoration: none;
}

.menulevel0inactive A:visited {
	color: #A6961F;
	text-decoration: none;
}

.menulevel0active A:visited {
	color: #00A0FF;
	text-decoration: none;
}

.menulevel1inactive A:visited {
	color: #A6961F;
	text-decoration: none;
}

.menulevel1active A:visited {
	color: #00A0FF;
	text-decoration: none;
}

.menulevel2inactive A:visited {
	color: #A6961F;
	text-decoration: none;
}

.menulevel2active A:visited {
	color: #00A0FF;
	text-decoration: none;
}

.menulevel0inactive A:hover {
	color: #A6961F;
	text-decoration: none;
}

.menulevel0active A:hover {
	color: #10D0FF;
	text-decoration: none;
}

.menulevel1inactive A:hover {
	color: #00A0CF;
	text-decoration: none;
}

.menulevel1active A:hover {
	color: #10D0FF;
	text-decoration: none;
}

.menulevel2inactive A:hover {
	color: #00A0CF;
	text-decoration: none;
}

#content {
	float:left;
}

#minheight {
	min-height:390px;
	height:auto !important;
	height:390px;
	float:left;
	margin:0px;
	padding:0px;
}

#leftmenu {
	margin: 20px 0px 20px 0px;
    float:left;
    width: 190px;
    text-transform:uppercase;
    /*height:50px;*/
}

#contentleft {
    margin: 20px 20px 20px 20px;
    width: 350px;
    float:left;
    /*height: 360px;*/
}

#contentright {
	float:left;
	/*height:350px;*/
	margin:20px 20px 20px 10px;
	width:270px;
}

.fourhundredpxheight{
	height:350px;
}

#pagefooter {
	border-top:2px solid #515151;
	float:left;
	width:100%;
}

#pagefootermargin {
	float:left;
	padding:10px 0px 10px 210px;
	display: inline;
}

#pagefooter a{
	color: #CFCFCF;
	text-decoration: none;
}

#pagefooter a:visited{
	color: #CFCFCF;
	text-decoration: none;
}

#pagefooter a:hover{
	/*color: #CFCFCF;*/
	color: #00A0FF;
	text-decoration: none;
}


.bannerbottomabouttesobe {
	background: transparent url(/static/images/tesobekeyboardimg3background.png) no-repeat scroll 700px 0px;
	height:150px;
}

.contactrightbackground{
	background: transparent url(/static/images/contact-tesobe-background.png) no-repeat scroll 0px 0%;
}

.portfoliorightbackground{
	background: transparent url(/static/images/portfolio-background.png) no-repeat scroll 0px 0%;
}

.howweworkrightbackground {
	background: transparent url(/static/images/how-we-work-background.png) no-repeat scroll 0px 0%;
}