body {
	font-family:Tahoma, Arial, Verdana, Helvetica;

}
.bg-r {
	/*background-image: url(../images/page-background2.gif);*/
	background-position: left;
	height:803px;
}

.bg-l {
	/*background-image: url(../images/page-background.gif);*/
	background-position: right;
	height:803px;
	vertical-align:top;
	
}
h1
{
	font-size: 12px;
}
h2
{
	font-size:11px;
}
.break
{
	float:left;
	display:block;
	height:1px;
}
#filll
{
	/*background-image:url(../images/filler.jpg);*/
	background-repeat:repeat-x;
	height:178px;
	width:100%;
	position:absolute;
	float:left;
	z-index:-1;
	margin-top:110px;
	
}
#fillr
{
	/*background-image:url(../images/filler.jpg);*/
	background-repeat:repeat-x;
	height:189px;
	width:100%;
	position:absolute;
	float:right;
	z-index:-1;
	margin-top:99px;
	margin-left:600px;
	
}
#baseplate_cont
{
	
	/*margin-top:-17px;*/
	padding-top:-10px;
}
#baseplate {
	text-align: center;
	float: left;
	width: 747px;
	font-size: 10px;
	color: #999999;
	margin-left:52px;
	/*margin-top:-17px;/**/
	padding-top:5px;
	height:28px;
	background-image:url(../images/Altank-Website-Design_10-3.gif);
	font-family:Tahoma, Arial, Verdana, Helvetica;
	
}
#baseplate a {
	color: #999999;
	text-decoration: none;
}
#baseplate a:hover {
	color: #0072BC;
	text-decoration: underline;
}

.imagepass
{
	min-width:110px;
	width: 110px;
	display:inline;
}



#panelright {
	margin: 12px 0 0px 10px ;
	/* border: 1px solid #23619f; /*  */
}
#panelright2 {
	margin: 5px 0 0px 10px ;
	/* border: 1px solid #23619f; /*  */
}
#mfl
{
}
#panelright table {
	font-size: 11px;
	border-right: 1 solid #23619f;
	border-left: 1 solid #23619f;
	
	
}
#panelright table ul li {
	list-style-type:square; /* */
	font-size:11px;
	margin: 0 0 2px 0;
}
.panelborder {
	background-color:#FFFFFF;
	border-right: 1px solid #23619f;
	border-left:  1px solid #23619f;
	width: 160px;
	
}
#newsitem {
	margin: 5px 0 0 -20px;
	width: 199px;
	/*height: 270px;*/
	font-size:11px;
}
#newsitem a
{
	color:#000099;
}
#panelimage {
	background-image:url(../images/panel-header.gif);
	width: 199px;
	height: 16px;
}
#panelbody {
	width: 90px;
	border-left: 1px solid #23619f;
	border-right: 1px solid #23619f;
	background-color:#FFFFFF;
	margin: 4px 0 0 2px;
	
}
#panelfooter {
	background-image:url(../images/panel-footer.gif);
	width:199px;
	height:12px;
	margin: -10px 0 0 0px;
	z-index:1000;
}
#panelheadertext {
	font-size:11px;
	margin: 0 0 0 10px ;
	color:#FFFFFF;
	
	
}
#panelrule {
	width: 200px;
	
	margin: -20px 0 0 10px;
	
}
#panelrule hr {
	color:#23619f;
}
#mainheadertext {
	font-size:11px;
	margin: 0px 0 0 10px ;
	color:#FFFFFF;	
}

#mainbody {
	/*width:320px;*/
	margin: 10px 0 0 20px;
}
#mainbody table {
	width: 310px;
}
.mainpaneltext {
	font-family:Tahoma, Arial, Verdana, Helvetica;
	font-size:11px;
	padding: 8px 4px 4px 8px; /*  */
	width:310px;
}
.mainfooter {
	margin: 0 0 0 60px;
}
.mainpanelborder {
	/* background-color:#FFFFFF;
	border-right: 1px solid #23619f;
	border-left:  1px solid #23619f; /*  */
	background-image:url(../images/main-body.gif); /*  */

}
.dotted
{
	background-image:url(/images/dotted.gif);
	/*background-color:#00FF33;*/
	background-repeat:repeat-x;
	height:1px;
	width:100%;
	margin-top:5px;
	
}
.newslist
{
	padding-top:3px;
	padding-bottom:3px;
}

