/* -- Main Rules --*/
*{padding:0;margin:0;border:0;}
body{
	margin:0; color:#888;
	font:small Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; 
	background:#fff;
	line-height:1.1em
}
h1, h2{font:medium Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; font-weight:bold;}
h3{font:medium Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; font-weight:bold; color:#155482; font-size:11px;}
input, textarea{font:small Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; color:#888; font-size:1em;}
ul{list-style:none;}
abbr{border-bottom:1px dotted;}
a{color:#03517d;}
a:hover{color:#000;}
a.main{display:block; font-weight:bold; margin-top:0.5em; text-decoration:none;}
a.main span{text-decoration:underline}
a.inline{text-decoration:none; color:#772d77; }
a:hover.inline{color:#000; }
a[href^="http:"]{background:url(../../images/generic/linkext.gif) no-repeat right; padding-right:15px;}
ol{margin:0 2em ;}
p{margin:1em 0;}
kbd{color:#000;}
blockquote{font-style:italic;}
.clear{clear:both;}
.block{display:block;}
.divide hr, hr{display:none;}

/* -- Main Rules --*/
/*layout*/
div#layout{
	text-align:left; margin:0 auto; width:770px; font-size:0.85em; background:url(../../img/generic/bg.gif) repeat-x top; padding:0;
}

/*top*/
div#top{
	height:140px; background:url(../../img/generic/logo.gif) no-repeat right;
}
div#top h1#logo {
	float:right; height:125px;  width:11px; margin:10px 0 0 0; text-indent:-1000em;
}
div#top h1#logo a{
	height:125px;  width:11px; display:block;
}
div#top_german{
	height:140px; background:url(../../img/generic/logo_german.gif) no-repeat right;
}
div#top_german h1#logo {
	float:right; height:125px; width:187px; margin:10px 0 0 0; text-indent:-1000em;
}
div#top_german h1#logo a{
	height:125px; width:187px; display:block;
}
div#top_spanish{
	height:140px; background:url(../../img/generic/logo_spanish.gif) no-repeat right;
}
div#top_spanish h1#logo {
	float:right; height:125px; width:187px; margin:10px 0 0 0; text-indent:-1000em;
}
div#top_spanish h1#logo a{
	height:125px; width:187px; display:block;
}
fieldset#newsletter legend{
	display:none;
}
fieldset#newsletter{
	width:350px; padding-top:30px;
}
fieldset#newsletter p, fieldset#newsletter b{
	margin:0 0 4px 0; display:block;
}
fieldset#newsletter_spanish legend{
	display:none;
}
fieldset#newsletter_spanish{
	width:410px; padding-top:30px;
}
fieldset#newsletter_spanish p, fieldset#newsletter_spanish b{
	margin:0 0 4px 0; display:block;
}
fieldset label{
	width:60px; height:20px; display:block; background:#f1f1f1; float:left; padding:2px 0 0 4px; margin-right:2px; margin-top:1px;
}
fieldset label.spanish{
	width:120px; height:20px; display:block; background:#f1f1f1; float:left; padding:2px 0 0 4px; margin-right:2px; margin-top:1px;
}
fieldset input.textbox{
	background:#f1f1f1; height:20px; width:200px; padding:2px 0 0 4px;
}
fieldset textarea{
	background:#f1f1f1; padding:2px 0 0 4px;
}
fieldset input.submit{
	width:70px; height:20px; background:url(../../img/generic/button.gif) no-repeat; outline:none; float:right;
}
fieldset input.submit:hover{
	background:url(../../img/generic/button_o.gif) no-repeat;
}
fieldset input.submit_german{
	width:70px; height:20px; background:url(../../img/generic/button_german.gif) no-repeat; outline:none; float:right;
}
fieldset input.submit_german:hover{
	background:url(../../img/generic/button_o_german.gif) no-repeat;
}
fieldset input.submit_c_german{
	width:70px; height:25px; background:url(../../img/generic/button_german.gif) no-repeat; outline:none;
}
fieldset input.submit_c_german:hover{
	background:url(../../img/generic/button_o_german.gif) no-repeat;
}
fieldset input.submit_spanish{
	width:70px; height:25px; background:url(../../img/generic/button_spanish.gif) no-repeat; outline:none; float:right;
}
fieldset input.submit_spanish:hover{
	background:url(../../img/generic/button_o_spanish.gif) no-repeat;
}
fieldset input.submit_c_spanish{
	width:70px; height:25px; background:url(../../img/generic/button_spanish.gif) no-repeat; outline:none; 
}
fieldset input.submit_c_spanish:hover{
	background:url(../../img/generic/button_o_spanish.gif) no-repeat;
}


