@charset "utf-8";
/*========== 
CSS Document by ben king
==========*/

/*========== reset ==========*/
html{min-height:100%; margin-bottom:1px;}
html a{outline:0;}
html:focus {outline:0;}
img{border:none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, em, font, img,
small, strike, strong,
b, u, i, center, ul, li,
fieldset, form, label, legend, caption{
border:0;
margin:0;
outline:0;
padding:0;
}
ul{list-style:none;}
del{text-decoration:line-through;}
.wrap-l{float:left;}
.wrap-r{float:right;}
.paddbot20{padding-bottom:20px;}
.paddbot10{padding-bottom:10px;}
.paddtop20{padding-top:20px;}

/*==== main styles ====*/
body{
font-family: Arial, Helvetica, sans-serif;
color:#333;
}
#swrap{
width:880px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#conainer{
width:840px;
float:left;
padding:0px 20px;
background: url(../images/content-shadow.png) repeat-y center;
}
#topimage{
float:left;
width:832px;
padding:4px;
height:294px;
}
.content{
	float:left;
	width:800px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.contentgallery{
	float:left;
	width:800px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.contentgallery_text{
	padding-left:15px;
}

.content ul{
margin:0;
padding-bottom:10px;
color:#808285;
}
.content li{
list-style:disc;
font-size:12px;
line-height:16px;
margin-left:20px;
}
.content-inner{
	width:700px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.content-inner2{
	width:700px;
	margin-bottom: 20px;
}

#footer{
width:840px;
float:left;
height:40px;
text-align: center;
padding:20px 0px 0px;
border-top:1px solid #f3f3f3;
color:#cccccc;
text-transform:capitalize;
}
#footer p{
color:#cccccc;
}
#footer a{color:#cccccc;}
#footer a:hover{color:#2a2a4f;}

/*==== set up for backgrounds, add id to body tag ====*/
#body-bg1{background:url(../images/body-bg1.jpg) no-repeat center 160px}
#body-bg2{}
#body-bg3{}
#body-bg4{}
#body-bg5{}

/*==== font and link styles ====*/
h1, h2, h3, h4, h5, h6{
margin:0; 
color:#2a2a4f;
font-style:italic;
font-weight:bold;
}
h1{
font-size:18px;
margin-bottom:15px;
line-height:20px;
}
h2{
font-size:16px;
margin-bottom:5px;
margin-top:15px;
line-height:16px;
}
h3{
font-size:14px;
margin-bottom:10px;
}

h3 em{
margin-bottom:10px;
text-transform:none;
font-weight:normal;
color:#B2B2B2;
font-style:normal;
text-shadow:none;
font-size:12px;
}

h4{
font-size:14px;
margin-bottom:10px;
}
h5{
font-size:1.2em;
margin-bottom:0.5em;
text-transform:none;
}
p{
font-size:12px;
line-height:16px;
color:#808285;
}
a{
color:#2a2a4f;
text-decoration:none;
}
a:hover{
color:#016fac;
text-decoration:underline;
}

/*==== top ====*/
#top{
width:100%;
height:162px;
margin-left:auto;
margin-right:auto;
background:#fff url(../images/top-bg.png) top repeat-x;
}
#logo-wrap{
margin-left:auto;
margin-right:auto;
width:292px;
height:91px;
}
#logo, logo a{
width:292px;
height:91px;
background:url(../images/logo.png) no-repeat top center;
float:left;
}

/*==== menu ====*/
#menu{
width:840px;
margin-left:auto;
margin-right:auto;
height:62px;
padding: 9px 0px 0px;
}
#menu ul{
list-style:none;
padding:0;
margin:0;
}
#menu li{
padding:0;
margin:0;
float:left;
}
#menu li a{
	text-align:center;
	color:#fff;
	float:left;
	display:block;
	text-decoration:none;
	margin:0;
	font-size:12px;
	text-transform:capitalize;
	height:19px;
	padding-top: 8px;
	padding-bottom: 4px;
}
#menu li a:hover, li#menuactive a{
color:#fff;
background:#016fac;
}


