/*

Theme Name: Alpine Horse Safaris

Theme URI: http://www.avatar.co.nz

Description: Alpine Horse Safaris theme by <a href="http://www.avatar.co.nz">Avatar</a>

Version: 1

Author: Avatar

Author URI: http://www.avatar.co.nz

Tags: avatar

*/



/* Header

-------------------------------------------------------------- */



* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc);}



body {

	font-family: 'Droid Sans', Arial, sans-serif;

	font-size: 13px;

	line-height: 20px;

	color: #333;

	margin: 0;

	background: url(bg.jpg) no-repeat center center fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.bg.jpg', sizingMethod='scale');

	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";

}

#container {

	width: 960px;

	margin: 0 auto;

}

a img {

	border: none;

}



/* Header

-------------------------------------------------------------- */



#header {

	width: 960px;

	height: 106px;

	position: relative;

}

#logo {

	position: absolute;

	width: 275px;

	height: 133px;

	top: 0;

	left: 10px;

	z-index: 500;

}



/* Menu

-------------------------------------------------------------- */



#menu-container {

	float: right;

	position: relative;

	width: 660px;

	height: 60px;

	margin-top: 46px;

	background: url(images/menu-bg.png);

}

#menu-container ul {

	list-style-type: none;

	width: 660px;

	height: 60px;

	padding: 0;

	margin: 10px 10px 0 10px;

}

#menu-container ul li {

	float: left;

	margin: 0;

	padding: 0;

	position: relative;

	z-index: 200;

}

#menu-container ul li a {

	display: block;

	font-family: 'Droid Serif', serif;

	padding: 18px 9px 19px 11px;

	color: #333;

	font-size: 13px;

	line-height: 13px;

	text-decoration: none;

	text-transform: uppercase;

	text-shadow: 1px 1px 1px #fff;

	background: url(images/menu-divider.gif) top left no-repeat;

}

#menu-container ul li:first-child a {

	background-image: none;

}

#menu-container ul li:last-child a {

	padding-right: 0;

}

#menu-container ul li a:hover, #menu-container ul li.active a {

	color: #DE4B2F;

	text-decoration: none;

}

#menu-container ul ul {

	display: none;

}



/* --------- Drop downs --------- */



#menu-container li ul.sub-menu {

	display: none;

	position: absolute;

	z-index: 200;

	clear: both;

	width: 210px;

	top: 50px;

	margin: 0;

}

#menu-container li ul.sub-menu:hover {

	display: block;

}

#menu-container li ul.sub-menu li {

	clear: both;

	padding: 0;

	margin: 0;

	float: left;

}

#menu-container li ul.sub-menu li a {

	display: block;

	width: 210px;

	color: #333;

	font-size: 13px;

	line-height: 13px;

	padding: 10px 11px;

	font-weight: normal;

	text-decoration: none;

	text-transform: none;

	text-shadow: none;

	background: #fff;

}

#menu-container li ul.sub-menu li a:hover, #menu-container li ul.sub-menu li.active a {

	color: #fff;

	text-decoration: none;

	background: #DE4B2F;

}

#menu-container li ul.sub-menu ul {

	display: none;

	margin-left: 210px; /* ul width */

	top: 0;

}

#menu-container li ul.sub-menu ul li a:hover {

	background-color: #DE4B2F;

	color: #fff;

}



/* Slider

-------------------------------------------------------------- */



#slider {

	width: 100%;

	height: auto;

	position: relative;

	border: 5px solid #fff;

	box-shadow: 0 0 5px #999;

}

#slider-border {

	width: 100%;

	height: auto;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 99;

}

.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

	bottom: 15px;

	right: 15px;

	z-index: 100;

}

#sect-banner {

	width: 100%;

	height: 375px;

	border: 5px solid #fff;

	box-shadow: 0 0 5px #999;

	position: relative;

}



/* Body

-------------------------------------------------------------- */



#body-container {

	float: left;

	width: 940px;

	margin-left: 10px;

	background: url(images/body-bg.png);

}

#body {

	float: left;

	width: 700px;

	padding: 28px 10px 45px 15px;

}

h1 {

	font-family: 'Droid Serif', serif;

	color: #DE4B2F;

	font-size: 26px;

	line-height: 26px;

	font-weight: bold;

	text-transform: uppercase;

	text-shadow: 1px 1px 1px #666;

	margin: 0 0 15px 0;

	padding: 0 0 10px 0;

	background: url(images/hr.png) bottom left repeat-x;

}