/*flash*/
div#sideflash{
	height:760px; width:251px; float:left;
}
div#topflash{
	height:235px; width:519px; float:left;
}


/*nav*/
div#navigation{
    height:61px; float:right; width:519px;
}
ul#nav{
	width:519px; margin:5px 0 4px 0; padding:0; float:right; line-height:24px;
}
ul#nav li {
	float:left; line-height:24px; margin-right:20px; color:#fff;
}

* html ul#nav li {
	line-height:19px;
}

ul#nav li a{
	text-decoration:none; color:#03517d;
}
ul#nav li a:hover{
	text-decoration:underline; 
}
ul#nav2{
	margin:0 0 5px 0; padding:0; float:left; width:519px; line-height:24px;
}
ul#nav2 li {
	float:left; line-height:24px; margin-right:17px; color:#c3e03e;
}

* html ul#nav2 li {
	line-height:27px;
}

ul#nav2 li a{
	text-decoration:none; color:#03517d;
}
ul#nav2 li a:hover{
	text-decoration:underline;
}


/*content*/
div#content{
	 width:519px; float:left; margin:10px 0; padding:0;
}
div#rightnav{
	width:222px; float:right; margin-top:30px;
}
div#rightnav ul {
	 width:222px;
}
div#rightnav ul#sidelinks li{
	 margin:0 0 10px 0; height:166px; width:222px; background:url(../../img/generic/bg.gif) no-repeat; text-indent:-9999em;
}
div#rightnav ul#sidelinks li a{
	display:block; height:166px; width:222px;
}
div#rightnav ul#sidelinks li#home_industrial{
	background:url(../../img/sidebanners/home_industrial.jpg);
}

div#rightnav ul#sidelinks li#rangetanks_german{
	background:url(../../img/sidebanners/view_our_tanks_ger.jpg);
}

div#rightnav ul#sidelinks li#rangetanks_spanish{
	background:url(../../img/sidebanners/view_our_tanks_spa.jpg);
}

div#rightnav ul#sidelinks li#home_biogas{
	background:url(../../img/sidebanners/home_biogas.jpg);
}

div#rightnav ul#sidelinks li#tankaccessories_german{
	background:url(../../img/sidebanners/view_tank_accessories_ger.jpg);
}

div#rightnav ul#sidelinks li#tankaccessories_spanish{
	background:url(../../img/sidebanners/view_tank_accessories_spa.jpg);
}

div#rightnav ul#sidelinks li#home_agri{
	background:url(../../img/sidebanners/home_agri.jpg);
}

div#rightnav ul#sidelinks li#latestprojects_german{
	background:url(../../img/sidebanners/our_latest_projects_ger.jpg);
}

div#rightnav ul#sidelinks li#latestprojects_spanish{
	background:url(../../img/sidebanners/our_latest_projects_spa.jpg);
}

div#rightnav ul#sidelinks li#contact{
	background:url(../../img/sidebanners/get_in_touch.jpg);
}

div#rightnav ul#sidelinks li#contact_german{
	background:url(../../img/sidebanners/get_in_touch_german.jpg);
}

div#rightnav ul#sidelinks li#contact_spanish{
	background:url(../../img/sidebanners/get_in_touch_spanish.jpg);
}

ul.pagesubnav{
	margin:10px 0 0 0; list-style:none; text-indent:-1em; padding-left: 1em;
}
ul.pagesubnav li{
	color:#03517d;
}

ul.downloads{
    margin-top:15px;
}
li.pdf{
    background:url(../../img/contact/pdf.gif) no-repeat; line-height:22px; padding-left:25px;
}
li.getadobe{
    background:url(../../img/contact/get_adobe.gif) no-repeat; text-indent:-9999em; float:left; margin:10px 0 0 0; padding:0;
}
li.getadobe a{
    width:88px; height:31px; display:block; margin:0; padding:0;
}

