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

   AUTHOR           :  	Spenta Multimedia
   WEBSITE          :   http://www.spentamultimedia.com/web.html/web.html/
   TEMPLATE NAME    :	Advanced Enzymes   


/* Top Elements */

body {
	width:100%;
	background:url(../images/bg.gif) top left repeat-x;
	text-align:justify;
	color:#575757;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
	padding:0px;
	}

 
 { color:#996600; } 
#wrap {
	width:1000x;
	position:relative;
	margin:0px auto 0 0;
	padding:0px;
	clear:both;
	
}

.clear {
    clear: both;
}

img, a img  {
border : none;
}

a {color:#243c4f; text-decoration:none;}

p {font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#575757; text-align:justify; }

p .highlight {color:#575757; }

p strong, li strong {color:#575757; letter-spacing:normal;}

h3 {color:#b95915; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
/* main.css */

/*header*/

#header {
	width: 100%;
	height:324px;
	background:url(../images/header-bg.gif) top left no-repeat;
    margin:0px auto 0px auto;
	z-index:-1000;
	
}


 
/* header links */
#header-links {
	position: absolute;
	top: 0px; right:0px;
	color: #838181;
	width:130px;
	font-size: 10px ;

}
#header-links a {	
	color: #838181;
	padding:0 5px 0 5px;font-size: 10px ;	
	text-decoration: none;

}
#header-links a:hover, #header-links a.active  {
	color: #b95915; 
}




/*Topbar*/

#topbarmain {
	width: 100%;
	height:98px;
	background:url(../images/top_bg.gif) top left repeat-x;
	position:relative;
	margin:0px auto;
	padding:0px;
	clear:both;
	z-index:1000;
	
}

#topbar {
	width: 980px;
	position:relative;
	height:98px;
	margin:0px auto;
	padding:0px;
	clear:both;
	
}

#topbar h1#logo-text a {
	position: relative;
	height:98px;
	margin:0px 0 0 0;
	padding: 0;
	top:5px;
	float:left;
	font: bold 36px 'Trebuchet MS', Arial, Sans-serif;
	color: #b95915;
	

}


/*Navigatio*/

#navMain {
		font-family:Arial, Helvetica, sans-serif;
	position:relative;
	height:28px;
	margin:0px auto;
	padding:0px;
	
}

#nav {height:28px; position:relative; width:980px; margin:0px auto 0px auto; color:#fff; }
#nav ul	{ float:right; list-style:none; padding:0px 0 0 0px; margin:0px;}
#nav ul li	{ float:left; display:block;}
#nav ul li a	{  float:left; text-decoration:none; font-size:14px;   color:#fff; padding:6px 20px 6px 20px; border-right:1px solid #cf8048; }
#nav ul li a .clear	{ padding-bottom:0
px;}
#nav ul li a:hover ,
#nav ul li a.active { color:#FFF; background-color:#000000; background:url(../images/hover.jpg) repeat-x left top;  }
#nav ul li a .link-2	{ font-size:10px; color:#53534d;}
#nav ul li.last	{  padding-right:0px;  border-right:none;}






/*** Sidebar ***/

#sidebar {
	width:233px;
	height:auto;
	float:left;
	padding-bottom:20px;
	}

#sidebar h1 {
	padding:20px;
	margin:0px;
	color:#444444;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	
	}


/* ============================ leftNav ================================ */

/* First Part */
#leftNav { z-index:10; margin:15px 0px 0px 0px;  }

#leftNav ul { margin:0px; padding-left:16px;} 
 
#leftNav li { width:190px; list-style:none; background:url(../images/arrow.gif) no-repeat left 12px ; margin:0px; padding:0px; }

#leftNav li a {display:block; border-bottom:solid 1px #dbdbdb; padding:6px 0 6px 16px; text-align:left; line-height:18px;}


#leftNav li a:hover,
#leftNav li.open a  { display:block; background:url(../images/arrow2.gif) no-repeat left 12px; text-decoration:none; color:#b95915; }
 

 
 





#proImg { margin-right:10px; float:left; }

#proImg img { width:260px; }

#proContent { float:right;  padding-top:50px; width:400px; } 

#proContent h1 { font-size:22px;  font-weight:normal; color:#b95915; margin-bottom:15px; text-align:left;}
/**** Content *****/


#contentWrap{
	width:980px;
	position:relative;
	height:auto;
	padding:0px 0 0 0;
	margin:0px auto 0 auto;
		
}

#contentMain{
	width:980px;
	position:relative;
	float:left;
	height:auto;
	padding:0px 0 0 0;
	margin:25px auto 0 auto;
	background:#fff url(../images/content-main-bg.gif) top left no-repeat;
	
		
}
#main{float:left; width:713px; float:right;  padding:0 20px 0 0px; margin-top:27px;  min-height:450px;}
#projects{float:left; width:632px;  padding:0px 20px 30px 30px; position:absolute;  top:65px;  }