h2 {

	font-family: 'Droid Serif', serif;

	color: #DE4B2F;

	font-size: 20px;

    font-weight: bold;

	text-transform: uppercase;

	margin: 20px 0 0 0;

}

h3 {

	font-family: 'Droid Serif', serif;

	color: #333;

	font-size: 15px;

	font-weight: bold;

	margin: 0;

}

p, ul {

	margin: 0 0 12px 0;

}

a {

	color: #DE4B2F;

	text-decoration: none;

}

a:hover {

	color: #DE4B2F;

	text-decoration: underline;

}

hr {

   clear: both;

   border: 0;

   height: 2px;

   width: 100%;

   background: url(images/hr.png) 0 0 repeat-x;

   margin: 1em 0;

}

.cite {

   font-size: 12px;

   line-height: 15px;

}

div.ddsg-wrapper p {

	display: none;

}

.datetime {

	font-size: 11px;

}

.left {

	float: left;

	margin: 0 5px 0 0;

}

.right {

	float: right;

	margin: 0 0 0 5px;

}

.mapp-map-links {

    font-size: 11px;

    text-align: right;

	font-family: 'Droid Sans', Arial, sans-serif;

}

.clear-floats {

	clear: both;

}



/* Forms

-------------------------------------------------------------- */







/* Sidebar

-------------------------------------------------------------- */



#sidebar {

	float: left;

	width: 230px;

	margin: 25px 0 45px 0;

}

#ctas {

	width: 230px;

}

a.cta {

	display: block;

	width: 230px;

	height: 70px;

	background: url(images/cta.png) 0 0;

	color: #333;

	text-decoration: none;

	padding: 17px 0 0 20px;

}

#ctas a:hover {

	background-position: 0 70px;

	color: #333;

	text-decoration: none;

}

#ctas h2, #ctas p {

	margin: 0;

	color: #333;

	text-shadow: 1px 1px 1px #fff;

}

#ctas p {

	font-size: 12px;

	line-height: 15px;

	text-transform: uppercase;

}

#testimonial-container {

	/* float: left; */

	width: 220px;

	margin: 15px 0 0 5px;

	background: url(images/quote-open.png) top left no-repeat;

}

#testimonial-slider p {

	background: url(images/quote-close.png) bottom right no-repeat;

	padding: 0 20px 0 25px;

	margin: 2px 0 10px 0;

	font-style: italic;

}

#testimonial-slider p.cite, #testimonial-slider p.read-more {

	background: none;

	font-size: 12px;

	line-height: 15px;

	font-style: normal;

	text-align: right;

	padding: 0;

}

#testimonial-slider p.cite {

	font-weight: bold;

}

#qualmark {

	/* float: left; */

	width: 100px;

	margin: 40px 0 0 83px;

}


.TA_cdsratingsonlynarrow {

	margin: 16px 0 0 65px;

 }


/* WordPress Core

-------------------------------------------------------------- */



.alignnone {

    margin: 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

	clear: right;

    margin: 4px 0 20px 20px;

	border: 5px solid #fff;

	box-shadow: 0 0 5px #999;

}



.alignleft {

    float: left;

    margin: 4px 20px 20px 0;

	border: 5px solid #fff;

	box-shadow: 0 0 5px #999;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 12px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Footer

-------------------------------------------------------------- */



#footer {

	clear: both;

	float: left;

	width: 940px;

	margin-left: 10px;

	padding: 15px;

	background: url(images/footer-bg.png);

}

#footer p {

	margin: 0 0 12px 0;

}

#footer a {

	color: #fff;

	text-decoration: none;

}

#footer a:hover {

	color: #DE4B2F;

	text-decoration: none;

}

#copyright {

	float: left;

	width: 45%;

}

#footer-links {

	float: right;

	width: 45%;

	text-align: right;

}

#footer-links a {

	margin: 0 0 0 15px;

}

#footer p#avatar-link {

	margin: 6px 0 0 0;

}

#avatar-link a {

	color: #A6A898;

}

#avatar-link a:hover {

	color: #DE4B2F;

}

.social-link {

	position: relative;
	padding-left: 40px;

}

.social-link:before {

	background-repeat: no-repeat;
	background-position: left center;

}

.social-link--facebook:before {

	content: '';
	position: absolute;
	left: 0;
	top: -8px;
	width: 32px;
	height: 32px;
	background-image: url( images/facebook-alpine-horse.png );

}


/*gravity forms - booking form - textarea width*/

#gform_wrapper_2 textarea {width:311px !important;}



/*Map width adjustment*/

.mapp-layout {

	width: 670px !important;

	margin-bottom: 20px !important;

}