@charset "utf-8";
/* CSS Document */

html
{
 min-height: 100%;
 height: auto;
}

body
{
 margin: 0px;
 padding:0px;
 background-color: #1b3e70;
 background-image: url("../images/background_main4.jpg");
 background-repeat: repeat-x;
 background-position: bottom;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;

}

#banner{
 width: 800px;
 z-index: 1000;
}


#container
{
 width: 800px;
 margin: 25px auto 25px auto;
}

/****************************** MENU *********************************/

.menu
{
 position: relative;
 width: 800px;
 height: 52px;
 overflow: hidden;
 background-image: url("../images/background_menu.png");
}

.menu ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; }
.menu li { display: inline; margin: 0px; padding: 0px; }
.menu li a, .menu li a:visited { float: left; display: block; color: #000080; text-decoration: none; text-align: center; width: 150px; height: 52px; }
.menu li a:hover { font-weight: bold; color: #ffffff; background: #ffffff; background-image: url("../images/background_menuHover.png"); }

.subMenu_drainage, .subMenu_landscape, .subMenu_products
{
 position: relative;
 width: 150px;
 top: 0px;
 visibility: hidden;
 overflow: hidden;
 z-index: 10;
}

.subMenu_drainage ul, .subMenu_landscape ul, .subMenu_products ul
{
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.subMenu_drainage li, .subMenu_landscape li, .subMenu_products li
{
 width: 150px;
 height: 52px;
 text-align: center;
 background-image: url("../images/background_subMenu.png");
 background-repeat: no-repeat;
}

.subMenu_drainage li a:link, .subMenu_landscape li a:link, .subMenu_drainage li a:visited, .subMenu_landscape li a:visited, .subMenu_products li a:link, .subMenu_products li a:visited
{
 color: #000080;
 text-decoration: none;
 width: 150px;
 height: 52px;
 display: block;
}

.subMenu_drainage li a:hover, .subMenu_landscape li a:hover, .subMenu_products li a:hover
{
 width: 150px;
 height: 52px;
 display: block;
 text-decoration: none;
 font-weight: bold; color: #ffffff;
 background-image: url("../images/background_subMenuHover.png");
 background-repeat: no-repeat;
}


.subMenu_drainage { left: 170px; top: -1px; }
.subMenu_landscape { left: 320px; top: -261px;}
.subMenu_products { left: 470px; top: -417px;}

/*************************** END MENU *********************************/


.borderTop, .borderContent, .borderBottom { position: relative; top: -465px; }
.borderTop { height: 7px; width: 800px; background-image: url("../images/background_borderTop.png"); background-repeat: no-repeat; }
.borderContent { width: 800px; background-image: url("../images/background_borderContent.png"); background-repeat: repeat-y; }
.borderBottom { height: 7px; width: 800px; background-image: url("../images/background_borderBottom.png"); background-repeat: no-repeat; clear: both; }

.borderContentLeft, .borderContentText { z-index: 5; }
.borderContentLeft { width: 240px; margin-left: 10px;  }
.borderContentText { position: absolute; top: -10px; left: 250px; width: 540px; padding-right: 0px; }
.borderContentFullWidth { width: 780px; margin-left: 10px; }


.gallery
{
 float: left;
 width: 260px;
 height: 175px;
 text-align: center;
}


/************************************* FORMS *******************************************/
fieldset {}
legend { background-color:#0066CC; color: #ffffff; }
label { display: inline-block; text-align: right; }
input { margin: 10px; } 

/************************************* END FORMS ***************************************/
#footer { position: relative; top: -415px; text-align: right; color: #ffffff; }

p { margin: 0px 0px 0px 10px; padding: 10px 0px 10px 0px; }

h1, h2, h3 { text-align: center; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; padding-bottom: 0; margin-bottom: 0; }
h3 { font-size: 1.0em; font-weight: normal; padding: 0; margin: 0; }

img { border: 0px; }

table, tr, td
{
 top: 0;
 margin: 0;
 padding: 0 0 0 0px;
}

.galleryTable { width: 800px; margin-left: auto; margin-right: auto; text-align: center; }

em { font-weight: bold; }

/**************************** LISTS ********************************/
dt { margin-top: 10px; font-weight: bold;}
dd { margin-bottom: 10px; }


/**************** Special Texts ********************/
.formRequired { color: #800000; font-weight: bold; }

/**************** Special Colours ********************/
/*
 background-color: #1b3e70;
 green: 			#405b18;
*/