body {
	font:0.8em Arial, Verdana, Helvetica, sans-serif;
	background: #1b1a24 url("../images/background.gif") top left repeat-x;
	margin:0;
	padding:0;
	color: #fff;
}

img {
border: none;
}
.clear	{	clear: both; height: 0px; width:0px; }
h1 {
	margin: 0;
	font-size: 1em;
	text-transform: uppercase;
}

h2, .heading {
	color: #ff7500;
	font-size: 1em;
	font-weight: bold;
	margin: 18px 0 4px 0;
	padding: 0;
}

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

a {
	text-decoration: none;
	color: #fff;
}

a:hover, a.active, a:active {
	color: #ff7500;
}

em {
color: #666;
}


/*	GENERAL	*/
#wrapper{
	width: 1015px;
	margin:0px auto;
}

#header{
	height: 137px;
}

#header h1{
	padding: 20px 0 0 30px;
	float: left;
}

#printlogo {
display: none;
}

#breadcrumb{
	clear: both;
	float: left;
	color: #ff7500;
	padding: 20px 0 0 30px;
	text-transform: uppercase;
	_width: 500px;
}
#breadcrumb a{
	color: #ff7500;
}
#breadcrumb a:hover{
	color: #fff;
}
#breadcrumb img{
	margin: 0 5px 0 5px;
}


#content {
	padding:  0 30px;
}
#content a {
	color: #ff7500;
}
#content a:hover {
	text-decoration: underline;
}
#content-text-services {
	width: 330px;
}

#content-contact{
	float: right;
	margin-left: 80px;
	width: 500px;
}

#content-contact form{
	margin-top: 70px;
}

#content-contact .textfields label input {
	border:1px solid #fff; 
	margin-bottom: 8px; 
	background-color: #ccc; 
	border-color: #ff7500
}
#content-contact .textfields label textarea {
	border:1px solid #fff; 
	margin-bottom: 12px; 
	background-color: #ccc; 
	border-color: #ff7500; 
	height: 105px;
}
#content-contact fieldset  {
	border:none; 
	margin: 0 30px 0 0; 
	padding: 0;
}
#content-contact #errors{
	color: #ff7500;
}
#map {
	float: right;
	width: 500px;
}
#video {
	margin-top: 20px;
}
#content-video {
	float: left;
	width: 260px;
}
.bottom label span {
	float: left; 
	padding:0; 
	margin: 0 90px 0 0;
}
.left {float:left;}

.listleft {
float:left;
padding-right: 35px;
}

.about {
	float:left;
	padding-right: 35px;
	width: 29%;
}
.about img{
	margin-bottom: 20px;
}
.about p {
	margin-bottom: 20px;
}
#services{
	float: right;
	width: 250px;
}
#services img{
	margin-bottom: 10px;
}
#content-text-contact {
	width: 330px;
}

#numbers{
	float: right;
}

#content-text{
	padding: 0 5px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content-text a{
	text-decoration: underline;
}
#content-text p{
	padding: 0 5px;
	width: 240px;
	_width: 220px;
	margin-left: 100px;
}
ul{
	padding: 0;
	margin: 0;
}



/* --------------- SLIDER ---------------*/
#content-img{
	float: right;
	text-align: right;
	width: 615px;
}
#big-img{
	text-align: right;
	width: 615px;
	height: 512px;
}
#big-img img{
	margin-bottom: 15px;
}

#arrow_up_image{
	clear: both;
	float: left;
	padding: 5px 0 10px 70px;
}
#arrow_down_image{
	clear: left;
	float: left;
	padding: 18px 0 0 40px;
}
#galleryContainer #arrow_up{	
	height:30px;
}
#galleryContainer #arrow_down{	
	height: 25px;
}