#contactpanel {
	font-size:11px;
	margin: 0 0 0 10px;
}
#baseplate
{
	color:#FFFFFF;
}
#baseplate a
{
	color:#FFFFFF;
}
#baseplate a:hover
{
	color:#999999;
}
#logos
{
	font-size:11px;
}
#logos img
{
	vertical-align:middle;
}

#qualitytext
{
	font-size:11px;
	float:right;
	margin-top:-45px;
	margin-right: 30px;
}
#dynamicmenu {
	background-image:url(../images/menu-back-light.gif);
	/*background-image:url(../images/menu-back-dark.gif); /*  */
	/*position:absolute;*/
	/*left: 610px;*/
	/*
	float:right;
	
	margin-top:-467px;
	margin-right:17px;
	padding-top:-30px;*/
	width:147px;
	margin-top:10px;

}
#menuitem {
	margin: 0 0 0 -20px;

}

#menutext {

	width: 142px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	margin: 10px 0 0 5px;

}
#dynamicmenu ul li {
	width:120px;
	list-style-image:url(../images/tick.gif);
	color:#FFFFFF;
	font-size:11px;
	list-style-position:outside;
	margin: 0 0 5px 0;
	
}
#breadcrumb {
	font-size: 11px;
	margin: 6px 0 0 20px;
	padding-bottom:11px;
	color:#000000;
}
#breadcrumb a
{
	color:#000000;
}
#menubuttons img {
	margin: 0 0 0 0px;
}
#servicesbody {
	width:475px;
	margin: 5px 0 0 20px;


}
.servicespanelborder {
	background-color:#FFFFFF;
	border-right: 1px solid #23619f;
	border-left:  1px solid #23619f; /*  */
	/* background-image:url(../images/main-body.gif); /*  */

}
.servicespaneltext {
	font-size:12px;
	padding: 4px 4px 4px 4px; /*  */
	width:475px;
	

}


#servicesimage {
	padding: 2px 5px 2px 2px;
	margin-top: 2px;
}

#servicestitle  {
	margin: -3px 5px 2px 110px;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	vertical-align:top;
}


#servicesheading {
	margin: 2px 5px 2px 110px;
	font-size:11px;
}
#servicesdetail {
	margin: 2px 5px 2px 110px;
	min-height:70px;
	vertical-align:top;
	font-size:11px;
}
#servicesdetail2 {
	margin: 2px 5px 2px 2px;
	min-height:70px;
	vertical-align:top;
	font-size:11px;
}
.servicedetail {
	list-style-type:square;
	list-style-position:inside;
	text-transform:uppercase;
}

#servicesdetailheadertext {
	text-transform:uppercase;
	font-size:11px;
	margin: 0 0 0 10px ;
	color:#FFFFFF;
}
#servicesdetailimage {
	width: 103px;
	float:left;
	
}
#servicesdetailimage ul {
	display:inline;
	width: 103px;
}
#servicesdetailimage ul li{
	width:103px;
	list-style-type:none;
	margin: 0 20px 5px 0px;
	text-align:left;
	
}
#servicesdetailedheading {

	margin: 11px 0 5px 0;
}
#servicesdetailed
{
	font-size:11px;
}
#servicesdetailedbodytext {
	width: 320px;
	margin: 0 5px 0 30px;
	float:right;
}
.pdfdown
{
	vertical-align:middle;
	color:#000000;
	text-decoration:none;
	font-size:11px;
}
#backnew
{
	display:inline;
	float:right;
	margin-top: -32px;
	margin-right: 30px;
	
}
#backnon
{
	display:inline;
	float:right;
	margin-top: 0px;
	margin-right: 30px;
}
#backnew img,
#backnon img
{
	vertical-align:middle;
	border:0px;
}
#backnew a, 
#backnon a
{
	text-decoration:none;
	border: 0px;
	font-size:11px;
	color:#000000;
}
.mediarelease
{
	padding-top:5px;
	padding-left: 30px;
}
/* Accordian Scripted Main Menu */

