body {
	width: 100%;
	height: 100%; 
	margin: 0;
	padding: 0;
	text-align: center;
	background: white url(img/bg_inner.jpg) no-repeat left top;
}

#container {
	width: 85%;
	margin: auto;
	text-align: center;
	padding: 0;
}

/*-----topmenu-----*/
#topmenu {
	width: 100%;
	height: 84px;
	text-align: right;
	margin: 0;
	padding: 0;
}

#topmenu ul {
	background: transparent url(img/links_bg.jpg);
	width: 608px;
	float: right;
	margin: 60px 0 0 0;
	padding: 0;
}

#topmenu ul li {
	position: relative;
	list-style: none;
	margin: 2px 0 0 0;
	text-align: center;
	float: left;
	height: 19px;
	width: 121px;
	padding: 0;
}

#topmenu ul li:hover {
	background: transparent url(img/link_hover.jpg) no-repeat 2px 0;
	margin: 0;
	padding-top: 2px;
	color: white;
}

#topmenu h2 {
	margin: 0;
	padding: 0;
	font: bold 14px arial, helvetica, sans-serif;
	font-variant: small-caps;
	color: #043352;
}

#topmenu h2 a {	font-variant: small-caps; text-decoration: none; color: #043352;}
#topmenu h2 a:hover { color: white; }

#topmenu ul ul {
	position: absolute;
	background-color: navy;
	top: 17px;
	left: 0;
	margin: 2px 0 0 0;
	padding: 0;
	width: 120px;
	display: block;
	text-align: center;
	z-index: 500;
}

#topmenu ul ul li, #topmenu ul ul li:hover {
	width: 121px;
	height: 22px;
	text-align: center;
	margin: 0;
	padding: 0;
	font: bold 12px arial, helvetica, sans-serif;
	background: transparent url(img/hover_bg.jpg) no-repeat;
}

#topmenu ul ul li a { color: #2E5E8A; 	text-decoration: none;}
#topmenu ul ul li:hover { background: transparent url(img/hover_bg1.jpg) no-repeat;	color: #DA6500;}

div#topmenu ul ul,
div#topmenu ul li:hover ul ul,
div#topmenu ul ul li:hover ul ul
{display: none;}

div#topmenu ul li:hover ul,
div#topmenu ul ul li:hover ul,
div#topmenu ul ul ul li:hover ul
{display: block;}

/*------------end of topmenu---------*/

/*--------Page header----------------*/
#headerwrap{	width: 100%;	text-align: center;	height: 200px;	margin: auto;}
.header{	margin: 0 auto;	padding: 0;	height: 200px;}
.headleft {	float: left;	margin: 0;	margin-top: 75px;	padding: 0;}
/*class containing the logo*/
.headright {	float: right;	background: url(img/in_logo.jpg) no-repeat right 9px;	width: 243px;	height: 83px;}
/*--------end of Page header----------------*/

/*---------------Text Area----------------*/
#content {	width: 78%;	text-align: right;	float: right;}
#textrow {	width: 100%;	margin: 0;	padding: 0;	padding-top: 15px;}
#textrow p { margin: 15px 0; padding: 0; font: normal 12px georgia, helvetica, sans-serif; color: #7A7E83; text-align: justify;}
#textrow ul li { font: normal 12px georgia, helvetica, sans-serif; color: #7A7E83; margin: 5px 0;}

p a, fieldset#right a {	text-decoration: none;	color: #3185CE;}
.spacer { clear: both; height: 10px;}
#textrow br {	margin: 7px 0;	}

/* style for the blc logo image in flexitanks page*/
.wrapleft {	float: left;	clear: right;	padding: 5px;}
.wrapright { float: right; clear: left;	padding: 1px; border: 1px solid gray; margin-left: 8px;}

/* style for the Incoterms table in logistics page*/
.contentinfo, .contentinfo p	{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000001; }
.contentinfoterms	{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #000001;}

/*----------style for the bulleted text in the boxes-----------*/
fieldset {
	border: 1px solid #bcd;
	font: normal 12px Arial, Helvetica, sans-serif;
	background: #F7F7F7;
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0;
	text-align: left;
}

/*leftbox*/
fieldset.left {
	border: 1px solid #bcd;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
	background: #F7F7F7;
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
	padding-left: 5px;
}

/*rightbox*/
fieldset.right {
	border: 1px solid #bcd;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
	width: 48%;
	float: right;
	background: #F7F7F7;
	margin: 0;
	padding: 0;
	padding-left: 5px;
}

/*boxes in the office network page*/
fieldset.tab {
	border: 1px solid #bcd;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: left;
	background: #F7F7F7;
	float: left;
	width: 30%;
	margin: 4px 4px 10px 4px;
	padding: 5px;
}

fieldset#tab p{	font: normal 11px/140% Arial, Helvetica, sans-serif;}
legend { font: bold 12px Georgia, Times New Roman;}

/*----------style for the bulleted text in the boxes-----------*/
fieldset ul, fieldset#left ul, fieldset#right ul {
	list-style: disc;
	font: normal 12px/160% Arial;
	color: gray;
	text-align: left;
}
fieldset .row { float: left; width: 95%; margin: auto; margin-top: 10px; clear: both; padding-bottom: 2px; border-bottom: dotted 1px #C5C5C5;}
fieldset .leftcol, fieldset .rightcol { width: 48%; }
fieldset .leftcol { float: left; }
fieldset .rightcol { float: right; }
.tableleft, #textrow .tableleft {float:left; width: 60%;}
.contactright, #textrow .contactright {	float: right;	width: 33%;}

/*--form in the contact page--*/
#table {	width: 100%; text-align: center; font: normal 12px/160% Arial; color: gray;}
#table .tablerow {	font: bold 12px Georgia, Times New Roman;	color: #7A7E83;}
.button { font: bold 12px Georgia, Times New Roman;	color: white; border: solid 1px gray; background: #3184CE url(img/buttonbg.jpg) repeat-x; padding: 1px;}
input, textarea, select {	border: solid 1px gray;	color: #555658;	font: normal 12px Georgia, Times New Roman;}
.mandatory {color: #3086D3;font-size: 12px;}
/*---------------end of Text Area----------------*/

/*-------footer-------*/
#footer {
	width: 100%;
	background: url(img/bg_footerin.jpg) repeat-x;
	height: 21px;
	clear: both;
	text-align: left;
	padding: 8px 0px 0px 0px;
	font: normal 10px arial, helvetica, sans-serif;
	color: #0C1948;
}

#footer a {	color: #0C1948;	text-decoration: none;}
#footer .left {	float: left;	text-align: left; padding-left: 10px;}
#footer .right  {	float: right;	text-align: right;	padding-right: 10px;}
/*-------end of footer-------*/

.imgleft {	float: left; clear: right;}