@charset "UTF-8";

@media all{
	
	html{
		height: 100%;
	}
	
	body{
		font-family: 'Open Sans', Helvetica, sans-serif;
		font-size: 105%;
		height: 100%;
		margin: 0px;
		background-image: url(../../images/background/background-1140.png);
		background-position: center;
		background-repeat: repeat-y;
	}
	
	iframe{
		border: none;
	}

	
	/*	//////////////////////////////////////////////////
		BUILD
														*/		
		div#wrapper{
			position: relative;
			top: 0px;
			left: auto;
			width: 100%;
			max-width: 1140px;
			height: auto;
			margin: auto;
			z-index: 20;
		}
		
	/*	//////////////////////////////////////////////////
		SETTINGS
														*/
		nav{
			width: 100%;
			display: block;
			height: auto;
		}
		code{
			font-family: monospace;
			color: #009999;
		}
		
	/*	//////////////////////////////////////////////////
		HEADER
														*/
		nav{
		 	color: #f9f8f7;
			background-image: url(../../images/background/fullcolor_dark.png?v=2);
			background-repeat: repeat;
		}
		
				
		
	/*	//////////////////////////////////////////////////
		NAVIGATION
														*/
		nav{
			text-align: center;
			height: auto;
			min-height: 50px;
		}
			nav div{
				font-size: 130%;
				width: auto;
				min-width: 38px;
				height: 14px;
				display: none;
			}
				nav div#handheld-menu-button{
					margin: 18px auto auto 20px;
				}
				nav div.handheld-menu-text{
					margin: 9px auto auto 10px;
				}
			
			nav ul{
				padding: 9px 35px 10px 0px;
				margin-bottom: 0px;
				margin-top: 0px;
			}
				nav ul li{
					font-size: 130%;
					text-align: center;
					list-style-type: none;
					margin: auto 25px;
					display: inline;
				}
			nav a:link,
			nav a:active,
			nav a:visited{
				text-decoration: none;
			}
			nav a:hover{
				text-decoration: underline;
			}
		
	/*	//////////////////////////////////////////////////
		MAIN CONTENT
														*/
		div#main_content{
			min-height: 800px;
			background-image: url(../../images/background/background-1140.png);
			background-position: center;
			background-repeat: repeat-y;
		}
			div#main_content div#main_contentInnerContainer{
				text-align: left;
				max-width: 90%;
				margin: 0px auto;
				padding-top: 20px;
			}
		
		
	/*	//////////////////////////////////////////////////
		TEXT
														*/
		p{
			text-align: justify;
			margin: 1.0em auto;
		}
		
		a:link,
		a:active,
		a:visited{
			font-family: inherit;
			font-size: inherit;
			color: inherit;
			text-decoration: underline;
		}
		a:hover{
			text-decoration: none;
		}
		
		span{
			font-size: inherit;
		}
		
		h1, h2, h3, h4, h5, h6{
			font-family: inherit;
		}
		h1{	/*	Main headline for each page	*/
			font-size: 155%;
			margin: 1.5em auto;
		}
		h2{
			font-size: 125%;
			margin: 1.4em auto;
		}
		h3{
			font-size: 115%;
			margin: 1.3em auto 0.5em auto;
		}
		h4{
			font-size: 110%;
			margin: 1.3em auto 0.5em auto;
		}
		h5{
			font-size: 105%;
			margin: 1.3em auto 0.5em auto;
		}
		h6{
			font-size: 107%;
			margin: 1.3em auto 0.5em auto;
		}
		
	/*	//////////////////////////////////////////////////
		TABLE
														*/
		table{
			border-collapse: collapse;
			margin-bottom: 1.0em;
		}
		
		table td,
		table th{
			text-align: left;
			vertical-align: top;
			padding: 0.2em 0.7em 0.3em 0.3em;
		}
		
		table.list{
		}
			table.list thead th,
			table.list thead td{
				color: #42210b;
			}
			table.list tbody th,
			table.list tbody td{
				padding: 0.2em 0.7em 0.3em 0.3em;
			}
		
		div.tableStyleTh,
		div.tableStyleTd{
			float: left;
			padding: 0.2em 0.7em 0.3em 0.3em;
			box-sizing: border-box;
		}
		div.tableStyleTh{
			font-weight: bold;
			width: 29.99999%;
		}
		div.tableStyleTd{
			width: 69.99999%;
		}
		
	/*	//////////////////////////////////////////////////
		MEDIA
														*/
		div.responsiveImageHolder,
		div.responsiveImageHolderHeaderImage{
			padding: 0 6px;
			float: left;
			width: 24.99999%;
			box-sizing: border-box;
		}
		div.responsiveImageHolder{
			width: 24.99999%;
		}
		div.responsiveImageHolderHeaderImage{
			width: 49.99999%;
			padding: 6px 1.0em 1.0em 0px;
		}
			div.responsiveImageHolder figure,
			div.responsiveImageHolderHeaderImage figure{
				border: solid 0.1em #cccccc;
			}
			div.responsiveImageHolder figure:hover,
			div.responsiveImageHolderHeaderImage figure:hover{
				border: solid 0.1em #333333;
			}
				div.responsiveImageHolder figure img,
				div.responsiveImageHolderHeaderImage figure img{
					width: 100%;
					height: auto;
				}
				div.responsiveImageHolder figure figcaption,
				div.responsiveImageHolderHeaderImage figure figcaption{
					text-align: center;
				}
		
		div#imageViewerContainer{
			position: fixed;
			top: 50%;
			left: 50%;
			width: 50px;
			height: 20px;
			border: double 3px #333333;
			border-radius: 1.5em;
			background-color: #ffffff;
			/*box-shadow: 0px 0px 15px #888888;*/
			padding: 15px;
			margin: -15px auto auto -46px;
			z-index: 200;
		}
			div#imageViewerContainer figure{
				text-align: center;
				margin: 0.3em 0.5em;
			}
				div#imageViewerContainer figure figcaption{
					height: 14px;
					overflow: hidden;
				}
		
		figure{
			margin: 0px;
			margin-bottom: 0.5em;
		}
			figure figcaption{
				font-size: 70%;
				padding-bottom: 0.5em;
			}
		
	/*	//////////////////////////////////////////////////
		POPUP
														*/
		div#basicPopup{
			position: fixed;
			top: 50%;
			left: 50%;
			width: 100%;
			height: 100%;
			max-width: 500px;
			max-height: 200px;
			border: dashed 0.1em #333333;
			border-radius: 1.5em;
			background-color: #ffffff;
			box-shadow: 0px 0px 15px #888888;
			margin: -150px auto auto -250px;
			z-index: 200;
		}
		div#basicPopupFullscreen{
			position: fixed;
			top: 5%;
			left: 5%;
			width: 90%;
			height: 90%;
			border: dashed 0.1em #333333;
			border-radius: 1.5em;
			background-color: #ffffff;
			box-shadow: 0px 0px 15px #888888;
			z-index: 200;
		}
			div#basicPopupFullscreen,
			div#basicPopup{
				overflow: scroll;
			}
				div#basicPopup div#basicPopupInnerContainer{
					padding: 2.0em 3.0em;
				}
				div#basicPopupFullscreen  div#basicPopupInnerContainer,
				div#basicPopupFullscreen  div#basicPopupInnerContainer div#fullscreenMapContainer{
					width: 100%;
					height: 100%;
				}
					div#basicPopup div#basicPopupInnerContainer p,
					div#basicPopupFullscreen  div#basicPopupInnerContainer p{
						padding-left: 1.0em; 
					}
					
		div#popup_cover, div#popup_cover_invisible{
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			z-index: 190;
		}
			div#popup_cover{
				background-color: #000000;
				opacity: 0.8;
				filter: Alpha(opacity=80);	/*	<= IE8 */
			}
			div#popup_cover_invisible{
			}
			
		.closeWindowButton{
			position: absolute;
			top: 10px;
			right: 10px;

			z-index: 300;
		}
		
	/*	//////////////////////////////////////////////////
		GOOGLE MAPS
														*/
		div#initial-map-holder_container{
			width: 100%;
			height: 220px;
		}
			div#initial-map-holder_container div#initial-map-holder_map{
				width: 100%;
				height: 85%;
				border: solid 0.2em #333333;
			}
			div#initial-map-holder_container div#initial-map-holder_text
			{
				font-size: 80%;
				padding: 0.2em 0.7em;
			}
			
	/*	//////////////////////////////////////////////////
		FORM
														*/
		input, textarea, select{
			font-family: 'Open Sans', Helvetica, sans-serif;
			font-size: 95%;
		}
		input, textarea, select{
			width: 90%;
			max-width: 400px;
			padding: 0.3em 0.5em;
		}
			input.half,
			select.half{
				max-width: 195px;
			}
		
		select.small,
		input[type=text].small,
		input[type=number].small{
			width: 9.0em;
		}
		
		select.smaller,
		input[type=text].smaller,
		input[type=number].smaller{
			width: 5.0em;
		}
		
		input[type=submit],
		input[type=button],
		input[type=checkbox],
		input[type=radio]{
			width: auto;
		}
		
		textarea{
			width: 90%;
			height: 15em;
		}
		textarea.big{
			width: 800px;
			height: 30em;
		}
		
		button{
			padding: 0.7em 1.3em;
			font-size: 90%;
		}
		
	/*	//////////////////////////////////////////////////
		OTHER DIV, CLASS, ETC
														*/
		
		iframe.hidden{
			width: 0px;
			height: 0px;
		}
		
		div.imageThumbnail{
			height: 50px;
			width: auto;
			border: solid 0.1em #999999;
			padding: 0.3em;
			margin-right: 0.5em;
		}
		div.imageThumbnail:hover{
			background-color: #eeeeee;
		}
			div.imageThumbnail img{
				width: auto;
				height: 100%;
			}
		
		div#speciesQuickFactsContainer{
			margin-bottom: 2.5em;
		}
		
		div#vehicleMenu{
			text-align: right;
			border: solid 0.1em #333333;
			border-radius: 0.5em;
			padding: 0.3em 0.5em;
			margin-bottom: 1.5em;
			background-image: url(../../images/background/fullcolor_light_2.png?v=1);
			background-repeat: repeat;
		}
			div#vehicleMenu a:link,
			div#vehicleMenu a:active,
			div#vehicleMenu a:visited{
				font-family: inherit;
				font-size: 90%;
				color: inherit;
				text-decoration: none;
			}
			div#vehicleMenu a:hover{
				color: #999999;
				text-decoration: none;
			}
		
		div.vehicle{
			border: solid 0.1em #666666;
			border-radius: 0.5em;
			margin-bottom: 1.5em;
		}
			div.vehicle div.header{
				font-weight: bold;
				border-bottom: solid 0.1em #666666;
				border-radius: inherit;
				padding: 0.5em 1.0em;
				background-image: url(../../images/background/fullcolor_mid.png?v=1);
				background-repeat: repeat;
			}
				div.vehicle div.header div.icon{
					margin-top: -4px;
				}
			div.vehicle div.content{
				padding: 0.5em 1.0em;
			}
				div.vehicle div.content div.serviceContainer{
					border: solid 0.1em #999999;
					border-radius: 0.5em;
					margin-bottom: 2.0em;
				}
					div.vehicle div.content div.serviceContainer div.subHeader{
						border-bottom: solid 0.1em #dddddd;
						font-weight: bold;
						padding: 1.0em 0em 1.0em 0.4em;
					}
					div.vehicle div.content div.serviceContainer div.subContent{
						padding: 0.4em 0.7em;
					}
						div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer{
							border-top: solid 0.1em #333333;
						}
						
						div.vehicle div.content div.serviceContainer div.subContent div.sihTh1,
						div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer div.sicTd1{
							padding: 0.5em 0em;
							width: 14.9%;
						}
						div.vehicle div.content div.serviceContainer div.subContent div.sihTh2,
						div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer div.sicTd2{
							padding: 0.5em 0em;
							width: 24.9%;
						}
						div.vehicle div.content div.serviceContainer div.subContent div.sihTh3,
						div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer div.sicTd3{
							padding: 0.5em 0em;
							width: 54.9%;
						}
						div.vehicle div.content div.serviceContainer div.subContent div.sihTh4,
						div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer div.sicTd4{
							padding: 0.5em 0em;
							width: 4.9%;
							text-align: right;
						}
						div.vehicle div.content div.serviceContainer div.subContent div.serviceItemHeader{
							font-weight: bold;
						}
						div.vehicle div.content div.serviceContainer div.subContent div.sihTdContainer div.serviceItemContent{
						}
						
						div.vehicle div.content div.serviceContainer div.subContent span.sicInlineHead,
						div.vehicle div.content div.serviceContainer div.subContent span.sicInlineContent{
							padding-right: 0.5em;
							display: none;
						}
						div.vehicle div.content div.serviceContainer div.subContent span.sicInlineHead{
							font-weight: bold;
						}
						
						div.vehicle div.content div.serviceContainer div.subContent sicInlineContentAddImage{
							float: right;
						}
						
		
	/*	//////////////////////////////////////////////////
		INFO-BOXES
														*/
		.boxInfo,
		.boxError,
		.boxSuccess,
		.boxWarning{
			position: relative;
			padding: 0.8em 0.8em 0.8em 45px;
			margin-bottom: 1em;
			clear: both;
			overflow: hidden;
		}
		.boxInfo{
			color: #205791;
			background-color: #d5edf8;
			border: solid 2px #92cae4;
		}
		.boxError{
			color: #912020;
			background-color: #f8d5d5;
			border: solid 2px #e49292;
		}
		.boxSuccess{
			color: #2d9120;
			background-color: #daf8d5;
			border: solid 2px #9ee492;
		}
		.boxWarning{
			color: #c3b516;
			background-color: #fffcd7;
			border: solid 2px #fcf05e;
		}
			.boxInfo .symbol,
			.boxError .symbol,
			.boxSuccess .symbol,
			.boxWarning .symbol{
				position: absolute;
				top: 8px;
				left: 5px;
			}
			
	/*	//////////////////////////////////////////////////
		SPRITE ICONS
														*/
		.icon,
		.icon-large{
			background-image: url(../../images/buttons-and-icons/sprite-icons.png?v=2);
			display: inline-block;
		}
		.icon{
			width: 36px;
			height: 30px;
		}
		.icon-large{
			width: 15px;
			height: 11px;
		}
		
		div.icon-xxxx{ background-position: 0 0; }
		div.icon-xxxx:hover{ background-position: -36px 0; }
		
		div.icon-trashcan{ background-position: 653px 460px; }
		
		div.icon-plus-add{ background-position: 502px 574px; }
		
		div.icon-copy{ background-position: 239px 649px; }
		
		div.icon-pen{ background-position: 465px 236px; }
			
		div.icon-image{ background-position: 764px 536px; }
			
		div.icon-odo-clock{ background-position: 316px 536px; }
			
	/*	//////////////////////////////////////////////////
		SPRITE INFO AND BUTTONS
														*/
	.sprite{
		background-image: url(../../images/buttons-and-icons/sprite-info-buttons.png?v=1);
	}
	div.sprite-symbol{
		display: inline-block;
	}
	
	.symbol-check-1{
		width: 18px;
		height: 17px;
		background-position: 0 0;
	}
	.symbol-check-1-false{
		width: 18px;
		height: 17px;
		background-position: -18px 0;
	}
	.symbol-check-1-alert{
		width: 18px;
		height: 17px;
		background-position: -36px 0;
	}
	.symbol-check-1-help{
		width: 18px;
		height: 17px;
		background-position: -54px 0;
	}
	.symbol-check-1-blank{
		width: 18px;
		height: 17px;
	}
	
	.symbol-info{
		width: 33px;
		height: 33px;
		background-position: -33px -21px;
	}
	.symbol-error{
		width: 33px;
		height: 33px;
		background-position: 0 -21px;
	}
	.symbol-success{
		width: 33px;
		height: 33px;
		background-position: -66px -21px;
	}
	.symbol-warning{
		width: 33px;
		height: 33px;
		background-position: -180px -81px;
	}
	
	.button-menu-handheld{
		width: 27px;
		height: 14px;
		background-position: -94px 0;
	}
	.button-close{
		width: 21px;
		height: 21px;
		background-position: -73px 0;
	}
	.button-next{
		width: 90px;
		height: 90px;
		background-position: -210px -53px;
	}
	.button-prev{
		width: 90px;
		height: 90px;
		background-position: -210px -143px;
	}
	
	.rss-feed{
		width: 28px;
		height: 28px;
		background-position: -180px -53px;
		margin-top: 40px;
	}
			
	/*	//////////////////////////////////////////////////
		MORE ICONS
														*/
	div.wait{
		background-image: url(../../images/buttons-and-icons/wait_spin.gif);
		width: 20px;
		height: 20px;
	}
	
	
	/*	//////////////////////////////////////////////////
		GLOBAL CLASSES
														*/
		.box{
			border: solid 0.2em #333333;
			padding: 1.0em;
			margin: 1.0em;
		}
		.cafter:after{
			display: block;
			visibility: hidden;
			content: " ";
			clear: both;
		}
		.cboth{
			clear: both;
		}
		.checkboxContainer{
			height: auto;
			max-height: 200px;
			overflow: scroll;
		}
		.cursor-help{
			cursor: help;
		}
		hr.divider{
			margin: 3.0em auto;
		}
		td.divider{
			height: 3.0em;
		}
		th.divider{
			width: 3.0em;
		}
		.fleft{
			float: left;
		}
		.frame{
			border: solid 0.2em #42210b;
			padding: 0.5em;
			margin: 0.5em;
		}
		.fright{
			float: right;
		}
		.head{
			margin-top: 1.0em;
		}
			li.head{
				font-weight: bold;
			}
		.marginLeftMed{
			margin-left: 3.5em;
		}
		.marginTopMed{
			margin-top: 3.5em;
		}
		.nobr{
			white-space: nowrap;
		}
		.point{
			cursor: pointer;
		}
		.red{
			color: #ff0033;
		}
		.responsiveColumnLeft{
			width: 59.99999%;
			float: left;
		}
		.responsiveColumnRight{
			width: 39.99999%;
			float: left;
		}
		.small{
			font-size: 90%;
		}
		.space{
			width: 50px;
		}
		.tcenter{
			text-align: center;
		}
		.tright{
			text-align: right;
		}
		
		.w10p{width: 9.99999%;}
		.w20p{width: 19.99999%;}
		.w30p{width: 29.99999%;}
		.w40p{width: 39.99999%;}
		.w50p{width: 49.99999%;}
		.w60p{width: 59.99999%;}
		.w70p{width: 69.99999%;}
		.w80p{width: 79.99999%;}
		.w90p{width: 89.99999%;}
}	/*	@media all */

