/* CSS for IBP Group Website */

/* Generic Styles*/

html{height:100%}
html,body {margin:0;padding:0;}
body{
	background:#ffffff;
	min-width:800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4;
	color: #000000;	
}

a{
	color: #000000;
}

img {
	border: 0;
}

h1{
	font-size: 18px;
}

h2{
	font-size: 16px;
}

h2.indexHeader{
	text-transform: uppercase;
	color: #333;
	font-size: 14px;
	margin: 0;
}

h2.corpHeader{
	text-transform: uppercase;
	color: #666;
}

h3{
	font-size: 14px;
}

#main {
	width: 800px;
}

#header{
	width: 800px;
	height: 98px;
}

#header h1 {
	float: left;
	margin: 0;
    padding: 98px 0 0 0;
    overflow: hidden;
    background-image: url("images/header.jpg");
    background-repeat: no-repeat;
	width: 800px;
    height: 0px !important;
    height /**/:98px;
	display: inline;
}


#content{
	position: relative;
	float: left;
	margin-top: 20px;
	width: 560px;
	margin-left: 15px;
	margin-right:10px;
}

#content.index{
	font-size: 12px;
	line-height: 1.4;
}


#rightBar{
	float: left;
	margin-top: 25px;
	width: 200px;
	background-color: #cccccc;
	padding-bottom: 15px;
	font-size: 11px;
	line-height: 1.2;
}

#rightBar h2 {
	width: 185px;
	padding-left: 15px;
	height: 20px;
	line-height: 20px;
	color: #ffffff;
	background-color: #003399;
	margin-top: 0px;
	margin-bottom:0px;
	font-size: 12px;
}

#rightBar .newsDate{
	text-decoration: underline;
}

#rightBar a{
	color: #000000;
}

#rightBar p{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#rightBar ul{
	padding: 0;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style: none;
	width: 200px;
	text-align: left;
}
	
#rightBar ul li { /* all list items */
	width: 200px;
	background: #999;
	color: #000;
	border-bottom: 3px solid #cccccc;
	height: 25px;
	line-height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;

}

#rightBar ul li a{
	display: block;
	background: #999 url('images/flags/uk.jpg') no-repeat 5px 0px;
	padding: 0 0 0 45px;
}

#rightBar ul li.uk a span{
	display: block;
	background: url('images/flags/globe.jpg') no-repeat top right;
	margin: 0 5px 0 0;
}

#rightBar ul li.de a{
	background-image: url('images/flags/de.jpg');
}

#rightBar ul li.es a{
	background-image: url('images/flags/es.jpg');
}

#rightBar ul li.es a span{
	display: block;
	background: url('images/flags/fr.jpg') no-repeat top right;
	margin: 0 5px 0 0;
}

#rightBar ul li.it a{
	background-image: url('images/flags/it.jpg');
}

#rightBar ul li.pl a{
	background-image: url('images/flags/pl.jpg');
}

#footer{
	clear: both;
	margin: 0 5px;
	padding: 10px 0 0 0;
}

#footer p img{
	float: left;
	margin: 0 10px 0 0;
}

#footer #legal{
	clear: both;
	color: #999999;
	font-size: 9px;
	margin: 2px;
	padding: 5px 0 0 0;
	text-align: right;
}

#footer #legal a{ 
	color: #999999;
}

#footer hr{
	border: 0;
	height: 1px;
	color: #c33;
	background-color: #c33;
}

#footer p{
	
	margin: 2px;

}

#footer a{
	color: #000000;
	text-decoration: none;
}

.contacts{
	float: left;
	width: 180px;
	height: 265px;
	font-size: 11px;
	line-height: 1.2;
}

#history {
	float: left;
	width: 480px;
	height: 316px;
	overflow: hidden;
    position:relative; 
}

#historyItems{
	border:1px solid #222222;
	width:20000em;
    position:absolute; 
}

#historyItems div { 
    float:left; 
    width:159px; 
    height:314px; 
    background:#096 url(images/history/grad.png) repeat-x 0 164px; 
    color:#fff; 
    border-left:1px solid #333; 
    cursor:pointer; 
} 

#historyItems div img { 
	margin: 0;
}