#promain { width:682px; margin:30px 0 15px 0; position:absolute;  }  

#content{float:left; width:692px; float:right; margin:27px 0 20px 0; padding:0 20px 0 30px;}
#content h1{padding:20px 20px 20px 0px; margin:0px; font:Arial, Helvetica, sans-serif; font-size:20px; color:#b95915; font-weight:normal;}

#content h2{padding:0px 20px 20px 0px; margin:0px; font:Arial, Helvetica, sans-serif; font-size:20px; color:#b95915; font-weight:normal;}

#content ul { margin:10px 0 0 10px; padding:0 0 0 10px;}
#content ul li {display:block; background:url(../images/arrows_up.gif) no-repeat left 14px; list-style:none; padding-left:16px; margin:0 0 10px 0; padding-top:5px; line-height:20px;}

#content ul li ul li{display:block; background:url(../images/bull.gif) no-repeat left 12px; list-style:none; padding-left:16px; margin:0 0 10px 0; padding-top:5px; line-height:20px;}


#content a {
	color:#b95915;
	
}

#content a:hover {
	color:#333333;
	
}


/*--------------------------- Ongoing Projects Tabs -----------------------------*/
 
#tabs { width:733px; height:41px;  margin:0px; padding:0px; font-size:12px; background: url(../images/grayBg.gif) left top no-repeat #c8c8c8; text-transform:uppercase; font-weight:bold;  }

#tabs ul {  float: left; margin:0px; padding:0px;} 

#tabs ul li { float: left; width:183px;  list-style:none; display:inline; padding:0px; margin:0px; text-align:left; }


#tabs ul li a {margin:0px; display: block;   padding:15px; border-right:1px solid #FFFFFF;}
#tabs ul li a:hover,
#tabs ul li a.Active
 { background:url(../images/tab-hover1.gif) left top  repeat-x; color:#fff;  }


#tabs ul li.first a {   margin:0px; display: block; }
#tabs ul li.first a:hover,
#tabs ul li.first a.Active
 { background:url(../images/tab-hover.gif) left top no-repeat; color:#fff;  }



#tabs ul li.last a {   margin:0px; display: block;  width:153px; }
#tabs ul li.last a.Active,

 { background:url(../images/tab-hover1.gif) left top  repeat-x; color:#fff;  }


/*--------------------------- Table in Registration Page -----------------------------*/

 
			#content table {
				width:100%; font: 8pt/1.5em Arial, Helvetica, sans-serif;
				padding:0;
				margin:0 0 20px 0;
				line-height:19px;
				border-top:3px #b95915 solid;
			}
			
			#content table td {
				border-bottom:1px #cca386 solid;
				padding:8px 10px 8px 8px;
			}
			
		 
			#content table .grey {
				background:#f6eae2; color:#b95915; font-weight:bold;
			}
			
			#content table .alignR {
				text-align:right;
				border-left:1px #e5e5e5 solid;
			}
			
			#content table.checkBoxTable {
				margin:0;
				border:0;
			}
			
			#content table.checkBoxTable td{
				border:0;
				padding:1px 10px 1px 0;
			}

.clear	{ position:relative; clear:both; display:block; height:0px; overflow:hidden;}
#btmbrdr{border-top:solid 5px #CCCCCC;}




#footer{background:url(../images/footer-bg.gif) top left no-repeat; height:62px; color:#471e01; font-size:11px; line-height:20px;}
#footer a{color:#471e01;}
#footer a:hover{color:#fff;}
#footerIn{ margin:0 auto 0 auto; padding:15px 0 0 0; width:950px; height:47px;}
#footerLeft{width:450px; float:left; position:relative;}
#footerRight{width:300px; float:right; text-align:right;}







/* Breadcrumbs */


#dropMenu { width:692px; height:41px;  margin:0px 0px 20px 0px; padding:0px; font-size:11px; background: url(../images/drop-menu-brdr.gif) bottom left repeat-x;   }


#dropMenu ul  { float: left; margin:0px; padding:0px;} 

#dropMenu ul li { float: left;  line-height: 25px;  color:#9d9d9d;  list-style:none; background:none; display:inline; padding:0px; margin:0px;}


#dropMenu .last { background: url(../images/breadcrumb-divider.png) no-repeat right top; }

#dropMenu a:link,
#dropMenu a:visited { margin:0px; color: #8a8484; display: block;   background: url(../images/drop-menu.gif)  left top no-repeat; width:160px; height:30px; padding:4px 0 4px 10px;}
 