.menuborder{	
border-right:solid 1px #2a2a4f;
}

/*==== home page ====*/
#homemain{
	background-image:url(../images/home_otagorescue.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#homecolumns{
	width:711px;
	margin-left:auto;
	margin-right:auto;
}

.homerescuelink{
	margin-top:330px;
}

#home-left{
float:left;
width:129px;
}
#home-mid{
float:left;
width:394px;
margin-right:10px;
}
#home-right{
float:right;
width:177px;
}
#services-box-home{
text-align:center;
float:left;
margin-top:13px;
margin-bottom:5px;
padding-right:10px;
text-align:center;
padding-left:9px;
}

#services-box-home a{
	text-decoration:none;
	color:#919294;
	font-size:11px;
}

#services-box-home a:hover{
	text-decoration:underline;
}

#services{
	width:455px;
	margin-left:auto;
	margin-right:auto;
}

.service_indent{
	margin-left:50px;
}


/*==== page div layouts, there are some repaeated syles here, but becouse of the nature/layout of this site i have kept them seperate so they are editable per page if need be ====*/
/*==== fleet ====*/
.fleet-left{
	float:left;
	width:260px;
}
.fleet-mid{float:left; width:284px; padding-left:5px;}
.fleet-mid img{margin-bottom:10px;}
.fleet-right{float:left; width:138px; padding-left:8px;}
.fleet-right2{width:420px; float:right;}
.fleet-right2 img{margin:1px;}

/*==== commercial operations ====*/
.comm-left{float:left; width:290px;}
.comm-right{width:406px; float:left;}
#commercial-part3{background:url(../images/commercial-5.jpg) no-repeat top left; height:790px;
margin-left:50px;}
#commercial-box-part3{float:left; padding-left:374px; padding-top:340px;}

/*==== longline liveline ====*/
.line-left{float:left; width:420px;}
.line-right{width:270px; float:left; padding-left:10px;}

.line-left2{float:left; width:340px; padding-right:10px;}
.line-right2{width:350px; float:left;}

.line-left3{float:left; width:300px;}
.line-right3{width:390px; float:left; padding-left:10px;}

#stringingbg{
	background-image:url(../images/longline-liveline5.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#underslung{
	padding-left:213px;
}

#mounted{
	padding-left:400px;
	padding-top:40px;
}

/*==== agricultural  ====*/
.agri-left{float:left; width:428px;}
.agri-right{width:250px; float:left; padding-left:20px;}
#thisil{ width:150px; height:150px; right:-20px; bottom:0; }
.agri-left2{float:left; width:324px; padding:0px 30px 0px 0px;}
.agri-right2{width:346px; float:left;}
.agri-left3{float:left; width:180px; padding-right:10px;}
.agri-right3{width:510px; float:left;}
#agri6{ background:url(../images/agricultural-8.jpg) bottom left no-repeat;}
#agri6div{padding-top:230px; width:280px; padding-left:60px;
padding-bottom:70px;}

.agri-left_spray{float:left; width:400px;}
.agri-right_spray{width:275px; float:left; padding-left:15px;}

