BODY {

	margin: 0; padding: 0; margin-bottom: 2em;

	background: #000; font: 12px Arial, Helvetica, sans-serif;



}

P {

	color: #EEE;

}

A IMG {

	border: none;

}

#page_container {

	width: 805px; margin: 50px auto; 

	/*float: left;*/

}

#logo {

	float: left;

}

#branches {
	float: right;
	width: 680px;
	margin: 0px;
	clear: right;
	padding: 0px;

}

#branches DIV {

	float: right;

	text-align: right;

}

#left_menu {

	float: left; width: 102px;

	background: #666; color: #EEE; font-weight: bold;

}

#left_menu DIV {

	float: left; margin-top: 5px;

}

.bullet {

	width: 25px; float: left; display: block;

}

.marker {

	float: left; width: 20px; height: 11px; text-align: right;

	margin-right: 5px;

	clear: left;

	background: url(i/marker.gif) right no-repeat;

}

.marker2 {

	float: left; width: 20px; text-align: right;

	margin-right: 5px;

	clear: left;

}



.project_div { margin: 0px; text-align: left; width: 50px; padding-left: 25px; display: none; }

.project_div A { display:block;}

.about_div { margin: 0px; text-align: left; width: 50px; padding-left: 25px; display: none; }

.about_div A { display:block;}



A { color: #CCCCCC; text-decoration: none; font-size: 9px; }

 

#top{

 float: left;}

#main {

	background: #666 url(i/bla.gif); float: left; width: 100%; background-position: right; background-repeat: repeat-y;

}

#thumbnails {

	overflow: hidden; width: 250px; height: 68px;

}



.imagesIcons { margin: 5px; }

.bigImage {  }



#left_col, #right_col {

	float: left; width: 290px;

}

#right_col {

	margin-left: 30px;

}

#description {

	margin: 25px 35px;

}

#com_sub, #res_sub { display: none; text-align: left; }

#com_sub A, #res_sub A { color:#FFF}

A#com, #res { font-weight: bold; }



#scrollbar {

	float: left; width: 250px; height: 9px; margin-bottom: 0.7em; background: #bfbfbf; border: 1px solid #CCC;

}

#parentScrollDiv {

	

}

#scrollableDiv {

	

}