/*footer*/
div#footer{
    text-align:center; margin:10px 0; clear:both;
}
div#footer ul#footerlinks{
	 padding: 6px 0 6px 0; width:100%; height:16px; background-color:#e6e6e6; clear:both;
}
div#footer ul#footerlinks li{
	float:left; display:block; margin-left:0.5em;
}
div#footer ul#footerlinks li.end{
	float:right; margin-right:0.5em; padding-top:1px;
}
div#footer ul#bottomlinks{
	margin: 0 auto; width:390px; height:25px; padding:5px 0 0 0; text-align:center;
}
div#footer ul#bottomlinks_german{
	margin: 0 auto; width:430px; height:25px; padding:5px 0 0 0; text-align:center;
}
div#footer ul#bottomlinks_spanish{
	margin: 0 auto; width:420px; height:25px; padding:5px 0 0 0; text-align:center;
}
div#footer ul#bottomlinks li{
	padding:5px; float:left;
}
div#footer ul#bottomlinks_german li{
	padding:5px; float:left;
}
div#footer ul#bottomlinks_spanish li{
	padding:5px; float:left;
}
div#footer ul#bottomlinks_sub{
	margin: 0 auto; width:412px; height:25px; padding:5px 0 0 0; text-align:center;
}
div#footer ul#bottomlinks_sub li{
	padding:5px; float:left;
}
.language-buttons{
	vertical-align: middle;
}


/* NAVIGATION */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; color:#03517D; }
.sf-menu .sf-breadcrumb a { font-weight: bold; }
.sf-menu a:hover { text-decoration: underline !important; }
.sf-menu .sf-breadcrumb a:hover { text-decoration: none !important; }
.sf-menu .sf-breadcrumb ul a { font-weight: normal; }
.sf-menu .sf-breadcrumb ul a:hover { text-decoration: none }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.7em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0; }
/*** SKIN ***/
.sf-menu { float:left; margin-bottom:1em; }
.sf-menu a { border-left:1px solid #fff; border-top:1px solid #CFDEFF; padding: 10px 24px 10px 0; text-decoration:none; }
.sf-menu ul a { padding: 10px 24px 10px 0; }
.sf-menu ul, .sf-menu ul li { }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; }
/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 2.45em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; margin-right:8px; text-indent: -999em; overflow:hidden; background:url('../../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/*** shadows for all but IE6 ***/
.sf-shadow ul { background:url('../../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar { height:2.5em; padding-bottom:2.5em; position:relative; }
.sf-navbar li { position:static; }
.sf-navbar a { border-top:none; }
.sf-navbar li ul { width:44em;  /*IE6 soils itself without this*/ }
.sf-navbar li li { position:relative; }
.sf-navbar li li ul { width:13em; }
.sf-navbar li li li { width:100%; }
.sf-navbar ul li { width:auto; float:left; }
.sf-navbar a, .sf-navbar a:visited { border:none; }
.sf-navbar li.current { }
.sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current, .sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { }
.sf-navbar ul li:hover, .sf-navbar ul li.sfHover, ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { }
ul.sf-navbar li li li:hover, ul.sf-navbar li li li.sfHover, .sf-navbar li li.current li.current, .sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { }
ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul { left:0; top:2.5em; /* match top ul list item height */ }
ul.sf-navbar .current ul ul { top: -999em; }
.sf-navbar li li.current > a { font-weight:bold; }
/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator, .sf-navbar ul a:hover > .sf-sub-indicator, .sf-navbar ul a:active > .sf-sub-indicator, .sf-navbar ul li:hover > a > .sf-sub-indicator, .sf-navbar ul li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/*** remove shadow on first submenu ***/
.sf-navbar > li > ul { background: transparent; padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; }


/*** sub menu ***/
#rightsubnav {width:215px; margin-left: 7px; float:right; margin-top: 14px;}
#subnav {border-top: solid 3px #c3e03e; padding: 10px; background: #e6e6e6;}
#subnav h3 {font-size: 13px; color:#474545; margin-bottom:7px;}
#subnav ul {margin-left:0px; padding-left:0px}
#subnav li {margin-left:20px;
	padding-bottom:4px;
	list-style: url(/img/a.gif);
}
#subnav .selected {font-weight: bold; text-decoration:none}