#dropMenu a:hover {  background: url(../images/drop-menu-hover.gif) left top no-repeat;  height:30px; color:#FFFFFF; }
 
#dropMenu li.active a {
	color: #1799dc; display: block; background: url(../images/drop-menu-hover.gif) left top no-repeat;  height:30px; color:#FFFFFF;  } 
	






/* Breadcrumbs */


#dropMenu1 { width:700px; height:41px;  margin:0px 0px 20px 0px; padding:0px; font-size:11px; background: url(../images/drop-menu-brdr.gif) bottom left repeat-x;   }


#dropMenu1 ul  { float: left; margin:0px; padding:0px;} 

#dropMenu1 ul li { float: left;  line-height: 25px;  color:#9d9d9d;  list-style:none; background:none; display:inline; padding:0px; margin:0px;}


#dropMenu1 .last { background: url(../images/breadcrumb-divider.png) no-repeat right top; }

#dropMenu1 a:link,
#dropMenu1 a:visited { margin:0px; color: #8a8484; display: block;   background: url(../images/dropmenu1.jpg)  left top no-repeat; width:222px; height:30px; padding:4px 0 4px 10px;}
 
#dropMenu1 a:hover {  background: url(../images/dropmenuhover1.jpg) left top no-repeat;  height:30px; color:#FFFFFF; }
 
#dropMenu1 li.active a {
	color: #1799dc; display: block; background: url(../images/dropmenuhover1.jpg) left top no-repeat;  height:30px; color:#FFFFFF;  } 
	









#directors { height:auto; padding-bottom:10px; margin-bottom:20px; border-bottom:solid 1px #dbdbdb;}


#directors h1 { font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; font-weight:bold;}
#directors h2 { font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:10px 0 0 0; font-weight:normal; color:#888; font-style:italic;}
 #directors h3 { background:url(../images/arrow-right.gif) no-repeat; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 0px 108px; font-weight:bold; width:600px; padding:0px 0px 15px 20px; color:#888;}
 
#directors h3 a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#888;}
 
  
#directors img{ border:solid 1px #CCCCCC; float:left; height:auto; margin-right:20px; margin-bottom:10px;}
 
 
 
#accrediation { height:100px; width:170px; float:left; margin-right:20px;}
#accrediation h1 { float:left; text-align:left;}



#awards  { height:140px; border-bottom:solid 1px #dbdbdb; margin-top:10px;}
#awards img{ border:solid 1px #CCCCCC; float:left; height:auto; margin-right:20px; margin-bottom:0px;}
#awards h1 { font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:10px 0 0 0; font-weight:normal; color:#d96d20;}
#awards h2 { font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:10px 0 0 0; font-weight:normal; color:#000;}
#awards a { font-size:12px; font-weight:normal; color:#000; background:#e6e6e6; padding:10px;}
#awards a:hover { font-size:12px; font-weight:normal; color:#fff; background:#b95915; padding:10px;}



		/* Contact List */ 
			
			#contactList
			{
			font: 8pt/1.5em Arial, Helvetica, sans-serif; margin: 0px;
	padding: 0px;
			
			}
			#content #contactList h5 {
				font-size:16px;
				margin-bottom:8px;
			}
			
			#content #contactList dl {
				float:left;
				width:290px;
				padding:18px 20px 10px 20px;
				border:1px #e7e7e7 solid;
			}
			
			#content #contactList dl dt {
				float:left;
				width:35px;
			}
			
				#content #contactList dl dt.name {
					float:none;
					width:auto;
				 	font-size:18px; font-weight:normal; color:#000; margin-bottom:10px; 
				}
				
 
				#content #contactList dl dd a {
					color:#b95915;
				}
				
				#content #contactList dl dd a:hover {
					color:#b95915; text-decoration:underline;
				}
			
			#content #contactList .divider {
				float:left;
				width:25px;
			}
 
			
			#content #contactList dl {
				border:1px #e7e7e7 solid;
				background:#fff;
				margin-bottom:20px;
			}
			

#content #contactList dd.address 
			{				 
text-align:left;
margin: 0px 0px 20px 0px;
padding: 0px;
			}
				
#content #contactList dd.address ul li
{
background:url(../images/arrow.gif) left 50% no-repeat; line-height:18px; padding:3px 0 3px 15px; margin:0px;
}

#content #contactList dt,
#content #contactList dl dt {
	width:85px;
}


		 
/* // Contact List ENDE*/		 
/* --------------------------------------------------------------------- */

 
#certi ul li {display:block; background:url(../images/arrows_up.gif) no-repeat left 14px; border-bottom:dotted 1px #CCCCCC; list-style:none; padding-left:16px; padding-bottom:5px; margin:0 0 10px 0; padding-top:5px; line-height:20px;}

