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

body 
{
	background-image:url(../images/background_texture.jpg);
	background-color: #767a82;
	color: #eae6e6;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;	
	margin: 0px;
	padding: 0px;
	text-align: center;
}

blockquote
{
font-style:italic
}

img 
{
	border: 0x;
}

hr
{
	height: 0px;
	border-bottom: 1px dashed #d7d7d7;
	border-top: 0px;
	margin: 0px 0px 10px 0px;	
}

a:link, a:active
{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}

a:visited
{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}

a:hover
{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}

h1
{
	color: #fff;
	font-size:16px;
	margin: 0px 0px 15px 0px;
}

h2
{
	color: #fff;
	font-size:14px;
	margin: 0px 0px 10px 0px;
}

h3, h4, h5, h6
{
	color: #fff;
	font-size:12px;
	margin: 0px 0px 10px 0px;
}

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

input, select, textarea
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

table
{
	border: 0px;
	padding: 0px;
}

div#content ul
{
	margin: 25px;
	padding: 0px;
}

div#content ul li
{
	margin: 2px;
	padding: 0px;
}

/* Layout Creators */

div#wrapper /* wrapper defined as id as it is referenced for opacity to work */
{
	min-height: 100%;	 
    height: auto !important; 
    height: 100%;  	
	margin: 0 auto  auto;
	width: 890px;	
	text-align: center;
}

div.wrapper-settings
{
	margin: auto auto;
	position:relative;
	text-align:left;
	width: 756px;
}

div.header
{
	background-image:url(../images/header/header.jpg);
	background-repeat:no-repeat;
	height: 513px;
	position:relative;	
	width: 756px
}

div.content-wrapper
{
	margin: 10px 0px 10px 0px;
	width: 756px;
}

div.sidebar
{
	background-image:url(../images/testimonials/quote_top.gif);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	width: 185px;
	text-align: center;
}

div.quote-bottom
{
	background-image:url(../images/testimonials/quote_bottom.gif);
	background-repeat:no-repeat;
	position:absolute;
	bottom: 175px;
	left: 160px;
	width: 16px;
	height: 16px;
}

div.testimonials
{
	color: #fff;
	font-size: 14px;
	font-style: italic;
	text-indent: 20px;
	text-align: left;
	width: 135px;
	height: 140px;
}

div#content
{
	float: right;
	min-height:313px;	
	width: 530px;
}

* html div#content  /* hack to set height for IE6 */
{
  height: 313px;
  height: 313px;
}

div.content-settings
{
	padding: 10px;
	position: relative;
}


div.footer
{
	background-image:url(../images/footer/footer.jpg);
	background-repeat:no-repeat;
	color:#dfdfdf;	
	height: 89px;
	position:relative;
	width: 756px;
}

div.copyright
{
	font-size: 9px;
	left: 467px;
	position:absolute;
	top: 70px;
	width:300px;	
}

div.credit
{
	background-image: none;
	left: 5px;
	position:absolute;
	top: 5px;
	width: 143px;
	height: 32px;
}

div.credit a:link, div.credit a:active, div.credit a:visited, div.credit a:hover
{
	display: block;
	width: 143px;
	height: 35px;	
}

ul.navigation-ftr
{
	font-size: 10px;
	left: 375px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	text-transform: uppercase;
	top: 7px;
	width: 385px;
}

ul.navigation-ftr li
{
	display: inline;
	margin: 0px 9px 0px 0px;
	list-style: none;
}

ul.navigation-ftr li a:link, ul.navigation-ftr li a:active, ul.navigation-ftr li a:visited, ul.navigation-ftr li a:hover
{
	color:#dfdfdf;
	font-weight: normal;
	text-decoration:none;
}

/* set 1 - top nav settings */

ul.nav-set-one
{
	background-image:url(../images/header/nav_set1_off.jpg);
	background-repeat:no-repeat;
	height:70px;
	margin: 0px;
	left: 301px;
	padding: 0px;
	position:absolute;
	top: 55px;
	width: 449px;
}

ul.nav-set-one li
{
	margin: 0px;
	padding: 0px;
	left: 0px;
	list-style: none;
    position: absolute; 
	top: 47px;
}

ul.nav-set-one li, ul.nav-set-one a 
{
	display: block;
	height: 14px;	
}

#nav-services
{
	left: 87px;
	width: 55px;	
}

#nav-enquiry
{
	left: 209px;
	width: 82px;	
}


#nav-gallery
{
	left: 388px;
	width: 50px;	
}

#nav-services a:hover {
    background: transparent url(../images/header/nav_set1_on.jpg) -87px -47px no-repeat;
}

#nav-enquiry a:hover {
    background: transparent url(../images/header/nav_set1_on.jpg) -209px -47px no-repeat;
}

#nav-gallery a:hover {
    background: transparent url(../images/header/nav_set1_on.jpg) -388px -47px no-repeat;
}

/* set 2 - top nav settings */

ul.nav-set-two
{
	background-image:url(../images/header/nav_set2_off.jpg);
	background-repeat:no-repeat;
	height:29px;
	left: 385px;
	margin:0px;
	padding: 0px;
	position:absolute;
	top: 483px;
	width: 370px;
}

ul.nav-set-two li
{
	margin: 0px;
	padding: 0px;
	left: 0px;
	list-style: none;
    position: absolute; 
	top: 0px;
}

ul.nav-set-two li, ul.nav-set-two a 
{
	display: block;
	height: 29px;	
}

#nav-home
{
	left: 0px;
	width: 50px;	
}

#nav-about
{
	left: 50px;
	width: 69px;	
}

#nav-areas
{
	left: 118px;
	width: 94px;	
}

#nav-resources
{
	left: 210px;
	width: 77px;	
}

#nav-contact
{
	left: 287px;
	width: 82px;	
}


#nav-home a:hover {
    background: transparent url(../images/header/nav_set2_on.jpg) 0px 0px no-repeat;
}

#nav-about a:hover {
    background: transparent url(../images/header/nav_set2_on.jpg) -50px 0px no-repeat;
}

#nav-areas a:hover {
    background: transparent url(../images/header/nav_set2_on.jpg) -118px 0px no-repeat;
}

#nav-resources a:hover {
    background: transparent url(../images/header/nav_set2_on.jpg) -210px 0px no-repeat;
}

#nav-contact a:hover {
    background: transparent url(../images/header/nav_set2_on.jpg) -287px 0px no-repeat;
}


/* General */

.clear
{
	clear: both;
}

.mandatory
{
	color:#fff;
	font-weight:bold;
	font-size:18px;
}

table.table-generic
{
	border: 0px;
	padding: 0px;
	width: 100%;
}

table.table-generic td
{
	padding: 3px;
}