/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px;
	color:#ffffff;
	min-width:1000px;
}
html, body { height:100%;}


p {padding-top:18px;}

a {
	color:#7d7d7d; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	position: relative;
	width: 980px;
	background-color: #000000;
}

	/* Header */
	header{
		position:relative;
		padding-top:50px;
		height:173px;
		z-index:30;
	}
		#page1 header {
		position:relative;
		padding-top:50px;
		height:703px;
		}	
	/* Content */
	section#content {
		position:relative;
		z-index:10;
		padding-bottom:27PX;
	}
	/* Footer */
	footer{
		padding-bottom:23px;
		
	}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3,  .col-4,  .col-5 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 18px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}

.block {height:40px;}
.extra {
 min-height:100%;
 margin: 0 auto -40px;
 position:relative;
 z-index:20;
}

h1 {
	position:absolute;
	left:0px; 
	top:0px;
	z-index:20;
	
}
	h1 a {
		display:block;
		text-indent:-5000px;
		width:250px;
		height:161px;
		background:url(../images/logo.png) left top no-repeat;
		
	}
	
	h1 a:hover {
		display:block;
		text-indent:-5000px;
		width:250px;
		height:161px;
		background:url(../images/logo-over.png) left top no-repeat;
		
	}
	
	
h2 { font-size:21px; line-height:1.2em; color:#ffffff; text-transform:uppercase; font-weight:normal; padding-top:34px; }

.h2-top { padding-top:0px;}
.h2-bot { padding-bottom:11px;}
.h2-bot1 { padding-bottom:4px;}
.h2-bigger { font-size:25px}


h3 { font-size:21px; line-height:1.2em; color:#fff; text-transform:uppercase; padding-top:25px;}
.h3-top { padding-top:29px;}
.h3-bot { padding-bottom:4px;}
.h3-bot1 { padding-bottom:5px;}
.h3-bot2 { padding-bottom:7px;}


h4 {font-size:40px; line-height:1.2em; color:#fff; text-transform:uppercase; font-weight:normal; padding-top:21px;}
h4 span {font-size:60px; line-height:1.2em;text-transform:none; display:inline-block; margin-top:-18px;}

/*===== ACCORDION =====*/	
	dl#accordion {
      list-style-type:none;
	      margin: 0;
	      padding: 0;
	      width:590px;
	      min-height:390px;
	      height:auto !important;
	      height:390px;
	    }
	 
	    dl#accordion a {
	      display: inline-block;
	      text-decoration: none;
		  float:right;
		  color:#FFF;
		  font-size:14px;
		  line-height:38px;
		  font-family:Arial, Helvetica, sans-serif;
	    }
		
		dl#accordion .indent a { float:none; margin-top:10px; line-height:28px; color:#000;}
		dl#accordion  .indent a:hover { color:#FFF;}
		
	 	 dl#accordion a:hover { color:#d60019;}
		
	    dl#accordion dt {
	        margin-botom:0;
	    }
		dl#accordion .bg {background:url(../images/dt-bg.jpg) left top repeat-x; height:38px; padding: 0 13px 0 12px; margin:2px 0 1px 0;}
		
	    dl#accordion dt span {
	      background:url(../images/sub-plus.png) left center no-repeat ;
	      color: #ffffff;
		  font-size:21px; 
		  line-height:1.2em;
	      padding:6px 0 8px 27px;
	      font-weight:normal;
	      cursor:pointer;
	      display:block;
		  float:left;
	    }
	 
	 
	            dl#accordion dt.active span{
	                background:url(../images/sub-minus.png) left center no-repeat ;!important;
	            }
				 dl#accordion dt.active a { display:none;}
	        dl#accordion dd {
	            background:#000; 
	            display:none;
	            margin:0;
				height:232px;
	        }
	            dl#accordion dd .indent {
	                background:url(images/dd-top.gif) repeat-x left bottom;
	                padding:20px 20px 20px 20px;
	            }
/*===== faded slider =====*/
#faded {
	width:980px;
	height:703px;
	overflow:hidden;
	position:relative;
	
}
#faded .pagination {
	right:31px;
	bottom:28px;
	position:absolute;
	z-index:1000;
}
#faded .pagination li {
	float:left;
	font-size:14px;
	text-align:center;
}
#faded .pagination li a {
	color:#fff;
	text-decoration:none;
	width:20px; 
	height:20px;
	margin-right:1px;
	display:block;
	background:url(../images/no-active.gif) left top no-repeat;
	text-indent:-5000px;
}
#faded .pagination li.current a, #faded .pagination li a:hover {
	background:url(../images/active.gif) left top; color:#101010;}
	