#spraying_bg{
	background-image:url(../images/agricultural-4.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

/*==== training ====*/
.training-left{float:left; width:399px;}
.training-leftnvg{float:left; width:360px;}
.training-right{width:285px; float:left; padding-left:10px;}
.training-left2{float:left; width:290px; padding:0px 30px 0px 0px;}
.training-right2{width:375px; float:left;}

/*==== night vision ====*/
.vision-left{float:left; width:410px; padding-right:11px;}
.vision-right{width:275px; float:left;}
.vision-left2{float:left; width:290px; padding:0px 30px 0px 0px;}
.vision-right2{width:480px; float:left;}

#googles_bg{
	background-image:url(../images/night-vision2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-left:30px;
}

/*==== ambulance ====*/
.ambulance-left{float:left; width:376px; padding:0px 10px 0px 0px;}
.ambulance-right{width:290px; float:left; padding-left:20px;}
.ambulance-left2{float:left; width:392px;}
.ambulance-right2{width:292px; float:left; padding-left:15px;}
.ambulance-left3{float:left; width:290px;}
.ambulance-right3{width:480px; float:left;}

#airambulance_bg{
	background-image:url(../images/otagoresuce_airambulance.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

/*==== firefighting ====*/
.fire-left{float:left; width:342px; padding:0px 10px 0px 0px;}
.fire-right{width:290px; float:left;}
.fire-left2{float:left; width:290px; padding:0px 30px 0px 0px;}
.fire-right2{width:480px; float:left;}

/*==== contact ====*/
.contact-left{
	float:left;
	width:250px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 40px;
}

#contact-left h1{
	margin:0px;
	padding:0px;
}

#contact-left h1 a{
	margin:0px;
	padding:0px;
}

.contact-left2{float:left; width:397px;
padding-right:10px;
}


.contact-right{
width:475px; 
float:right;
background-image:url(../images/contact-2.jpg);
background-repeat:no-repeat;
background-position: left top;
padding-left:20px;
margin-bottom:10px;
}

.contact-rightlinks{
width:475px; 
float:right;
background-image:url(../images/contact-2.jpg);
background-repeat:no-repeat;
background-position: left top;
padding-left:20px;
margin-bottom:10px;
margin-top:90px;
}

.contact-right2{width:290px; float:left;}

#contactmain{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#contact_content{
	padding-left:180px;
	margin-top:25px;
}

#contact_content2{
	padding-left:180px;
	padding-top:25px;
}

#contact_content2 p{
	font-size:10px;
}

#contact_content2 h3{
	padding:0px;
	margin:0px;
	padding-top:5px;
}

#contact_content2 h2{
	padding:0px;
	margin:0px;
	padding-top:5px;
}

#contact_content h3{
	padding:0px;
	margin:0px;
	padding-top:5px;
}

#contact_content p{
	font-size:10px;
}

#contact_content strong{
	font-size:13px;
	color:#2a2a4f;
}


/*==== charter ====*/
.charter-left{float:left; width:327px; padding:0px 20px 0px 0px;}
.charter-right{width:336px; float:left;}

/*==== gallery ====*/
.gallery img{
	padding-bottom:5px;
}

.padding_image{
	padding-right:11px;
}

#features li{
	list-style:none;
	padding-bottom:5px;
}

#features li label{
	width:125px;
	display:block;
	float:left;
}

#instructors li{
	list-style:none;
	float:left;
	display:block;
	font-size:11px;
	padding-bottom:5px;
	margin-left:0px;
	padding-right:5px;
}

#instructors ul{
	margin:0px;
}

#firstmenu{
	height:31px;
}

#firstmenu li a{
	padding-left:30px;
	padding-right:30px;
}

#secondmenu{
	margin:0px;
}

#secondmenu li a{
	padding-left:16px;
	padding-right:16px;
}

#base_contacts {
	margin:0px;
	padding:0px;
	list-style:none;
}

#base_contacts li{
	margin:0;
	list-style:none;
	float:left;
	padding-right:10px;
	font-size:12px;
}

.sliderwrapper{
	position: absolute; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 832px; /*width of featured content slider*/
	height: 294px;
	margin-right: auto;
	margin-left: auto;
}

.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;
	width: 832px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 294px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background-color: #e3ebea;
}

.pagination{
width: 460px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
visibility:hidden;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #FFFFFF;
background: #000000;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

#commerical_list{
	margin:0px;
	padding:0px;

}

#commerical_list li{
	float:left;
	padding-right:5px;
	font-size:13px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }