/*--( PAGE SETUP )-------------------------------------------------------------------------------------------------------------------*/
body {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #575757;
	margin: 0;
	background: url('../images/body-bg.gif');
}

img {
	border: none;
}

a {
	text-decoration: none;
}

h3 {
	font-size:14px;
	font-weight:bold;
}

a:hover{
	text-decoration: underline;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}

#page {
	width: 852px;
	overflow: hidden;
	margin: 0 auto;
	background:#fff;
}

/*--( HEADER SECTION (includes imgr-box) )-------------------------------------------------------------------------------------------*/
#header {
	overflow: hidden;
	width: 852px;
}
.logo {
	margin: 0;
	padding:15px 0 7px 10px;
	float: left;
}
.logo a {
	display: block;
	text-indent: -9999px;
	width: 301px;
	height: 85px;
	overflow: hidden;
	background: url('../images/cognis-logo.png') no-repeat;
}


/*--( NAVIGATION )-------------------------------------------------------------------------------------------------------------------*/
.navigation{
	margin:0 31px 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	display: inline;
}
.navigation li{
	float: left;
	background: url(../images/navigation-li-bg.png) no-repeat;
	padding-left: 2px;
}
.navigation li a{
	color: #fff;
	padding:4px 20px 8px 20px;
	float: left;
	overflow: hidden;
	background:#152348 url(../images/navigation-a-bg.png) repeat-x 0 100%;
}

.navigation li a:hover,
.navigation li a.active{
	text-decoration: none;
	background:#3f4e78 url(../images/navigation-a-hover.png) repeat-x 0 100%;
}

.contact_div{
	float:right; 
	margin: 30px 0 0 0; 
	padding: 0px 32px 0 0;
	font-size: 12px; 
	font-weight: bold;
}

.contact_div img{
	vertical-align: middle;
}


/* LEFT NAV END POINT */
.navigation .home{
	background:#152348 url(../images/home-a-bg.png) no-repeat;
}
.navigation .home:hover,
.navigation .home.active{
	background:#3f4e78 url(../images/home-a-hover-bg.png) no-repeat;
}


/* RIGHT NAV END POINT */
.navigation .contact{
	background:#152348 url(../images/contact-a-bg.png) no-repeat 100% 0;
}
.navigation .contact:hover,
.navigation .contact.active{
	background:#3f4e78 url(../images/contact-a-hover-bg.png) no-repeat 100% 0;
}

.navigation .none{
	background: none;
}
/*--( END NAVIGATION )---------------------------------------------------------------------------------------------------------------*/


/*--( MAST HEAD )---------------------------------------------------------------------------------------------------------------*/
.imger-box{
	width: 846px;
	height: 213px;
	overflow: hidden;
	background:#152348;
	padding: 6px 0 0 6px;
	float: left;
	position: relative;
}
.imger-box img{
	display: block;
}
.info-box{
	position: absolute;
	left: 31px;
	top: 27px;
	width: 570px;
	overflow: hidden;
}
.info-box h2{
	margin: 0;
	font-size: 26px;
	color: #fff;
	line-height:30px;
	font-weight: normal;
	padding-bottom: 11px;
}
.info-box p{
	font-size: 16px;
	color: #e8f1ff;
	line-height: 20px;
	margin: 0; 
	padding-bottom: 20px;
}
.know-more{
	width: 124px;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	color: #e8f1ff;
	font-weight: bold;
	background: url(../images/know-more.gif) no-repeat;
	display: block;
	padding:8px 0 8px 0;
}
.know-more:hover{
	color: #cf3021;
	text-decoration: none;
}
.form-box{
	width: 100%;
	overflow: hidden;
	margin-top:3px;
	background:url(../images/form-box-bg.png) repeat-x;
	float: left;
}
.form-box .left{
	width: 602px;
	height: 31px;
	overflow: hidden;
	float: left;
	padding:10px 0 0 32px;
}
.form-box .right{
	width: 240px;
	overflow: hidden;
	float: right;
	padding:10px 32px 0 0;
}
.form-box label{
	font-size: 16px;
	line-height: 18px;
	color: #464646;
	float: left;
	padding:1px 9px 0 0;
}
.form-box .text{
	width: 112px;
	margin:0 8px 0 0 ;
	padding:4px 10px 4px 10px;
	overflow: hidden;
	float: left;
	border: 1px solid #152348;
	background:#fff;
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	line-height:12px;
}
.form-box .submit{
	width: 42px;
	height: 22px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}
.form-box .go{
	width: 29px;
}
.form-box .search{
	font-size: 11px;
	line-height: 14px;
	color: #3f3f3f;
	font-weight: bold;
	background: url(../images/search-bg.gif) no-repeat 0 6px;
	padding:4px 3px 0 20px;
}


/*--( MAIN CONTENT )---------------------------------------------------------------------------------------------------------------*/
#content{
	width: 788px;
	padding:0 32px 0 32px;
	overflow: hidden;
	margin-top: 3px;
}

/*--( COGNIS MILESTONES )----------------------------------------------------------------------------------------------------------*/
.left-box{
	width: 249px;
	overflow: hidden;
	float: left;
	padding: 10px 0 0 0;
	background:#e9f1ff;
}
.left-box-up{
	width: 221px;
	margin:0 auto;
	overflow: hidden;
}
.left-box h2{
	font-size: 22px;
	line-height: 26px;
	color: #152348;
	margin: 0;
	font-weight: normal;
	padding-bottom: 10px;
}
.left-box p{
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	color: #575757;
	line-height: 14px;
	padding-top: 5px;
}
.display-box{
	width: 217px;
	height:96px;
	overflow: hidden;
	background:#d7d7d7;
	padding: 4px 0 0 4px;
}
.display-box img{
	display: block;
}
.side-list{
	width: 100%;
	margin:10px 0 0 0;
	padding:1px 0 0 0;
	list-style: none;
	overflow: hidden;
	font-size: 11px;
	line-height: 13px;
	background: url(../images/side-list-bg.gif) repeat-x;
}
.side-list li{
	padding:0 0 1px 0;
	background: url(../images/side-list-bg.gif) repeat-x 0 100%;
}
.side-list li a{
	color: #c28f21;
	display: block;
	background:#e9f1ff url(../images/side-list-a-bg.gif) no-repeat;
	padding:2px 0 3px 29px;
}
.side-list li a:hover,
.side-list li a.active{
	text-decoration: none;
	background:#f6f9ff url(../images/side-list-a-hover.gif) no-repeat;
}
.mail-box{
	width: 245px;
	overflow: hidden;
	margin-top:35px;
	border: 2px solid #b9c8e5;
	padding:15px 0 8px 0;
	background:#d4e3ff url(../images/mail-bg.gif) no-repeat;
}
.mail-box h2{
	font-size: 20px;
	padding: 0;
	word-spacing: -2px;
	white-space:nowrap;
	line-height: 22px;
}
.mail-form{
	width: 223px;
	margin: 0 auto;
	overflow: hidden;
}
.mail-form .text{
	margin:14px 0 0 0;
	padding: 4px 17px 4px 17px;
	width: 185px;
	border: 1px solid #b9c8e5;
	background:#e9f1ff;
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #7a7a7a;
}
.mail-form .submit{
	width: 66px;
	height: 19px;
	float: right;
	margin-top: 15px;
}


/*--( MAIN RIGHT CONTENT )----------------------------------------------------------------------------------------------------------*/
.right-box{
	width: 505px;
	overflow: hidden;
	float: right;
	padding: 5px 0 0 0;
}
.right-box h2{
	font-size: 25px;
	line-height: 27px;
	margin: 0;
	font-weight: normal;
	color: #152348;
	padding:8px 0 10px 0;
}
.right-box p{
	margin: 0;
	line-height: 14px;
	padding-bottom: 3px;
}
.right-box p strong{
	font-size: 12px;
	line-height: 17px;
}

/* RIGHT CONTENT BOX DIVS */
.right-box-top{
	width: 100%;
	overflow: hidden;
	padding-bottom: 25px;
}

.right-box-services{
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}

.read-more{
	font-size: 10px;
	font-weight: bold;
	color: #c28f21;
	float: right;
}
.photo-box{
	width: 167px;
	overflow: hidden;
	float: left;
	background:#b5b5b5;
	padding: 4px 0 4px 4px;
}
.photo-box img{
	display: block;
}
.nav-right{
	width: 301px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	float: right;
	font-size: 11px;
	line-height: 13px;
}
.nav-right li{
	background:url(../images/nav-right-li-bg.gif) repeat-x 0 100%;
	padding:3px 0 6px 0;
}
.nav-right li a{
	color: #c28f21;
	background: url(../images/nav-right-a-bg.gif) no-repeat 0 4px;
	padding: 0 0 0 18px;
	margin-left: 7px;
}
.nav-right li a:hover,
.nav-right li a.active{
	color: #000;
	text-decoration: none;
}
.right-box-bottom{
	width:505px;
	overflow: hidden;
	background:url(../images/right-box-bottom.gif) repeat-y;
}
.right-box-bottom .none{
	margin: 0;
}
.right-box-bottom .right{
	float: right;
	margin: 0;
	width: 145px;
}

