/* 

	Author:				Matt Evans (TheWebCo.co.nz)
	Date/Time:			10/11/2006	02:31 PM
	Purpose: 			Main CSS Stylesheet for KBL EarthMovers Website.

*/

html, body
{
	width : 100%;
	height : 100%;
	margin : 0%;
	padding: 0%;
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-image:url(../images/filler-new.jpg);
	background-repeat: repeat-x;
}

a img
{
	border: 0;
}

/* 

	Link Rollover Settings

*/

A:link
{
color: #000000;
}
A:visited 
{
color: #000000;
}
A:active
{
color: #000000;
}
A:hover
{
color: #EBA71E;
}

A.copy:link
{
color: #FFFFFF;
}
A.copy:visited 
{
color: #FFFFFF;
}
A.copy:active
{
color: #FFFFFF;
}
A.copy:hover
{
color: #EBA71E;
}

/* 

	DIV Settings & More.

*/

#container
{
	position: relative;
	width: 1003px;
	height: 628px;/*used to be 628px;
	background-color: #FF0000;*/
	top:0%;	
	left: 0%;
	margin: 0 auto;
}

#header
{
	position: absolute;
	width: 1003px;
	height: 171px;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
}

#content
{
	position: absolute;
	height: 391px;
	top: 203px;
	width: 1003px;
	background-color:#FFFFFF;
}

#contentHeading
{
	position:absolute;
	top: 20px;
	height: 64px;
	width: 1003px;
	text-align: center;
}

#contentHeadingWebsite
{
	position:absolute;
	top: 20px;
	height: 31px;
	width: 1003px;
	text-align: center;
}

#contentContent
{
	position:absolute;
	left: 0px;
	top: 90px;
	height: 361px;/*261px;*/
	width:963px;
	background-color: #FFFFFF;
	overflow:auto;
	padding: 20px;
}

#contentContentWebsite
{
	position:absolute;
	left: 0px;
	top: 57px;
	height: 295px;
	width:963px;
	background-color: #FFFFFF;
	overflow:auto;
	padding: 20px;
}

#footer
{
	position: absolute;
	width: 1003px;
	height: 31px;
	top: 794px;/*594px;*/
	background-color: #000000;
	padding-top: 4px;
}

#borderDIV
{
	position: absolute;
	left: 471px;
	top: 0px;
	height: 313px;
	width: 475px;
	background-color:#FFFFFF;
	border: thin;
	border-style: dashed;
	border-color: #999999;
	filter: alpha(opacity=45); 
   -moz-opacity: 0.45; 
   opacity: 0.45;
   padding-top: 5px;
   padding-left: 15px;
}

/*

	Global Text Size & Face Settings

*/

.text
{
	font-size: 80%;
}

.smallText
{
	font-size: 60%;
	color: #fff;
}

.center
{
	position: absolute;
	left: 320px;
}

#fcf fieldset{width:450px;font-family:arial;font-size:11px}
#fcf label{width:120px}
#fcf #spam{text-align:center}

/*

	CSS MENU

*/

    #tabsH {
	position: absolute;
	  top: 171px;	
      width:793px;
      background:#000;
      font-size:70%;
	  font-weight: bold;
	  padding-left: 210px;
      line-height:normal;
      }
    #tabsH ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("../images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("../images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
	  

/*

	Thumbnail Image Popup Viewer (© Matt Evans - 2006)

*/


.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #52768C;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #52768C;
padding-top: 5px;
padding-left: 5px;
left: 0px;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
font-size: 80%;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 4px;
left: 475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}