/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

a:link
{
	color:#094fa3;
	font-weight:normal;
	outline:none;
}

a:visited
{
	color:#094fa3;
	font-weight:normal;
	outline:none;
}

a:hover
{
	color:#094fa3;
	font-weight:normal;
	text-decoration:underline;
	outline:none;
}

a:active
{
	color:#094fa3;
	font-weight:normal;
	outline:none;
}

h1
{
	color:#4ca900;
	font-size:1.17em;
	margin-top:10px;
	margin-bottom: 0.75em;
}

h2
{
	color:#666;
	font-weight:normal;
	font-size:1em;
}

h3, h4, h5, h6
{
	color:#4ca900;
	font-size:1em;
}

/* site container */
/*******************************************************************************/
div#container
{
	width: 980px;
	padding: 0;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}




/* header block */
/*******************************************************************************/
div#header_container
{
}

div#banner
{
	height: 50px;
	background: #a6d056;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
}

div#banner p
{
	padding: 12px 24px;
	margin: 0;
}

p#banner_website
{
	float: left;
}

p#banner_website a,
p#banner_website a:hover
{
	color: #fff;
	text-decoration: none;
}

p#banner_phone
{
	float: right;
}

img#header_img
{
	margin: 5px 3px 5px 0;
}

img#header_logo
{
	margin: 5px 0 5px 3px;
}

ul#navigation
{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 45px;
	background: #a6d056;
}

ul#navigation li
{
	float: left;
	height: 29px;
	margin: 7px 9px;
}

ul#navigation li a
{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

ul#navigation li a:hover
{
	background: none;
}

ul#navigation li span
{
	display: none;
}

li#nav_home,
ul.nav_home li#nav_home a
{
	width: 57px;
	background: url('/site/img/nav/home_on.gif') no-repeat;
}

li#nav_video,
ul.nav_video li#nav_video a
{
	width: 120px;
	background: url('/site/img/nav/video_on.gif') no-repeat;
}

li#nav_callback,
ul.nav_callback li#nav_callback a
{
	width: 137px;
	background: url('/site/img/nav/callback_on.gif') no-repeat;
}

li#nav_transport,
ul.nav_transport li#nav_transport a
{
	width: 135px;
	background: url('/site/img/nav/transport_on.gif') no-repeat;
}

li#nav_skiphire,
ul.nav_skiphire li#nav_skiphire a
{
	width: 75px;
	background: url('/site/img/nav/skiphire_on.gif') no-repeat;
}

li#nav_recycling,
ul.nav_recycling li#nav_recycling a
{
	width: 80px;
	background: url('/site/img/nav/recycling_on.gif') no-repeat;
}

li#nav_energy,
ul.nav_energy li#nav_energy a
{
	width: 141px;
	background: url('/site/img/nav/energy_on.gif') no-repeat;
}

li#nav_contact,
ul.nav_contact li#nav_contact a
{
	width: 86px;
	background: url('/site/img/nav/contact_on.gif') no-repeat;
}

li#nav_home a
{
	background: url('/site/img/nav/home_off.gif') no-repeat;
}

li#nav_video a
{
	background: url('/site/img/nav/video_off.gif') no-repeat;
}

li#nav_callback a
{
	background: url('/site/img/nav/callback_off.gif') no-repeat;
}

li#nav_transport a
{
	background: url('/site/img/nav/transport_off.gif') no-repeat;
}

li#nav_skiphire a
{
	background: url('/site/img/nav/skiphire_off.gif') no-repeat;
}

li#nav_recycling a
{
	background: url('/site/img/nav/recycling_off.gif') no-repeat;
}

li#nav_energy a
{
	background: url('/site/img/nav/energy_off.gif') no-repeat;
}

li#nav_contact a
{
	background: url('/site/img/nav/contact_off.gif') no-repeat;
}

/* body block */
/*******************************************************************************/
div#body_container
{
}

div#content_home
{
	padding: 1em 0;
}

div#content
{
	padding: 1em;
}

div#miduk_banner
{
	height: 118px;
	background: url('/site/img/miduk-banner.gif') no-repeat #a6d056;
}

div#miduk_banner_text
{
	text-align: right;
	color: #6f6f6e;
	float: right;
	width: 400px;
	padding: 15px 25px 0 25px;
	font-size: 1.6em;
	font-style: italic;
	font-weight: bold;
}

div#miduk_banner_text p
{
	margin: 0;
}

p#miduk_banner_phone
{
	font-size: 1.2em;
}

/* panes */
/*******************************************************************************/

div#panes_container
{
	width: 100%;
	font-size: 1em;
}

div#panes_container h3
{
	font-size: 1.1em;
	margin-bottom: 2em;
	color: #000;
}

div#panes_container ul
{
	margin: 0 0 1em 0;
	padding: 0 1em;
}

div#panes_container li
{
	list-style: none;
	margin-bottom: 2em;
}

div#panes_container li:before
{
	content: "\003E \0020";
}

div#panes_left
{
	float: left;
	margin-right: 5px;
}

div#panes_left div
{
	width: 455px;
	height: 180px;
	padding: 15px;
	margin-bottom: 10px;
}

div#panes_left_top
{
	background: url('/site/img/pane-left-top.jpg');
}

div#panes_left_btm
{
	height: 310px !important;
	background: url('/site/img/pane-left-btm.jpg');
}

div#panes_right
{
	float: left;
	margin-left: 5px;
}

div#panes_right div
{
	width: 415px;
	height: 140px;
	padding: 35px;
	margin-bottom: 10px;
}

div#panes_right_top
{
	color: #fff;
	background: url('/site/img/pane-arrows.png') #58585a no-repeat bottom right;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}

div#panes_right_btm
{
	height: 270px !important;
	background: url('/site/img/pane-right-btm.jpg');
	font-size: 1.1em;
	font-weight: bold;
}

div#panes_right_btm h3
{
	font-weight: bold;
}

/* footer */
/*******************************************************************************/
div#footer_container
{
	color: #2b2b2b;
	font-size: 0.83em;
	text-align: center;
}

div#footer_container p
{
	margin-bottom: .5em;
}

div#footer_banner
{
	background: #a6d056;
	height: 45px;
	font-size: 1.2em;
	text-align: left;
	margin-bottom: 1em;
}

div#footer_banner p
{
	padding: 16px 32px;
	margin: 0;
}

p.footer_banner_address
{
	float: left;
}

p.footer_banner_address a,
p.footer_banner_address a:hover
{
	color: #2b2b2b;
	font-weight: normal;
}

p#footer_banner_contact a,
p#footer_banner_contact a:hover
{
	color: #2b2b2b;
	text-decoration: none;
	font-weight: normal;
}

p#footer_banner_contact
{
	float: right;
}