/* CSS Document */

/* colours 
background: #fff (white)
text: #333 (dark grey)
links: #085ca4 (medium blue)
borders: #003d79 (dark blue)

*/

* html body {height: 100%; }
* {margin: 0px; padding: 0px;} 

/* Hides from IE5-mac \*/
* html .img-shadow {height: 1%;}
/* End hide from IE5-mac */ 



body {
	font: normal 100.01% Geneva, Verdana, Arial, Helvetica, sans-serif;;
	color: #333333;
	background: #fff url(../images/shadow.jpg) top center repeat-y;
	text-align: center; /* for IE to center main-col div */
	height: 100%;
	padding: 0;
	margin: 0;
}

div {margin: 0px; padding: 0px;}



/* Layout */

#page-wrapper {position: relative; width: 769px;  margin: 0 auto; text-align: center; }
#masthead {width: 769px;  background: transparent url(../images/header.jpg) no-repeat top center; height: 130px; }
#nav-bar { width: 769px; background: transparent url(../images/nav_bar_silver.jpg) no-repeat left top; height: 31px;}
#main-wrap {background: #fff url(../images/deville_bkgd_lite.jpg) repeat-y right;}
#main-col { width: 769px; float: left; margin-right: -200px; /* min-height: 470px; height:auto !important; height:470px; */ }
#content { margin-right: 200px; text-align: left; padding-left: 30px; padding-right: 20px; }
#side-bar {width: 200px; float: right; }
#side-wrap { padding: 6px; }
#footer { clear: both; width: 769px; height: 37px; background:transparent url(../images/footer.jpg) no-repeat top left; }
#footer a {color: #fff; font-weight: normal;}
/*
/* navigation */
div#nav-bar { padding-left: 50px; }
div#nav-bar ul
{
font: bold .7em Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0px;
list-style-type: none;
text-align: center;
/* padding-bottom: 5px;
padding-top:6px;
text-align: center;
 */
}

div#nav-bar ul li
{
/* display: inline;
margin-left: -4px; */
float: left;
}

div#nav-bar ul li a
{
float: left;
margin: 0px;
padding: 7px 3px;
color: #000;
text-decoration: none;
/* border-right: 1px solid #000; */
letter-spacing: normal;
background:transparent url(../images/nav_button_off_r2_c4.jpg) no-repeat top left; 
height: 25px; 
width: 109px;

}

div#nav-bar ul li a:hover, div#nav-bar ul li a:active
{
background: url(../images/nav_button_off_r2_c4_f3.jpg) no-repeat left top;
}

div#nav-bar ul li.activeH {margin-right: 50px;}

#home li.activeH a, #agricultural li.activeA a,
#industrial li.activeI a, #contact li.activeC a,
#portfolio li.activeP a
{ color: #000; text-transform: uppercase; background: url(../images/nav_button_off_r2_c4_f3.jpg) no-repeat left top; }

/* presentation */

p, td, ul, ol {
	font-size: 0.8em;
	letter-spacing: .1em;
	line-height: 1.3em;
	margin-bottom: 10px;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	border-bottom: solid 2px #ccc;
	margin-bottom: 18px;
	text-transform: capitalize;
	margin-top: 20px;
}

h2 { color: #000;
	text-align: left;
	letter-spacing: .1em;
	font: small-caps bold 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 30px 0;
}

#thumbnails h2 { font-size: .9em; text-align: center; color: #000;/* #085ca4; */ margin-bottom: 0; margin-top: 0; }

a {text-decoration: none; font-weight: bold;}
a:link, a:visited {color: #339966;}  
a:hover, a:active {color: #333 /* #085ca4 */; text-decoration: underline;} 

/* li { list-style-type: square; list-style-position: inside;} */

#content strong { font-weight: normal;}
#content p {text-align: justify; letter-spacing: normal; }
#content h3 { text-align:center; color: #e93b20; }

img {border: 0;}

#side-bar #box { width: 170px ; background: #fff url(../images/scroller_area.jpg) repeat-y; margin-top: 30px; }
#side-bar #box h1 { width: 170px ; height: 35px ; background:transparent url(../images/top_tab.jpg) no-repeat top left; margin: 0 0 10px 0; }
#side-bar #box h3 {width: 170px ; height: 35px ; background:transparent url(../images/bottom_tab.jpg) no-repeat top left; }
#side-bar #box p { font-family: Arial, Helvetica, sans-serif; font-size: .8em; text-align: left; letter-spacing: normal; padding-left: 16px; padding-right: 6px; }
#content ul.twocol { width: 475px; margin: 0 0 0 20px;}
#content li { 
			float: left; 
			width: 200px; 
			margin: 0; 
			padding: 0px 0px 0px 20px; 
			line-height: 16px; 
			list-style: none outside; 
			background: url(../images/bullet.gif) no-repeat 0% 50%;
}

#sitemap #content li {float: none; width: 475px;}

#footer-extra { padding-top: 10px; }
#footer-extra p.freelancealot a {font: normal .9em Arial, Helvetica, sans-serif; letter-spacing: normal; color: #666;}

#contact #address {position: relative; margin-left: 20px;}
#contact #location {float:  left; width: 150px;}
#contact #details {float:  right; width: 300px;}
#contact #content strong {font-weight: bold;}

#portfolio #photogal {margin: 20px 0 20px 0;}

/*thumbnail positioning*/

#thumbnails {
			clear: both;
			margin: 0;
			margin-left: 25px;
			margin-right: 25px;
			padding: 0;

}

div.float { float: left; width: 124px; padding: 0px 25px; }
div.float img { border: #999 1px dashed; }
div.spacer { clear: both; }

/* classes */

.hide {display: none;}
.clear-it { clear: both; height: 0;}
div.line { width: 50px; margin: 2px auto; background: url(../images/bullet.gif) repeat-y;}
img.float-left {float: left; width: auto; padding: 6px 6px 3px 0;}
div.sidebar-img {text-align: center; margin-top: 30px;}
div.info-box {margin-top: 30px; background-color: #fff; border: 1px solid #333; padding: 6px; width: 150px;}

/* drop shadow for images */
.img-shadow {
  float:left;
  background:  url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background:  url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9; 
  margin: -6px 6px 6px -6px;
  padding: 0;
  }
  
/* form */

.enq_style { font-weight: normal; color: #666666; border: 1px #666666 solid; background-color: #ffffff; text-align: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
input.button_style { font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #ffffff; border: 1px solid #cccccc; background-color: #339966; text-align: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; cursor: pointer; }