@charset "UTF-8";

/* --- CSS Document by Codify Design Studio - codifydesign.com --- */



body {

	margin: 0px;

	color: #777777;

	font-size: 12px;

	font-family: Arial, Verdana, Univers;

	font-family: Arial, Verdana, Univers;

	background-color: #D3D3D3;

}



h1 {

	color: #123F66;

	font-size: 24px;

	font-weight: normal;

	margin: 3px 0px 25px 0px;

	font-variant: normal;

}

h2 {

	color: #123F66;

	font-size: 1.4em;

	font-weight: normal;

	margin: 0px 0px 15px 0px;

}

h3 {

	color: #123F66;

	font-size: 16px;

	margin-top: 12px;

	margin-bottom: 0px;

}

h4 {

	color: #123F66;

	font-size: 14px;

	font-weight: bold;

	margin-top: 6px;

	margin-bottom: 0px;

}

h6 {

	font-size: 9px;

	color: #123F66;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: normal;

	padding-right: 40px;

}

p {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 12px;

	margin-left: 0px;

	font-size: 12px;

	text-align: left;

	clear: both;

}

a          {

	color: #36C;

}

a:visited  {

	color: #071B2C;

	text-decoration: none;

}

a:hover   	{

	color: #388EDC;

} 

a:link		{

	color: #6D9ADE;

	text-decoration: none;

}

.container {

	width: 980px;

	margin-left: auto;

	margin-right: auto;

}





/* BANNER AREA */

.bannerArea {

	width: 100%;

	height: 83px;

	background-color: #6B94D6;

}



.bannerArea .container {

	height:85px;

	background-image: url(images/banner_bkgd.jpg);

	background-repeat: no-repeat;

}



.bannernav {

	padding-top: 20px;

	float: right;

	color: #112c4c;

	font-size: 10px;

	font-family: Arial, Helvetica, Verdana, sans-serif;

}



.bannernav a { color: #ffffff; text-decoration: none; }

.bannernav a:visited { color: #ffffff; }

.bannernav a:hover { color: #112c4c; text-decoration: none; }



.toplogo {

	padding-left: 30px;

	padding-top: 5px;

}









/* TOP NAVIGATION AREA */

.topnavigationArea {

	width: 100%;

	background-image: url(images/topnav_bkgd.jpg);

	background-repeat:repeat-x;

	background-color: #6D9ADE;

}



.topnavigationgroup {

 	margin: 0px;

	margin-left: -40px;

	float: left;

	p/adding-right: 40px;

}

.topnavigationgroup ul {

	margin: 0px;

}



.topnavigationitem {

	max-width: 167px;

	margin-left: 0px;

	padding-left: 10px;

	padding-top: 9px;

	padding-right: 10px;

	padding-bottom: 9px;

	border-left-style: solid;

	border-left-width: 1px;

	border-right-style: none;

	border-right-width: 1px;

	font-size: 14px;

	font-weight: bold;

	font-family: Arial, Helvetica, Verdana, sans-serif;

	float: left;

}



/* CONTENT AREA */

.contentArea {

	width: 100%;

	background-color: #f0eff0;

	background-image: url(images/content_bkgd_tile.jpg);

	background-repeat: repeat-x;

	

}





.contentArea .container {

	padding-top: 30px;

	padding-bottom: 30px;

	background-image: url(images/content_bkgd.jpg);

	background-repeat: no-repeat;

}



.contentleft {

	width: 650px;

	padding-left: 40px;

	padding-right: 40px;

	float: left;

	border-right-style: solid;

	border-right-width: 1px;

	font-size: 12px;

	text-align: left;

}



.contentright {

	padding-top: 20px;

	float: left;

	padding-left: 30px;

	width: 210px;

	min-height: 400px;

}



.imageright {

	

	margin-left: 5px;

	

	float: right;

	

}





/* FOOTER AREA */

.footerArea {

	width: 100%;

	background-color: #D3D3D3;

	border-top-style: solid;

	border-top-color: #2986DA;

	border-top-width: 4px;

}



.footerArea .container {

	height: 107px;

	background-image: url(images/footer_bkgd.jpg);

}



.copyright {

	padding-left: 40px;

	padding-top: 12px;

	color: #666666;

	font-size: 12px;

	font-family: Arial, Helvetica, Verdana, sans-serif;

}

.contentright ul li {

	line-height: 1.5em;

	text-align: left;

}

.contentleft h2 img {

	padding-left: 10px;

}

#insitu1 {

	text-align: justify;

	padding-left: 100px;

}

#gel-figure-word {

	color: #123F66;

	font-size: 9px;

	text-align: center;

}

#gel-figure-word-div {

	padding-left: 320px;

}

#charactringemulsion-figure-word-div {

	padding-left: 380px;

	padding-top: 10px;

	width: 300px;

}

#phase-selective-img-div {

	padding-left: 200px;

}

#Choice-of-solvent-word-div {

	padding-left: 340px;

}

#word-in-content-div {

	width: 360px;

	float: left;

	min-height: 440px;

}

#img-in-content-div {

	width: 280px;

	float: right;

	padding-top: 50px;

}

#figure-word-div {

	color: #123F66;

	text-align: center;

	font-size: 0.8em;

	width: 280px;

	float: right;

	padding-top: 5px;

}

#insitu1-figure-wor {

	color: #123F66;

	font-size: 0.8em;

	text-align: center;

	padding-bottom: 10px;

}

#insitu-content {

	width: 360px;

	float: left;

}

#insitu-figure2 {

	float: right;

	width: 280px;

}

#insitu-figure2-word {

	float: right;

	width: 280px;

	text-align: center;

	color: #123F66;

	font-size: 0.8em;

}

#home-page-content {

	width: 300px;

	float: left;

	padding-top: 20px;

}

#home-page-img {

	float: right;

	width: 350px;

}

#mageni {

	float: right;

	width: 300px;

}