/* Single profile rows */
.right-box-bottom-single{
	width:505px;
	overflow: hidden;
}
.right-box-bottom-single .none{
	margin: 0;
}
.right-box-bottom-single .right{
	float: right;
	margin: 0;
	width: 145px;
}

/* Full profile */
.right-box-bottom-full{
	width:505px;
	overflow: hidden;
}
.right-box-bottom-full .none{
	margin: 0;
}
.right-box-bottom-full .right{
	float: right;
	margin: 0;
	width: 250px;
}

/* Services split */
.right-box-bottom-services{
	width:505px;
	overflow: hidden;
}
.right-box-bottom-services .none{
	margin: 0;
}
.right-box-bottom-services .right{
	float: right;
	margin: 0;
	width: 250px;
}


.service-box{
	width: 150px;
	overflow: hidden;
	float: left;
	margin-right: 29px;
}
.service-box .title{
	/*background:#e8cb8c url(../images/date-bg.gif) no-repeat;*/
	margin: 0;
	color: #4b4b4b;
	padding: 1px 5px 3px 0px;
	display: inline;
	float: left;
	font-weight: bold;
	font-size: 12px;
}
.container{
	width: 100%;
	overflow: hidden;
	clear: both;
}
.service-box p{
	line-height: 14px;
	margin: 0;
	padding: 10px 0 0 0;
}
.service-box p strong{
	display: block;
	font-size: 11px;
	line-height: 14px;
}

/*--( Profile sections ) --***********************************************************************************/
.profile-box{
	width: 150px;
	overflow: hidden;
	float: left;
	margin-right: 29px;
}
.profile-box .pic{
	margin: 0;
	padding: 1px 5px 3px 35px;
	display: inline;
	float: left;
	font-weight: bold;
	font-size: 14px;
}
.profile-container{
	width: 100%;
	overflow: hidden;
	clear: both;
}
.profile-box p{
	line-height: 14px;
	margin: 0;
	padding: 10px 0 0 0;
}
.profile-box p strong{
	display: block;
	font-size: 11px;
	line-height: 14px;
}

/* Full profile page */
.profile-box-full{
	width: 300px;
	overflow: hidden;
	float: left;
	margin-right: 29px;
}

.profile-container-full{
	width: 100%;
	overflow: hidden;
	clear: both;
}

/* Services Boxes */
.profile-box-services{
	width: 230px;
	overflow: hidden;
	float: left;
	margin-right: 29px;
}

.profile-container-services{
	width: 100%;
	overflow: hidden;
	clear: both;
}


/*--( End Profile sections ) --*******************************************************************************/


/*--( Services details box )--*/
.details_mid{
	border:#919191 dashed 1px;
	background:url(/images/aboutus.png) 10px 0 no-repeat #E9F1FF;
	color:#fff;
	padding:0px 0 0px 207px;
}
.details_mid ul{
	list-style-type:none;
}
.details_mid ul li{
	background:url(/images/aboutus_list_arrow.gif) 0 50% no-repeat;
	padding-left:19px;
	font-size:11px;
	line-height:20px;
	color:#000000;
}
.details_mid ul li{
	background-color:inherit;
	text-decoration:underline;
}

.more-news{
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	font-weight: bold;
	width: 96px;
	text-align: center;
	background: url(../images/more-news.gif) no-repeat;
	display: block;
	float: right;
	padding: 1px 0 6px 0;
	margin-top: 10px;
}
.more-news:hover{
	text-decoration: none;
	color: #a0b5c4;
}
#footer{
	width: 852px;
	overflow: hidden;
	height:75px;
	background: url(../images/footer-bg.png) repeat-x;
	text-align: center;
	padding:22px 0 0 0;
}
#footer p{
	margin: 0;
	font-size: 10px;
	line-height: 12px;
	color: #142247;
	padding-top: 7px;
}
.nav-footer{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}
.nav-footer li{
	display: inline;
	padding:0 16px 0 10px;
	background: url(../images/nav-footer-li-bg.gif) no-repeat 100% 50%;
}
.nav-footer li a{
	color: #142247;
}
.nav-footer li a:hover,
.nav-footer li a.active{
	color: #534a21;
	text-decoration: none;
}
.nav-footer .none{
	background: none;
}



/*-----( Contact Us Form ) ------ */
#contactform label {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #660000;
}

#contactform fieldset {
	border: 1px solid #ccc;
	padding: 0 20px;
}

#contactform legend {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #2e74a6;
	background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	padding: 4px 8px;
}