.glossymenu{
margin:0;
padding: 0;
width: 98%;
border-right:0px #CCCCCC solid;
border-bottom:0px #CCCCCC solid;
}

.glossymenu a.menuitem{
background: #EEEEEE;
font-size:11px;
font-weight:normal;
font-family:Arial, Verdana, Helvetica, sans-serif;
color: #333333;
display: block;
width: 100%;
padding:6px 0 5px 0;
/*height:19px;*/
text-decoration: none;
text-indent:10px;
border-bottom:1px solid #CCCCCC;
text-transform:uppercase;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #333333;
}

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

.glossymenu a.menuitem:hover{
/*background: #eeddaa;*/
background:#CCCCCC;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background-color:#FFFFFF;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #CCCCCC;
}

.glossymenu div.submenu ul li a{
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration: none;
padding: 7px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
}
   /**************/
 /* Main Nav stuff */
/**************/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements. 775
=================================================================== */

.menu {
	/*width:775px;
	height:28px;*/
	font-size:0.85em;
	position:relative;
	z-index:100;
/*	padding-left:8px;
	padding-bottom:0px;*/
	/*border-right:1px solid #000;*/
	/*margin-left:37px;*/
}

*+html .menu {
	margin-left:0px;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	/*width:775px;
	w\idth:774px;*/
	margin-left:0px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:130px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:123px;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	width:123px;
	height:28px;
	/*border:1px solid #000;*/
	/*border-width:1px 0 1px 1px;*/
	background:#000;
	padding-left:0px;
	line-height:21px;
	
	/*background-image: url(../images/menu.gif);*/
	background-repeat: repeat-x;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:123px;
	w\idth:122px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#333333;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background:#333333;
}
.menu ul ul :hover > a.drop {
	background:#333333;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#b2ab9b;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:28px;
	left:0;
	width:135px;
	border-top:1px solid #000;
	padding-bottom:0px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:21px;
	t\op:22px;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left:129px;
	top:-1px;
	width:129px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-129px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	/*background-image:url(../images/listback.jpg);*/
	filter:alpha(opacity=75);
	opacity:.75;
	color:#FFF;
	height:auto;
	line-height:1em;
	padding-top:5px;
	padding-bottom:5px;
	width:135px;
	text-align:left;
	padding-left:15px;
	background-image: url(../images/bullet-menu.gif);
	background-repeat:no-repeat;
	background-position:2px 7px;
	
	/*border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;*/
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:135px;
	w\idth:135px;
	background:#333333;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	color:#fff;
	background:#333333;
	background-image: url(../images/menu-hover.gif);
}

.menu ul ul a:hover {
	color:#0033CC;
	background-image: url(../images/bullet-menu.gif);
	background-repeat:no-repeat;
	background-position:2px 7px;
}

.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background-image: url(../images/menu-hover.gif);
}

.menu ul ul :hover > a {
	color:#0099CC;
	background-image: url(../images/bullet-menu.gif);
	background-repeat:no-repeat;
	background-position:2px 7px;
}




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/* Gallery frame */
#galframe {
/*width: 510px;*/
height: auto;
display: table-cell;
}

.thumbnail, .portfolio tbody tr td a {
margin-right: 5px;
margin-bottom: 5px;
min-width:110px;
}
/* END Accordian Scripted Main Menu */
#slide {
border: 0px solid #ffffff;
position:relative;
left:0px;
top:0px;
	/* background-image:url(../image/backslide.jpg); /* */
	height: 288px
	width: 850px;
	overflow:hidden;


	
}
/*
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.bg-l {
	background-image: url(images/bg-l.jpg);
	background-position: right;
}
.bgs-l {
	background-image: url(images/bgs-l.jpg);
	background-position: right;
}
.bg-r {
	background-image: url(images/bg-r.jpg);
	background-position: left;
}
.bgs-r {
	background-image: url(images/bgs-r.jpg);
	background-position: left;
}
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
}
.site-credits {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a {
	color: #003366;
	text-decoration: underline;
}
a:hover {
	color: #006699;
	text-decoration: none;
}

/*   */