/* GENERAL STYLES
****************************************/

body {
	background-image:url(Images/background.jpg);
	background-position: center 170px;
	background-repeat:repeat;	
}

body {  min-width: 978px; min-height: 100%; height: 100%;}

html, body { height:100%; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#421616; line-height:150%; }

a {
	text-decoration:none;
	color:#EF422C;	
	font-weight:bold;
}

a:hover {
	text-decoration:none;
	color:#FF7623;	
}

a img {
	border:none;	
}

.orange{
	color: #FF7623;
}

h1, h2, h3 {	
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-weight:bold;
}

h1 {	
	background-image:url(Images/h1-border-btm.gif);
	background-position: 0px bottom;
	background-repeat:repeat-x;		
	margin:0px;
	padding:0px;
	padding-bottom:12px;
	color:#421616 !important;
	font-size:22px !important;
	margin-bottom:10px;
}

h2 {
	font-size:16px;
	color:#f1432c  !important;
	margin-bottom:16px;
}

h3 {
	font-size:14px;
	color:#421616;
	margin-bottom:10px;
}

ul, ol {
	padding : 0px;
	margin : 0px;
	padding-left : 20px;
	list-style-image: url(Images/bullet-point.gif);
	margin-top : 4px;
}

ol {
	list-style-image: none;
}

li{
	padding : 0px;
	margin : 0px;
	padding-bottom : 10px;
}

p{
	margin:0 0 8px 0;
}

td.mm-main-nav-link-cell a {
	font-weight:normal !important;	
}

.preload {
	display:none;	
}

hr {
	clear:both;
	background-image:url(Images/h1-border-btm.gif);
	background-position: 0px 0px;
	background-repeat:repeat-x;	
	height:1px;
	border:none;
	margin-bottom:22px;
}


/* HEADER / BODY
****************************************/

div.header-container{
	background-image:url(Images/header-background.jpg);
	background-position: center 0px;
	background-repeat:repeat;	
	height:159px;
}

div.header{
	 margin:0 auto;
	 width:978px;
	 height:159px;
	 position:relative;
}

div.corrogated-divider {
	background-image: url(Images/corrogated-div-rpt-x.jpg);
	background-position:center 0px; 
	background-repeat:repeat-x;	
	height:11px;
	background-color:#56321C;
	padding:0px;
	margin:0px;
}

div.body {
	margin:0 auto;
	width:978px;
}

.body-footer-padding {			
	clear:both;
	height:50px;
}  

.header-leaves {
	position:absolute;right:0px;top:0px;width:187px;height:125px;
}

/* FEATURE COLS
****************************************/

.feature-col-1, .feature-col-2, .feature-col-3 {
	width:306px;	
	float:left;		
	margin-left:26px;
}

.feature-col-1 {
	margin-left:0px;	
}

/* TEMPLATE COLS
****************************************/

.standard-body-col-1 {
	width:610px;
	float:left;
}
  
.standard-body-col-2 {
	width:308px;
	margin-left:60px;	
	float:left;	
}

.map-body-col-1 {
	width:300px;
	float:left;
}
  
.map-body-col-2 {
	width:630px;
	margin-left:40px;	
	float:left;	
}

.home-body-col-1 {
	width:390px;
	float:left;
}

.home-body-col-2 {
	width:540px;
	margin-left:40px;	
	float:left;	
}

div.full-body-col {
	width:970px;
	float:left;
}

div.half-body-col-1 {
	width:470px;
	float:left;
}
  
div.half-body-col-2 {
	width:470px;
	margin-left:30px;	
	float:left;	
}

/* FEATURE BOXES
****************************************/

div.feature-box {
	width:306px;
	height:182px;
	background-image:url(Images/home-feature-bg.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;	
	position:relative;
	margin-bottom:7px;
}

div.feature-bevel {
	position:absolute;
	left:0px;
	top:0px;	
	background-position: center center;
	background-repeat:no-repeat;
	width:306px;
	height:182px;
}

div.feature-title {
	position:absolute;
	left:9px;
	top:12px;
	width:286px;
	height:138px;
	overflow:hidden;
	font-size:16px;
	color:#421616;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

div.feature-link {
	position:absolute;
	left:170px;
	top:153px;
	
}

div.feature-link-all {
	position:absolute;
	left:0px;
	top:0px;

}

/* CALLOUT BOX
****************************************/

.calloutbox-header {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF7623;
	font-size:14px;
	font-weight:bold;
	background-image:url(Images/callout-box-header.png);
	background-position: 0px 0px;
	background-repeat:no-repeat;	
	width:308px;
	float:left;
	min-height:91px;
	
}

.calloutbox-header div {
	vertical-align:top;
}

.calloutbox-header div img {
	height:1px;
}
	
.calloutbox-header>div {
	margin-left:33px;
	margin-top:61px;
	width:190px;
	float:left;
	margin-bottom:7px;
}

.calloutbox-body {
	font-family:Arial, Helvetica, sans-serif;
	color:#421616;
	font-size:13px;
	background-image:url(Images/callout-box-middle-rpt-y.png);
	background-position: 0px 0px;
	background-repeat:repeat-y;		
	width:308px;
	float:left;
}

.calloutbox-body>div {
	margin-left:33px;
	width:235px;
	float:left;
}

.calloutbox-footer {
	background-image:url(Images/callout-box-footer.png);
	background-position: 0px 0px;
	background-repeat:no-repeat;	
	width:308px;
	float:left;
}

.calloutbox-footer a, .calloutbox-footer .noa {
	display:block;
	width: 99px;
	height:27px;
	margin-left:175px;
	margin-top:7px; 
	margin-bottom:115px; 
	float:left;
}

/* BANNER GALLERY
****************************************/

.banner-gallery {
	width:100%;
	height:250px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#F7EFEA;
}

.banner-gallery .vignette {
	z-index:500;position:absolute;width:100%;height:250px;background-image:url(Images/banner-vignette.png);background-position: center 0px;background-repeat:no-repeat;	
}

div#banner-gallery-items {
	position:relative;
	width:1200px;
	height:250px;
	margin:0 auto;
}

/* FOOTER
****************************************/

div#footer {
	background-image: url(Images/footer-bg-rpt-x.png);	
	background-position: center 0px;
	background-repeat: repeat-x;
}

div.footer-content {
	margin:0 auto;	
	width:978px;	
	height:81px; 
}

div.footer-leaves-container {
	position:relative;
}

div.footer-leaves {
	position:absolute;top:-47px;left:0px;
}

div.footer-links {
	position:absolute;
	top:39px;
	height:1px;
}

div.footer-links a, div.footer-links{
	color:#FFFFFF;
	font-weight:normal;
}

div.footer-links a{
	text-decoration:none;
	font-weight:normal;
}

div.footer-links a:hover{
	color:#FF7623; 
}

/* SOCIAL MEDIA LINKS
****************************************/

div.social-media-links {
	position:absolute;
	width:978px;
	top:33px;
	text-align:right;
	height:31px;
	background-image:url(Images/social-bar-right.gif);
	background-position: right 0px;
	background-repeat:no-repeat;	
}

div.social-media-links a, div.social-media-links{
	color:#421616;
	font-weight:normal;
}

div.social-media-links a {
	text-decoration:none;	
}

div.social-media-links a:hover{
	text-decoration:none;	
	color:#FF7623;
}

div.social-media-links a img{	
	vertical-align:middle;
	position:relative;
	top:-2px;
	margin-left:9px;
	margin-right:6px;
}
div.social-media-links>div:first-child {
	padding-top:6px;
	padding-right:14px;
	float:right;height:31px;background-image:url(Images/social-bar-middle.gif);background-position: 0px 0px;background-repeat:repeat-x;margin-right:26px;	
}

div.social-media-links>div>a {
	margin-left:0px;	
}

div.social-media-links div+div {
	float:right;background-image:url(Images/social-bar-left.gif);background-position: 0px 0px;background-repeat:repeat-x;width:23px;height:31px;	
}

/* FLOATING MANGO
****************************************/

div.floating-mango {
	position:relative;margin:0 auto;width:978px;z-index:10;
}

div.floating-mango>div {
	z-index:10;position:absolute;left:589px;top:0px;
}

/* BREADCRUMBS
****************************************/

div.breadcrumbs {
	margin-top:19px;
	margin-bottom:19px;
	width:970;
	height:25px;
	background-image:url(Images/breadcurmbs-full-width.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;	
	position:relative;
	vertical-align:middle;
}

div.breadcrumbs a {
	display:block;
	float:left;	
	padding-left:11px;
	padding-right:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#421616;
	font-size:12px;
	text-decoration:none;
	margin-top:2px;	
	background-image:url(Images/breadcrumb-div.gif);
	background-position: right 3px;
	background-repeat:no-repeat;	
}
div.breadcrumbs a:hover {
	color:#FF7623;	
}

div.breadcrumbs a:last-child {
	background-image:none;
	color:#c43625;	
	font-weight:bold;
}

div.breadcrumbs a:last-child:hover {
	color:#c43625;	
}
div.no-breadcrumbs {
	height:45px;	
}

/* ADX MENU CUSTOMISATIONS
****************************************/

td.nav-left {
	background-image:url(Images/nav-left-off.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;	
	width:13px;	
}

td.nav-middle {
	background-image:url(Images/nav-middle-off.jpg);
	background-position: 0px 0px;
	background-repeat:repeat-x;	
}

td.nav-right {
	background-image:url(Images/nav-right-off.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;		
	width:18px;
}

td.nav-right-last {
	background-image:url(Images/nav-right-off.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;		
	width:25px;
}		

td.nav-left-first {
	background-image:url(Images/nav-left-first-off.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	width:48px;
}

td.nav-right-last {
	background-image:url(Images/nav-right-last-off.png);
}
		
.menu li:hover td.nav-left-first {
	background-image:url(Images/nav-left-first-over.jpg);
}

.menu li:hover td.nav-left {
	background-image:url(Images/nav-left-over.jpg);
}

.menu li:hover td.nav-middle {
	background-image:url(Images/nav-middle-over.jpg);
}
.menu li:hover td.nav-right {
	background-image:url(Images/nav-right-over.jpg);
}

.menu li:hover td.nav-right-last {
	background-image:url(Images/nav-right-last-over.png);
}
	
table.top-level-nav {
	height:27px;
}

table.active-nav td.nav-left-first{
	background-image:url(Images/nav-left-first-on.jpg) !important;	
}
table.active-nav td.nav-right-last{
	background-image:url(Images/nav-right-last-on.png) !important;	
}		
table.active-nav td.nav-left{
	background-image:url(Images/nav-left-on.jpg) !important;	
}

table.active-nav td.nav-middle{
	background-image:url(Images/nav-middle-on.jpg) !important;	
}

table.active-nav td.nav-right{
	background-image:url(Images/nav-right-on.jpg) !important;	
}

table.top-level-nav td a, table.top-level-nav td a:hover  {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#421616; 
	padding:0px;
}
	
/* ADX MENU CUSTOMISATIONS
****************************************/

.menu ul li:first-child>a {
	border-top:1px solid #E6D7C6;
}

.menu ul {
	width:200px;	
}

.menu ul li {
	background-image:url(Images/menu-li-bg-off.jpg);
	background-position: 0px bottom;
	background-repeat:no-repeat;	
}

.menu li:hover {
	background-image: url(Images/menu-li-bg-on-lvl1.jpg);
}

.menu ul li li:hover {
	background-image: url(Images/menu-li-bg-on-lvl2.jpg);
} 

.menu li, .menu a {
	font-family:Arial, Helvetica, sans-serif;
	color:#421616;
	font-size:12px; 
	font-weight:normal;
}

.menu a {
	text-decoration: none;
	padding: .4em 1em;
	padding-top:5px;
	padding-bottom:12px;
	display: block;
	position: relative;
}
	
.menu a:hover, .menu li:hover>a {
	color: #FFFFFF;
}

.menu li:hover:first-child td{
	height:20px;
}

.menu>li {
	height:38px;
}

.menu>li:hover {
	background-image:none;
	background-color:none;
}

.menu li li:hover>ul {	
	left: 204px !important;
}

/* STICKY FOOTER (http://www.cssstickyfooter.com)
****************************************/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;width:100%;}

#main {
	/*overflow:auto;*/
	padding-bottom: 81px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -81px; /* negative value of footer height */
	height: 81px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* GOOGLE MAP
****************************************/

div.map-popup, div.map-popup td {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

div.map-popup td {
	vertical-align:bottom;	
}

div.map-break {
	height:15px;	
}
