body{margin:0;background: #ffffff url(../images/bg.gif) top left repeat-x;color:#000000}
body,td,th,input,select,textarea,input {font-family: Verdana, Arial, Helvetica, sans-serif;}
body,td,th,input,select,textarea,input {font-size:12px;}
p{margin:0 0 1.5em 0;}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 

a{color:#c20000;}

#wrapper{width:746px;margin:10px auto 0 auto;padding:0 9px;background: #ffffff url(../images/wrapper-bg.gif) top left repeat-y;position:relative;}

#header{position:relative;margin:-9px -9px 0 -9px;height:164px;background: url(../images/header-bg.gif) top left no-repeat;}

h1#logo{margin:0;position:absolute;bottom:0;left:11px;}
	h1#logo a{display:block;width:89px;height:137px;text-indent:-2000px;text-decoration:none;background: url(../images/logo.gif) top left no-repeat;}

#headerimage{background: url(../images/headerimage.jpg) top left no-repeat;width:647px;height:108px;line-height:1;text-indent:-2000px;position:absolute;top:20px;right:11px}

#nav{position:absolute;bottom:0;right:11px;border-top:1px solid #000000;background: url(../images/nav-bg.gif) left repeat-x;width:647px}
	#nav, #nav ul {padding: 0;margin: 0;list-style: none;line-height: 1;}
	#nav a {display: block;}
	#nav ul li {float:left;}
	#nav ul li div a{text-indent:-2000px;}
	#nav ul li#nav-aboutus div a{background: url(../images/nav-aboutus.gif) top left no-repeat;width:97px;height:32px;}
	#nav ul li#nav-technology div a{background: url(../images/nav-technology.gif) top left no-repeat;width:116px;height:32px;}
	#nav ul li#nav-pipeline div a{background: url(../images/nav-pipeline.gif) top left no-repeat;width:79px;height:32px;}
	#nav ul li#nav-intellectualproperty div a{background: url(../images/nav-intellectualproperty.gif) top left no-repeat;width:176px;height:32px;}
	#nav ul li#nav-news div a{background: url(../images/nav-news.gif) top left no-repeat;width:70px;height:32px;}
	#nav ul li#nav-contactus div a{background: url(../images/nav-contactus.gif) top left no-repeat;width:109px;height:32px;}
	.section-aboutus #nav ul li#nav-aboutus div a,
	.section-technology #nav ul li#nav-technology div a,
	.section-pipeline #nav ul li#nav-pipeline div a,
	.section-intellectualproperty #nav ul li#nav-intellectualproperty div a,
	.section-news #nav ul li#nav-news div a,
	.section-contactus #nav ul li#nav-contactus div a,
	 #nav ul li div a:hover{background-position: bottom left !important;}
	#nav ul li ul {position: absolute;background: #b40202;width: 175px;left: -999em;border-left:1px solid #ffffff;border-top:1px solid #ffffff;border-right:1px solid #ffffff}
	#nav ul li ul li a{font-size:11px;width:165px;padding:5px 5px;color:#ffffff;text-decoration:none;border-bottom:1px solid #ffffff}
	#nav ul li ul li a:hover{background:#000000;}
	#nav ul li:hover ul, #nav li.sfhover ul {left: auto;}

#homepage #banner{background: url(../images/banner-home.jpg) top left no-repeat;width:743px;height:136px;margin:10px 0 10px 0}
#subpage #banner{background: url(../images/banner-sub.jpg) top left no-repeat;width:743px;height:42px;margin:10px 0 10px 0}
/*
	#subpage.section-aboutus #banner{background: url(../images/banner-sub-aboutus.jpg) top left no-repeat}
	#subpage.section-technology #banner{background: url(../images/banner-sub-technology.jpg) top left no-repeat}
	#subpage.section-pipeline #banner{background: url(../images/banner-sub-pipeline.jpg) top left no-repeat}
	#subpage.section-intellectualproperty #banner{background: url(../images/banner-sub-intellectualproperty.jpg) top left no-repeat}
	#subpage.section-news #banner{background: url(../images/banner-sub-news.jpg) top left no-repeat}
	#subpage.section-contactus #banner{background: url(../images/banner-sub-contactus.jpg) top left no-repeat}
*/


#content{padding:15px;line-height:1.6em}

	h1#pagetitle{font-family: 'trebuchet ms',Verdana, Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;margin:0 0 15px 0;}

	#content li{margin:0 0 10px 0;list-style-type:square}

	.datatable{border-collapse:collapse;width:100%;border-top:1px solid #7796cd;margin:0 0 15px 0}
	.datatable th{text-align:left;font-weight:bold;padding:4px 8px;background:#dfe6f3;border-bottom:1px solid #7796cd;}
	.datatable td{padding:4px 8px;border-bottom:1px solid #7796cd;background:#ffffff;vertical-align:top;font-size:11px}
	.datatable th.highlight{background:#ffbb6a;border-bottom:1px solid #f26522}
	.datatable td.highlight{background:#fce4c8;border-bottom:1px solid #f26522}

#totop{text-align:right;margin:20px 0 10px 0;}

.focus{float:right;clear:right;width:30%;border:3px solid #cdcdcd;padding:14px 14px 0 14px;margin:0 0 10px 15px;font-size:11px}

.focus2{padding:10px 10px 0 10px;border:1px solid #a2b7da;background: url(../images/focus2-bg.gif) top left repeat-x;margin:0 0 10px 0}


.photo{background:#ffffff;padding:6px;border:1px solid #a1a1a1}
.photo.right{float:right;margin:0 0 10px 15px;}

.footnote{font-size:11px;}

blockquote.quote {background: url(../images/quote-left.gif) top left no-repeat;padding:30px 0 0 0px;font-size:12px}
blockquote.quote p{background: url(../images/quote-right.gif) bottom right no-repeat;padding:0 0 30px 0}

h2{color:#2f2f2f;font-size:13px;margin:30px 0 7px 0;font-weight:bold;border-bottom:1px solid #2f2f2f;padding:5px 10px 4px 10px;background: url(../images/h2-bg.gif) top left repeat-y}
h3{font-size:12px;font-weight:bold;margin:0 0 4px 0;color:#bb0000;}

#footer{border-top:10px solid #e40000;width:763px;padding:8px 0;font-size:11px;margin:0 auto;}