#faded .slogan {position:absolute; left:23px; top:492px; width:540px; height:97px; font-size:30px; line-height:1.2em; color:#fff; z-index:40; text-transform:uppercase; cursor:pointer; }
#faded .slogan em { display:inline-block; background:url(../images/slogan.png) left  top repeat;height:36px; font-style:normal;padding:2px 18px 0 6px;}
#faded .slogan em i { font-style:normal; color:#fdbf02; font-size:36px; line-height:1.2em; padding-left:10px; display:inline-block; margin-top:-6px;}
#faded .slogan strong { display:inline-block; background:url(../images/slogan.png) left  top repeat; height:38px; font-weight:normal; margin-left:98px; padding:0 14px 0 13px;}
#faded .slogan .slogan1 { margin-left:0px;}
#faded .slogan .slogan2 { margin-left:147px;}


ul.gallery {
	    width: 980px; /*--Adjust width according to your scenario--*/
    	list-style: none;
	    margin: 0; padding: 0;
	}
	ul.gallery li {
	    
	    margin: 0; padding: 0;
	    border:none;
	    display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	}
	ul.gallery li a.thumb {
	    width: 980px; /*--Width of image--*/
	    height: 703px; /*--Height of image--*/
	    padding: 0;
	    border-bottom:none;
	    cursor: pointer;
	}
	ul.gallery li span { /*--Used to crop image--*/
	    width: 980px;
	    height: 703px;
	    overflow: hidden;
	    display: block;
	}
	ul.gallery li a.thumb:hover {
	    background: #333; /*--Hover effect for browser with js turned off--*/
	}
	ul.gallery li a {text-decoration: none; color: #777; display: block;}




/*===== header =====*/
/*===== content =====*/
.box { background:url(../images/box.png) left top repeat; width:970px; min-height:460px; position:relative; padding:22px 10px 21px 0;}
.img { background:url(images/background.jpg) left top no-repeat; width:100%; height:703px; position:absolute; left:0px; top:-173px; }

.divider { background:url(../images/divider.gif) 284px 10px repeat-y; width:100%;}

.title { display:inline-block; color:#949393; font-size:25px; line-height:1.2px; padding-top:3px;}
.title1 { display:inline-block; color:#949393; font-size:13px; line-height:24px;}



.color { color:#ffffff;}
.color1 { color:#ffffff;}
.color2 { color:#d60019;}
.bigger { color:#ffffff; font-size:16px}
.bigger2 { color:#d60019; font-size:16px}

.pad { padding-top:9px;}
.pad1 { padding-top:12px;}


.top { padding-top:5px;}
.top1 { padding-top:7px;}
.top2 { padding-top:10px;}


.img-top { margin-top:3px;}


.pad-right { padding-right:20px;}

.link { font-size:13px; line-height:24px; text-decoration:none; color:#000; display:inline-block; background:#fd1a02; padding:2px 17px 1px 17px ;}
.link:hover {  background:#C90; color:#fff;}

.link1 { font-size:14px; line-height:28px; text-decoration:none; color:#000; display:inline-block; background:#ffffff; padding:0px 6px 0px 6px; margin-top:18px; font-family:Arial, Helvetica, sans-serif;}
.link1:hover {  background:#d60019; color:#000000;}


.link-top { margin-top:21px; }
.link-top1 { margin-top:14px;}

.list1 { margin-left:-1px;}	
	.list1 li {
		font-size:13px;
		line-height:14px;
		padding:5px 0 5px 10px;
		margin-left:1px;
		background:url(../images/marker1.gif) left 10px no-repeat;
		height:1%;
		
	}
		.list1 li a {
			color:#7d7d7d;
			text-decoration:none;
		}
			.list1 li a:hover {
				text-decoration:underline;
			}
			
.list2 { padding-top:1px;}	
	.list2 li {
		font-size:14px;
		line-height:14px;
		padding:4px 0 4px 0;
		
	}
		.list2 li a {
			background:url(../images/arrow2.png) left 4px no-repeat;
			color:#ffffff;
			text-decoration:none;
			display:block;
			height:1%;
		}
		.list2 li a span {display:block;padding:4px 0 4px 29px;}
		.list2 li a:hover {background:url(../images/arrow.png) left 4px no-repeat}
		.list2 li a:hover span {color:#d60019;}
		.list2-top { padding-top:20px;}
		
		
		.list3 li {
			background:url(../images/arrow.png) left 4px no-repeat;
			color:#ffffff;
			text-decoration:none;
			display:block;
			height:1%;
		}
		.list3 li span {display:block;padding:4px 0 4px 29px;}
		.list3-top { padding-top:20px;}
			
.contact-top { padding-top:6px; margin-left:1px;}			
.contact { padding-top:6px; margin-left:-1px;}
.contact li { font-size:22px; line-height:24px; color:#d60019; overflow:hidden; width:158px; }
.contact li span { float:right; display:inline-block; }
/*===== footer =====*/
.menu { padding:23px 0 0 0; margin-left:-5px; float:left; width:250px;}
.menu ul { overflow:hidden;}
.menu li { font-size:14px; line-height:24px; float:left; padding-left:5px; }
.menu li a { color:#575656; text-decoration:none; display:inline-block; padding:0 6px 0 6px; }
.menu li a:hover { background:#302f30; color:#FFF;}
.menu .first { padding:0px;}

.phone { font-size:14px; line-height:18px;color:#575656; float:left; width:167px;padding:31px 0 0 214px;}

.policy { float:centre; color:#4b4b4b; font-size:12
px; line-height:1.2em; padding:9px 0  0 11px;}
.policy a { text-decoration:none; color:#4b4b4b;} 
.policy a:hover { text-decoration:none; color:#d60019;}
.policy a span { text-decoration:; color:#000;}
.policy a:hover span { text-decoration:underline;}
.policy em { font-style:normal; display:inline-block; padding:6px 0 0 11px;}
.policy em a:hover { text-decoration:underline;}
.policy img { float:right; padding:0px 0  0 0px;}

.social { padding:11px 0 0 12px; float:left;}
.socials { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#e2e2e2; line-height:1.2em; font-weight:bold; background:url(../images/socials.jpg) left top repeat-x; display:inline-block; height:29px; padding:6px 11px 0px 11px; text-decoration:none; margin-left:2px;}
.socials:hover { background:#333;}

/*----- forms -----*/

#passwordform fieldset {
	border:none;
	padding-top:14px;
}
	#passwordform label {
		display:block;
		height:39px;
		overflow:hidden;
		vertical-align:top;
	}
		#passwordform input {
			width:178px;
			height:17px;
			padding:3px 5px 3px 5px;
			border:1px solid #404243;
			line-height:1.2307em;
			background:url(../images/password-bg.png) repeat 0 0;
			color:#fefefe;
		}
			#passwordform .input{ width:13px; height:13px; padding:0px 0 0 2px; border:none; background:none;}
				#passwordform span { display:inline-block; margin:-7px 0 0 -3px;}
				#passwordform p { padding-top:14px; color:#585858;}
				#passwordform .pad { padding-top:6px;}
				#passwordform .account {text-decoration:underline; color:#fff; font-size:13px; line-height:24px; display:inline-block; padding-top:3px; }
				#passwordform .account:hover { text-decoration:none;}
				#passwordform em { display:inline-block; padding-top:5px; font-style:normal;}
				#passwordform a { text-decoration:none; color:#d9d9d9; font-size:12px; line-height:24px; display:inline-block; }
				#passwordform a:hover { text-decoration:underline;}
				#passwordform .link { color:#000; margin:0 0 0 22px;}
				#passwordform .link:hover { text-decoration:none; background:#C90; color:#FFF;} 


/*==========================================*/
  /*==========================================*/
nav { position:absolute; z-index:20; background:url(../images/nav-bg.gif) left top repeat-x; height:79px; width:729px; right:0px; top:0px;}
.sf-menu  .last { background:none; margin:0;}
.sf-menu  .last a { width:145px;}

   .sf-menu {
	margin:0;
	list-style:none;
	padding:0 0 0 0;
}
.typography-menu li {
	padding:0 !important
}

#contactForm {
	
	width: 520px;
	border: 0px solid #d60019;	
	position: relative;
	margin-bottom: 40px;
	background-color: transparent;
	padding: 0px;	
	font-family: arial;

	
}


#enqDetails {
	
	width: 500px;	
	border: 0px solid #A2A2A2;
	position: relative;
		


}

#enqDetails td {
	
	border: 0px solid blue;
	font-weight: bold;
	color: #87B229;
	padding: 0px 0;
	font-size: 14px;
	

}


#enqDetails td.headerText {
	
	font-size: 20px;
	color: black;	
}



#enqDetails td.normalWeight {
	
	font-weight: normal;
	
}



#enqDetails tr td img.captchaImage {
	
	border: 0px solid red;
	position: relative;
	left: 0;
	margin: 8px 0;	
}


#enqDetails tr td input {
	
	width: 100%;
	border: 0px solid #A2A2A2;	
	color: black;
	height: 23px;
	padding-top: 9px;
	padding-left: 5px;
	background-color: white;

}


#enqDetails tr td table {
	
	width: 100%;
	border: 0px solid #C0C2C5;
	padding: 0;
	
}


#enqDetails tr td table tr td {
	
	width: 50%;	
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0;
}



#enqDetails tr td table tr td input {

	width: 98%;	
	border: 1px solid #A2A2A2;	
	color: black;
	padding-top: 4px;
	padding-bottom: 4px;
	
}

#enqDetails tr td table tr td input.address {
	
	width: 500px;	
}



#enqDetails tr td table tr td.leftCell {
	
	padding-right: 0px;
	padding-left: 0;
	width: 40%;		
}

#enqDetails tr td table tr td.rightCell {
	
	padding-left: 15px;
	width: 60%;		
		
}


#enqDetails tr td textarea {
	
	
	border: 1px solid #A2A2A2;	
	color: black;
	height: 100px;
	padding-top: 9px;
	padding-left: 5px;
	background-color: white;
	width: 500px;

}
	

#formSubmit {
	
	border: 0;
	margin: 0;
	cursor: pointer;
	background-color: transparent;

}



#formSubmit.contact {
	
	width: 100px;
	height: 38px;
	background-image: url(../images/contactSubmit.jpg);
	background-repeat: no-repeat;	
	position: relative;
	top: 10px;
	left: 408px;
	margin-bottom: 40px;
	
}


.sf-menu {	
	background:none;
	position:relative;
	z-index:50
}
.sf-menu a {
	text-decoration:none; display:inline-block; width:145px; height:47px; color:#aaa; padding-top:24px; zoom:1;
}
 .sf-menu a.current { color:#fff;} 	
.sf-menu a:hover	  { /* visited pseudo selector so IE6 applies text colour*/	
	background:#fd1a02; color:#fff;
}
	
.sf-menu ul {
	position:absolute;
	right:253px;
	top:0px;
	width: 185px;
	height:147px;
	border:none;
	z-index:50;
	
}
.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	text-transform:uppercase; font-size:16px; line-height:24px; float:left; text-align:center; background:url(../images/nav-li.gif) right top no-repeat; margin-right:1px;
	
}

.sf-menu li li {
	font-size:16px;
	text-align:left;
	line-height:24px;
	border:none;
	padding:0 0 0 0;
	cursor:pointer;
}
.sf-menu ul .last {
	background:none;
	padding-bottom:0;
	margin-bottom:0;
}
.sf-menu li li a {
	background:none;
	padding:12px 0 0 14px;
	overflow:hidden;
	display:block;
	background:url(../images/sf-ul-bg.png) 0 0 repeat;
	width:171px; 
	height:40px;
}
.sf-menu li li a strong { background:url(../images/marker-fish.gif) left 7px  no-repeat; padding-left:10px; display:inline-block;}
.sf-menu li li a:hover strong { background:url(../images/marker-fish-hover.gif) left 7px  no-repeat; padding-left:10px; display:inline-block;}

.sf-menu li li a:hover, .sf-menu li li a.current {
	color:#fff;
	background:url(../images/sf-bg-ul-li-a-li-a.png) left top repeat;
	position:relative;
	z-index:40;
	
}
.sf-menu li li:last-child a {
	border-bottom:none;
}

.sf-menu ul ul {
	background:#000;
	border:none;
	width:203px;
	height:104px;
	padding:0 0 0 0
	position:absolute;
	left:185px;
	top:0px;
	z-index:40;
	
}
	.sf-menu li li li {
		background:none;
		padding:0 0 0 0;
		text-align:left;
	}
		.sf-menu li li li a {
			background:none;
			display:block;
			height:40px;
			width:189px;
			padding:12px 0 0 14px;			
		}
			.sf-menu li li li a:hover, .sf-menu li li li a.current {
				background:#fdbf02 !important;
				color:#000;
			}

.sf-menu a {
	display:block;
	position:relative;
	z-index:20
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	right:			-23;
	top:			78px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			185px; /* match ul width */
	top:			1px;
	
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			-10px;
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:url(../images/sf-ul-li-a-bg.gif) no-repeat 0 0;
}
.sf-menu .sf-sub-indicator {
	display:none;
}
	.sf-menu ul .sf-sub-indicator {
		display:block;
	}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:50%;
	margin-top:-2px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { right:5px !important;}
.sf-menu ul a > .sf-sub-indicator { background:url(../images/sf-ul-li-a-bg.gif) no-repeat 0 0;}

 
  
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */