/* CSS Document */

html, body{
	height: 100%;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

p{
	margin: 0px 0px 10px 0px;
}

/* ------------------------------------------ */

#outer_holder{
	width: 800px;
	height: 725px;
	background-image: url(../images/background.gif);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
}

#masthead{
	float: left;
	width: 800px;
	height: 155px;
	background-image: url(../images/masthead.jpg);
	background-position: 220px 15px;
	background-repeat: no-repeat;
}

#navigation{
	float: left;
	width: 800px;
	padding: 0px;
}

#navigation #title{
	float: left;
	width: 190px;
	padding: 110px 0px 0px 35px;
}

#navigation h1, #navigation h2{
	color: #003876;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}

#navigation h1{
	font-size: 30px;
}

#navigation h2{
	font-size: 18px;
}

#navigation #menu{
	float: left;
	width: 575px;
	margin: 0px;
	padding: 129px 0px 0px 0px;
}

#navigation #menu li{
	float: left;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#navigation #menu li a{
	display: block;	
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 7px 0px 10px 0px;
	color: #FFFFFF;
}

#navigation #menu li a{
	background-image: url(../images/navigation_tab_stripe.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#navigation #menu li.group_overview a, 
#navigation #menu li.group_overview a.inactive{
	background-color: #A01523;
	border-bottom: 3px solid #F1DCDE;
}

#navigation #menu li.our_clients a, 
#navigation #menu li.our_clients a.inactive{
	background-color: #4A156A;
	border-bottom: 3px solid #E4DCE9;
}

#navigation #menu li.our_companies a, 
#navigation #menu li.our_companies a.inactive{
	background-color: #003D7D;
	border-bottom: 3px solid #D9E2EC;
}

#navigation #menu li.group_overview a:hover, 
#navigation #menu li.group_overview a.active
{
	border-bottom: 3px solid #A01523;
}

#navigation #menu li.our_clients a:hover, 
#navigation #menu li.our_clients a.active{
	border-bottom: 3px solid #4A156A;
}

#navigation #menu li.our_companies a:hover, 
#navigation #menu li.our_companies a.active{
	border-bottom: 3px solid #003D7D;
}

#footer{
	width: 800px;
	float: left;
	padding: 17px 0px 0px 0px;
	margin: 0px;
	height: 45px;
	background-image: url(../images/footer.gif);
	background-position: top;
	background-repeat: no-repeat;
}

/* ------------------------------------------ */


p.footer_left, p.footer_right{
	font-size: 12px;
	margin: 0px;
}

p.footer_left{
	float: left;
	padding: 0px 0px 0px 35px;
	color: #003D7D;
}

p.footer_right{
	float: right;
	padding: 0px 35px 0px 0px;
}

p.footer_right a{
	color: #A9A9AC;
	text-decoration: none;
}

p.footer_right a:hover{
	text-decoration: underline;
}

/* ------------------------------------------ */

.slider_holder{
	float: left;
	width: 800px;
	height: 480px;
	overflow: hidden;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

.section{
	float: left;
	width: 800px;
	height: 500px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.slider_holder .content{
	width: 800px;
}

/* ------------------------------------------ */

.left_column{
	float: left;
	width: 190px;
	padding: 0px 0px 0px 35px;
}

.right_column{
	float: left;
	width: 540px;
	padding: 0px 0px 0px 0px;
	color: #939397;
}

.right_column h3{
	font-size: 20px;
	color: #C5CAE0;
}

.left_column h4{
	font-size: 15px;
	font-weight: normal;
}

.left_column h4.red{
	color: #A01523;
}

.left_column h4.purple{
	color: #4A156A;
}

.left_column h4.blue{
	color: #003D7D;
}

.right_column h5{
	color: #003D7D;
	margin: 0px 0px 5px 0px;
	clear: left;
}

.right_column p{
	font-size: 15px;
	line-height: 1.3em;
	margin: 0px 0px 10px 0px;
}

#overview .right_column ul, 
#clients .right_column ul, 
#companies_xylenes_polyesters .right_column ul, 
#companies_fibres .right_column ul, 
#companies_pet .right_column ul, 
#companies_nylon .right_column ul, 
#companies_acrylonitrile .right_column ul, 
#companies_films .right_column ul, 
#companies_shanghai .right_column ul{
	float: left;
	list-style: none outside;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}


#overview .right_column ul, 
#clients .right_column ul{
	font-size: 15px;
}

#companies_xylenes_polyesters .right_column ul, 
#companies_fibres .right_column ul, 
#companies_pet .right_column ul, 
#companies_nylon .right_column ul, 
#companies_acrylonitrile .right_column ul, 
#companies_films .right_column ul, 
#companies_shanghai .right_column ul{
	font-size: 11px;
}


#clients .right_column ul{
	width: 270px;
}

#companies_xylenes_polyesters .right_column ul, 
#companies_shanghai .right_column ul{
	width: 180px;
}

#companies_fibres .right_column ul, 
#companies_pet .right_column ul, 
#companies_nylon .right_column ul, 
#companies_acrylonitrile .right_column ul, 
#companies_films .right_column ul{
	width: 540px;
}

.right_column ul li{
	background-repeat: no-repeat;
}

#overview .right_column ul li{
	background-image: url(../images/bullet_overview.gif);
	background-position: 0px 5px;
	padding-left: 25px;
}

#clients .right_column ul li{
	background-image: url(../images/bullet_clients.gif);
	background-position: 0px 5px;
	padding-left: 25px;
}

#companies_xylenes_polyesters .right_column ul li, 
#companies_fibres .right_column ul li, 
#companies_pet .right_column ul li, 
#companies_nylon .right_column ul li, 
#companies_acrylonitrile .right_column ul li, 
#companies_films .right_column ul li, 
#companies_shanghai .right_column ul li{
	background-image: url(../images/bullet_companies.gif);
	background-position: 0px 3px;
	padding-left: 20px;
}

.right_column p.address_first, 
.right_column p.address_next_row, 
.right_column p.address_fibres, 
.right_column p.contacts_first, 
.right_column p.contacts_next_row, 
.right_column p.contacts_fibres{
	float: left;
	width: 270px;
	color: #333333;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.right_column p.address_fibres{
	clear: left;
	color: #003D7D;
	font-size: 13px;
	font-weight: bold;
}

.right_column p.address_next_row{
	clear: left;
}

.right_column p.contacts_first a, 
.right_column p.contacts_next_row a, 
.right_column p.contacts_fibres a{
	color: #003D7D;
	text-decoration: none;
}

.right_column p.contacts_first a:hover, 
.right_column p.contacts_next_row a:hover, 
.right_column p.contacts_fibres a:hover{
	text-decoration: underline;
}

/* ------------------------------------------ */

.left_column #sub_menu{
	float: left;
	margin: 0px;
	padding: 0px;
}

.left_column #sub_menu li{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.left_column #sub_menu li a{
	display: block;	
	width: 143px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	margin: 0px 30px 0px 0px;
	padding: 6px;
}

#sub_menu li a:hover{
	background-color: #EEEEEE;
	color: #003876;
}

#sub_menu li a.active{
	background-color: #CDD2E6;
	color: #003876;
}