#certi ul li a{ color:#000000;}

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

#certi ul li a:hover{ color:#b95915;}



#contact{padding:3px; font-size:12px; margin:0px;}


#contact span{color:#FF0000; padding:3px; font-size:12px;}







/* // Validation*/		 
/* --------------------------------------------------------------------- */



input { margin-bottom:10px; }

 
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	width:180spx;
	color : #FF3300;
	font-weight:normal;
	font-size:11px;
	position:relative;
	float:right;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight:none;
	float:right;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
	border:none;
}

label {
	font-weight: normal;
}
.form-row {
	clear:left;
	border-bottom:1px solid #CCCCCC;
	 
	padding: 0.5em;
}

.field-label {
 float:left; margin-right:10px; width:150px; margin-bottom:8px;
}

.field-widget {

}





/* ============================ Project Left Nav ================================ */

/* First Part */
#proleftNav { z-index:10; margin:15px 0px 0px 0px;  }

#proleftNav ul { margin:0px; padding-left:16px;} 
 
#proleftNav li { width:190px; list-style:none; background:url(../images/arrow.gif) no-repeat left 12px ; margin:0px; padding:0px; }

#proleftNav li a {display:block; border-bottom:solid 1px #dbdbdb; padding:6px 0 6px 16px; text-align:left; line-height:18px;}


#proleftNav li a:hover,
#proleftNav li.active a  { display:block; background:url(../images/arrow2.gif) no-repeat left 12px; text-decoration:none;  color:#b95915; }
 


/*-----------------------ACCORDIAN MENU---------------*/


 
#proleftNav h3 {
background: url(../image520.png) repeat-x  left;
font: bold 14px  Arial,  Verdana, Helvetica, sans-serif;
color:#FFFFFF;
display: block;
height:20px;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
cursor:pointer;
margin:10px;
}

#proleftNav h3 a { color:#FFFFFF;}

#proleftNav h3 a.menuitem:visited, #proleftNav .menuitem:active{
color: white;
}

#proleftNav h3 a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

/*
#proleftNav div.submenu{ DIV that contains each sub menu
background: white;
height:230px;
width:230;
overflow:auto;
 
}
 
 */
 #mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 230px;
	height: 220px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
 
}
 
 
 
 
 
 
 
 
 
 /*Sitemap */
 
 
 #sitemapMain{
	width:980px;
	position:relative;
	float:left;
	height:auto;
	padding:0px 0 0 0;
	margin:25px auto 0 auto;
	background:#fff url(../images/sitemap-main-bg.gif) top left no-repeat;
	
		
}


#sitemap {
	width:100%;
	height:auto;
	float:left;
	padding-bottom:20px;
	}

#sitemap h1 {
	padding:20px;
	margin:0px;
	color:#444444;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	
	}
	
	
	
.news_tab{float:left; margin:5px; padding:4px; border:1px solid #dbdbdb;}
	
	
	
	
	
	
	
	
	
	
	
	
	

.sitemap .inn{width:960px; margin:0 auto; padding-top:1px; padding-bottom:50px; height:auto; color:#3c483f;}

.technology{ cursor:pointer; width:910px; margin:20px 20px 10px 20px; cursor:pointer; padding: 15px; background: url(../images/sitemap-tl-bg.gif) bottom left repeat-x; border-bottom:1px dotted #f0b993; color:#3c483f; font-size:12px; font-weight:bold;}
.thelanguage {padding-left:0px; width:940px; margin-left:20px; padding:0px; margin-bottom:0px; clear:both;}

ul.sitemap{width:180px; list-style-type:none; float:left; margin-top:0px; padding-top:0px; padding-left:30px; margin-right:20px;}
ul.sitemap li ul li{list-style-type:none; float:left; margin-top:0px; padding-top:0px; padding-left:0px; margin-right:20px;}
ul.sitemap li{display:block; line-height:30px; font-size:12px; color:#b95915; font-weight:bold; border-bottom:dotted 1px #ccc;}
ul.sitemap li a{color:#3c483f; font-weight:normal; text-decoration:none;}
ul.sitemap li a:hover{color:#3c483f; font-weight:bold; text-decoration:none;}
hr.sitemap {border-top:1px dashed #ededed;border-bottom:0px;border-left:0px;border-right:0px; margin:15px 0 0 0; padding:0px 0 10px 0 ;}
.pad_top48{padding-top:48px;}
.sitemap_title{padding-top:5px; padding-bottom:10px; display:block;}
.spacer{font-size:0; line-height:0; padding:0; margin:0; clear:both;}

.name1 {
					float:none;
					width:auto;
				 	font-size:18px; font-weight:normal; color:#000; margin-bottom:10px; 
				}