@media screen and (max-width: 1000px){
	
	/*	//////////////////////////////////////////////////
		MEDIA
														*/
		div.responsiveImageHolder{
			width: 49.99999%;
		}
		div.responsiveImageHolderHeaderImage{
			width: 99.99999%;
			padding: 0 6px;
		}
	/*	//////////////////////////////////////////////////
		GLOBAL CLASSES
														*/
		.responsiveColumnLeft,
		.responsiveColumnRight{
			width: 99.99999%;
		}
		.responsiveColumnLeft{
			padding-bottom: 1.5em;
		}
}



@media screen and (max-width: 500px){
	
		
	/*	//////////////////////////////////////////////////
		TABLE
														*/
		div.tableStyleTh,
		div.tableStyleTd{
			width: 99.99999%;
		}
		div.tableStyleTd{
			padding-bottom: 1.0em;
		}
		
	/*	//////////////////////////////////////////////////
		MEDIA
														*/
		div.responsiveImageHolder{
			width: 99.99999%;
		}
		
	/*	//////////////////////////////////////////////////
		POPUP
														*/
		div#basicPopup{
			margin: -150px auto auto -161px;
		}
		
}

@media screen and (max-width: 650px){
	
	/*	//////////////////////////////////////////////////
		NAVIGATION
														*/
		nav{
			margin-bottom: 0px;
		}
			nav div{
				display: inline;
			}
			nav ul{
				display: none;
			}
				nav ul li{
					text-align: left;
					padding-left: 2.2em;
					display: list-item;
				}
				
	/*	//////////////////////////////////////////////////
		OTHER DIV, CLASS, ETC
														*/
		
		div.vehicle div.content div.serviceContainer div.subContent div#sihContainer{
			display: none;
		}
		div.vehicle div.content div.serviceContainer div.subContent div.sihTh1,
		div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer div.sicTd1,
		div.vehicle div.content div.serviceContainer div.subContent div.sihTh2,
		div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer div.sicTd2,
		div.vehicle div.content div.serviceContainer div.subContent div.sihTh3,
		div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer div.sicTd3,
		div.vehicle div.content div.serviceContainer div.subContent div.sihTh4,
		div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer div.sicTd4{
			width: 100%;
		}
		
		div.vehicle div.content div.serviceContainer div.subContent div.sihTh4,
		div.vehicle div.content div.serviceContainer div.subContent div.sicTdContainer div.sicTd4{
			text-align: left;
		}
		
		div.vehicle div.content div.serviceContainer div.subContent span.sicInlineHead,
		div.vehicle div.content div.serviceContainer div.subContent span.sicInlineContent{
			display: inline;
		}
		
		div.vehicle div.content div.serviceContainer div.subContent sicInlineContentAddImage{
			float: left;
		}
}

@media screen and (max-device-width: 568px) and (orientation: portrait){
	
	.icon{
		display: none;
	}
	
	/*	//////////////////////////////////////////////////
		FORM
														*/
		input, select{
			width: 10em;
			padding: 0.3em 0.5em;
		}
		
		input[type=text].smaller,
		input[type=number].smaller{
			width: 1.5em;
		}
}	/*	@media screen and (max-device-width: 568px) and (orientation: portrait){	*/

@media screen and (max-device-width: 568px) and (orientation: landscape){
}