#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
	float:left;	/* Floating */
	
	/* CSS HACK */
	height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	height/* */:/**/438px;	/* Other browsers */
	height: /**/438px;
	
	/* CSS HACK */
	width: 100px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */:/**/100px;	/* Other browsers */
	width: /**/100px;
}
#theImages{	/* DIV where the images are located */
	position:relative;
	overflow:hidden;
	height:512px;	/* Height of boxes for the images */
}
#theImages div{	
	position:relative;	/* Don't change this */
	height:1500px;	/* Higher than total height of thumbnails */
	
}
#theImages img{
	border:0px;	/* No border */
	/*filter:alpha(opacity=50);	 Transparency - IE 
	opacity:0.5;  Transparency - Firefox */
	padding-bottom: 24px;	/* Space between images */
}


/* Variuos */

#content-various{
	width: 615px;
	float: right;
}

#various-img {
	width: 615px;
	height: 512px;
	margin-bottom: 10px;
}

#prev {
	background: url("../images/prev.gif") no-repeat;
	border: none;
	width: 13px;
	height: 25px;
	float: left;
}

#next {
	background: url("../images/next.gif") no-repeat;
	border: none;
	width: 13px;
	height: 25px;
	float: right;
}

#number {
	float: left;
	margin-left: 285px;
	padding-top: 7px;	
}

#name {
	float: left;
	width: 580px;
	text-align: center;
	padding-top: 7px;	
}

/* NAVIGATION */
#nav{
	text-transform: uppercase;
	font-size: 1.2em;
	border-bottom: solid 1px #ff7500;
	  height: 34px;
	  margin-top: 20px;
	list-style: none;
	float:right; /*needed to contain floated children. 
	The children when contained will give the nav its height.
	If it has height, then the background colour will show.*/
}

#nav li {	
float: left;
position: relative; /*so that we can use this as a reference point for positioning the child submenu.*/
/*padding: 2px 12px 2px 13px;*/
padding: 3px 39px 0 0px;
_padding: 3px 3px 0 14px;
margin:0;
}

#nav li.borderless {
border-right: none;
padding: 3px 14px 0 15px;
}

* html body #nav li {width:6.1em;} /*for Mac/IE, keeps nav links floated correctly */


#nav li a { /* formats the look of the menu items */
display:block;
text-decoration: none;
  color: #fff;
margin:0;
padding: 0;
height:32px;
_height: 34px;
background-color: transparent;

}

#nav li a:hover, #nav a:active, #nav a.active {
	color: #ff7500;
	background: url("../images/active.gif") bottom center no-repeat;
}



/*-------- SUBMENU ---------*/
#nav li ul { /* submenu background*/
display: none;
list-style:none;
	font-size: 0.8em;
}

#nav li > ul { /* to override top and left in browsers other than IE, 
which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}


#nav li ul li {
padding: 0 0 0 0;
}

#nav li:hover ul,
#nav li.over ul { /* positions and formats submenu background , class over is for javascript file*/
display: block;
background-color: #363845;
float:none;
position: absolute;
top: 35px;
_top: 37px;
left: -5px;
width: 115px;
padding: 0;
_border-top: 1px solid #ff7500;
}

#nav li:hover ul li a,
#nav li.over ul li a {/*formats submenu individual items */
	color: #ff7500;
text-decoration: none;
font-weight:normal;
padding:1px 5px;
height:100%;
width: 110px;
text-align:left;/*need to override earlier Mac/IE text-centre rule on the parent*/
}




#nav li:hover ul li a:hover ,
#nav li.over ul li a:hover { /*formats submenu links for hover */
	color: #fff;
	background: none;
}

#nav li ul li a#current {/*sets the current (where the user is) submenu item to be highlighted*/
color: #bb2838;
background-color:#EFF2C3;}




/*	FOOTER */
#footer {
clear: both;
margin: 0;
padding: 10px 30px 0 0;
}

#footer ul {
margin: 0;
padding: 0;
}

#footer li {
display: inline;
}

.noborder a {
border: none;
padding-left: 0;
}

.moustique {
float: right;
font-size: 0.8em;
}

.moustique a {
color: #333;
}