#historyItems h3{
	font-size: 12px;
	padding: 5px 10px;
	margin: 0;
	background: #039;
}

#historyItems p{
	margin: 0 10px;
}

 
/* style when mouse is over the item */ 
#historyItems div.hover { 
    background-color:#444;     
} 
 
/* style when element is active (clicked) */ 
#historyItems div.active { 
    cursor:default; 
}


/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(images/history/left.png) no-repeat;
	float:left;
	margin:129px 10px 0 0;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(images/history/right.png);
	clear:right;	
	margin:129px 0 0 10px;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:248px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url('images/history/navigator.png') 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

#corporateHeader{
	color: #666666;
	text-transform: uppercase;
}

#corporateTopImage{
	width: 167px;
	float: left;
}

#corporateTopText{
	width: 378px;
	float: left;
	margin-bottom: 1em;
}

#corporateBottomImage{
	width: 97px;
	float: right;
}

#corporateBottomText{
	width: 448px;
	float: left;
}

.corporateSubheader{
	color: #336699;
	margin-bottom: 0;
}

.corporateP{
	margin-top:0;
}

.clear{
	clear: both;
}

.pressLine{
	border: 0;
	height: 1px;
	color: #999999;
	background-color: #999999;
}

#groupContactsTable td {
	vertical-align: bottom;
	padding: 0 30px 10px 0;
}

#exhibitionGallery{
	float: left;
	background: #ccc;
	width: 450px;
	margin: 0 0 0 0;
	text-align: center;
	padding: 0 0 10px 0;
}

#exhibitionGallery .mainPic img {
	border: 5px solid #999;
}

#exhibitionGallery .thumbs ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 12px;;
}

#exhibitionGallery .thumbs li {
	float: left;
	padding: 5px;
	margin: 0;
}

#exhibitionGallery .thumbs img {
	border: 1px solid #666;
}

#corpTabs {
	width: 205px;
	padding: 0 5px 0 0;
	float: left;
	margin: 15px 0 0 0;
}

#corpTabs ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#corpTabs li{
	border-top: 1px dashed #999;
	color: #096;
	background: #fff;
	font-size: 12px;
	padding: 3px 0;
}

#corpTabs li a{
	text-decoration: none;
	color: #096;
}

#corpTabs li.first{
	border: none;
	padding: 0 0 3px 0;
}

#corpTabs li strong {
	color: #036;
	text-transform: uppercase;
	font-size: 14px;
}

#corpContent{
	float: left;
	width: 338px;
	padding: 5px;
	border: 1px solid #096;
	margin: 15px 0 0 0;
}

#corpContent h3{
	color: #036;
	text-transform: uppercase;
	margin: 0;
}

#corpContent h4{
	color: #096;
	margin: 0;
}

#corpContent p{
	margin: 0.5em 0;
}

#content.intContacts {
	background: url('images/contact/worldmap.jpg') no-repeat 0px 70px;
}

#intContactsLeft {
	width:280px;
	float: left
}

#intContactsRight{
	float: left;
	width: 280px;
}

#intRegionList li{
	cursor: pointer;
	font-weight: bold;
	list-style: none;
}

#intRegionList li div{
	display: none;
	font-weight: normal;
}

#intContactsList li{
	cursor: pointer;
	font-weight: bold;
	list-style: none;
}

#intContactsList li div{
	display: none;
	font-weight: normal;
}

#doingMoreContent{
	background: #f90;
	color: #039;
	margin: 0;
	float: left;
	height: 200px;
}

#doingMoreContent img{
	float: left;
}

#doingMoreContent div{
	float: left;
	padding: 10px;
	width: 420px;
}

#doingMoreContent div p{
	margin: 0;
	font-size: 12px;
}

#doingMoreContent div .doingMoreName{
	text-align: right;
	font-weight: bold;
	margin: 5px 0 0 0;
	font-size: 12px;
}

#doingMorePreviews {
	margin: 10px 0;
	clear: both;
	padding: 10px 0 0 0;
}

#doingMorePreviews .page .item {
	float: left;
	margin: 5px;
	cursor: pointer;
}

#doingMorePreviews .page .item div {
	display: none;
}