/*----------------------------------------
Site Name: Salmonberry Tours
Developed by: Jeff Claeson - www.dreamtimemedia.com
Date Created: 06-2009
Last Updated: 
----------------------------------------*/


/* Elements
----------------------------------------*/
html {
background: #dbf4cd url(/images/layout/body-bg.png) top center;
}
body {
background: transparent url(/images/layout/bar-bg.png) 0 101px repeat-x;
}
#wrap {
width: 800px;
border-right: 3px solid #FFF;
border-left: 3px solid #FFF;
margin: 0 auto;
position: relative;
overflow: hidden;
background-color: #FFF;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-box-shadow: 0px 2px 6px rgba(0,0,0,.2);
}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:10px;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
a img 		{border: none;}
img.right {padding: 0 0 10px 10px;}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


/* Branding
----------------------------------------*/
#branding {
width:800px;
position: relative;
height: 141px;
}

#logo {
float: left;
margin: 0 0 0 10px;
position: relative;
display: block;
width: 240px;
height: 85px;
text-indent: -9999px;
background: url(/images/layout/logo.png) no-repeat;
}
#tagline {
background: url(/images/layout/tagline.png) no-repeat;
width: 265px;
height:21px;
text-indent: -9999px;
position: absolute;
left: 285px;
top: 50px;
}
#phone {
float: right;
clear: right;
margin: 17px 17px 0 0;
display: block;
width: 162px;
height: 46px;
text-indent: -9999px;
background: url(/images/layout/phone.png) no-repeat;
}

/* Nav
----------------------------------------*/

#mainNav {
position: absolute;
top: 92px;
left: 0;
height: 49px;
width: 800px;
overflow: hidden;
padding: 0;
margin: 0;
padding: 0;
background-image: url(/images/layout/nav.png);
background-position: 0 0;
list-style: none;
}
#mainNav li {
list-style: none;
position: absolute;
top: 0;
}
#mainNav li, #mainNav a {
height: 50px;
display: block;
text-indent: -9999px;
overflow: hidden;
background: none;
border: none;
margin: 0;
padding: 0;
}
li#nav-summer { left: 30px; width: 99px; }
li#nav-winter { left: 129px; width: 87px; }
li#nav-packages { left: 216px; width: 194px; }
li#nav-transfers { left: 410px; width: 219px; }
li#nav-gallery { left: 629px; width: 141px; }

li#nav-summer a:hover { background: transparent url(/images/layout/nav.png) -30px -50px no-repeat;}
li#nav-winter a:hover { background: transparent url(/images/layout/nav.png) -129px -50px no-repeat;}
li#nav-packages a:hover { background: transparent url(/images/layout/nav.png) -216px -50px no-repeat;}
li#nav-transfers a:hover { background: transparent url(/images/layout/nav.png) -410px -50px no-repeat;}
li#nav-gallery a:hover { background: transparent url(/images/layout/nav.png) -629px -50px no-repeat;}

li#nav-summer a.current, li#nav-summer a.current:hover { background: transparent url(/images/layout/nav.png) -30px -100px no-repeat;}
li#nav-winter a.current, li#nav-winter a.current:hover { background: transparent url(/images/layout/nav.png) -129px -100px no-repeat;}
li#nav-packages a.current, li#nav-packages a.current:hover { background: transparent url(/images/layout/nav.png) -216px -100px no-repeat;}
li#nav-transfers a.current, li#nav-transfers a.current:hover { background: transparent url(/images/layout/nav.png) -410px -100px no-repeat;}
li#nav-gallery a.current, li#nav-gallery a.current:hover { background: transparent url(/images/layout/nav.png) -629px -100px no-repeat;}


#topNav {
z-index: 10;
position: relative;
float: right;
height: 24px;
width: 303px;
overflow: hidden;
padding: 0;
margin: 0;
padding: 0;
background-image: url(/images/layout/top-nav.png);
background-position: top left;
list-style: none;
}
#topNav li {
list-style: none;
position: absolute;
top: 0;
}
#topNav li, #topNav a {
height: 24px;
display: block;
text-indent: -9999px;
overflow: hidden;
background: none;
border: none;
margin: 0;
padding: 0;
}
li#nav-home { left: 0; width: 49px; }
li#nav-about { left: 49px; width: 71px; }
li#nav-reserve { left: 120px; width: 100px; }
li#nav-contact { left: 220px; width: 83px; }

li#nav-home a:hover { background: transparent url(/images/layout/top-nav.png) 0 -24px no-repeat;}
li#nav-about a:hover, li#nav-about.current a { background: transparent url(/images/layout/top-nav.png) -49px -24px no-repeat;}
li#nav-reserve a:hover, li#nav-reserve.current a { background: transparent url(/images/layout/top-nav.png) -120px -24px no-repeat;}
li#nav-contact a:hover, li#nav-contact.current a { background: transparent url(/images/layout/top-nav.png) -220px -24px no-repeat;}

/* Main Content
----------------------------------------*/
#content {
position: relative;
width:800px;
overflow: hidden;
background: #f3f6f0 url(/images/layout/content-bg.png) repeat-y;
border-bottom: 3px solid #FFF;
}
.gallery #content {
background: #FFF;
}
#hero {
background: #5a5043 url(/images/layout/hero-bg.png) repeat-x top left;
height: 5px;
border-bottom: 3px solid #FFF;
overflow: hidden;
}
#home #hero {
padding: 15px 25px 18px 25px;
height: 183px;
}
#hero .summer, #hero .winter {
float: left;
width: 230px;
}
#hero .summer {
margin-right: 23px;
}
#hero h2 {
color: #FFF;
font-style: italic;
font-weight: bold;
margin: 10px 0 15px 0;
}
#hero ul {
list-style: none;
padding: 0;
}
#hero li a:link, #hero li a:visited {
padding: 5px 10px 5px 26px;
border: 1px solid #655846;
zoom: 1;
font-style: italic;
font-size: 11px;
margin-bottom: 8px;
display: block;
color: #FFF;
text-decoration: none;
background: url(/images/layout/grey-bullet.png) no-repeat 5px 50%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3);
}
#hero li a:hover {
border: 1px solid #df979d;
padding: 5px 10px 5px 26px;
background: #c5424c url(/images/layout/red-bullet.png) no-repeat 5px 50%;
}
#imageContainer img {
display: block;
position: absolute;
left: 527px;
top: 17px;
padding: 10px;
background: #655846;
border: 1px solid #413a30;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#subContent {
float: left;
display: inline;
width: 245px;
padding: 15px;
}
#subContent h2 {
color: #c12e3b;
font-style: italic;
font-size: 18px;
}
#gallery {
list-style: none;
padding:0;
}
#mainContent {
width: 465px;
float: left; 
display: inline;
overflow: hidden;
padding: 20px 30px;
}
.gallery #mainContent {
width: 740px;
}
.partners {
clear: both;
padding-top: 55px;
}
.rowbox {
margin: 0 20px 15px 0;
border: 1px solid #f3f6f0;
padding: 10px;
overflow: hidden;
}
.box, .boxalt {
margin: 0 25px 25px 0;
border: 4px solid #FFF;
padding: 8px;
overflow: hidden;
float: left;
width: 196px;
height: 200px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
}
.tall {
height: 280px;
}

.packages .box, .packages .boxalt {
height: 125px;
}
.boxalt {
margin-right: 0;
}
.box p, .boxalt p {
font-size: 11px;
line-height: 1.4;
}
.box:hover, .boxalt:hover, .rowbox:hover {
background: #fafafa;
cursor: pointer;
}
.box h3 a:link, .box h3 a:hover, .box h3 a:visited, .boxalt h3 a:link, .boxalt h3 a:hover, .boxalt h3 a:visited  {
font-size: 16px!important;
color: #45844C!important;
}
.box h3, .boxalt h3 {
line-height: 1.2;
}
.box img, .boxalt img {
margin: 0 0 5px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#booknow {
display: block;
text-indent: -9999px;
width: 217px;
height: 107px;
margin: 30px auto;
background: url(/images/layout/reserve.png) no-repeat -2px 0;
}
#booknow:hover {
background-position: -218px 0;
}
.itinerary {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 20px;
position: relative;
padding: 10px 0 5px 65px;
font-size: 11px;
border-top: 1px solid #45844C;
}
span.day {
position: absolute;
left: 0;
top: 0;
background: #45844C;
color: #FFF;
font-weight: bold;
text-align: center;
width: 50px;
height: 20px;
padding: 5px 0;
}
#specials {
clear: both;
border: 1px dashed #655846;
padding: 10px;
margin-bottom: 20px;
background: #feffe4;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#specials ul {
margin: 0;
font-size: 11px;
padding: 0 0 0 20px;
}
#tourInfo, #related {
margin: 20px 0;
padding: 15px 15px 10px 15px;
border: 1px dashed #ddd;
background: #f9fbf6;
}
#tourInfo p {
margin: 0 0 10px 0;
padding:0;
line-height: 1.2;
font-size: 11px;
}
#related {
background: #fcfcfc;
border-style: solid;
}
/* =Forms
----------------------------------------------- */
fieldset {
background: #f9fbf6;
border: 2px solid #f1f8ea;
padding: 20px 10px;
margin: 0 0 50px 0;
clear: both;
overflow: hidden;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#subContent fieldset {
background: transparent;
margin: 0;
border: 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
legend {	
background: #FFF;
padding: 2px 10px;
}
#mc_embed_signup {
margin-top: 50px;
}
#mc_embed_signup h3 {
margin-bottom: 5px;
}
#mc_embed_signup p {
font-size: 11px;
margin: 0 0 10px 0;
line-height: 1.3;
}
#mc_embed_signup fieldset {
padding: 0;
}
div.row {
float: left;
clear: left;
overflow: hidden;
width: 100%;
margin: 0;
padding: 2px 3px;
font-size: 12px;
margin-bottom: 5px;
}
div.row2 {
float: left;
clear: left;
margin-bottom: 5px;
overflow: hidden;
width: 100%;
}
div.row2 div {
padding: 1px 5px!important;
font-size: 10px!important;
margin: 2px 0!important;
width: 210px!important;
border: 1px solid #FFF;
}
span.checkbox {
display: none;
position: absolute;
}
div.row input, div.row select, div.row textarea {
padding: 4px;
border: 1px solid #d8e1d1;
background: #fff;
width: 250px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.row input:focus, div.row2 input:focus, textarea:focus {
border: 1px solid #afc89c;
background: #FFF;
}
div.row2 input {
float: left;
padding: 2px;
border: 1px solid #d8e1d1;
width: 152px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.row textarea {
width: 250px;
height: 150px;
margin-top: 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.row select {
width: 250px;
margin-top: 0;
font-size: 11px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.row label {
float:left;
padding: 1px 5px;
text-align:right;
width: 150px;
font-size: 11px;
}
div.row2 label {
padding:0;
font-size: 10px;
float: left;
width: 80px;
text-align:right;
margin-right: 5px;
}
#mce-error-response {
background: #AF2B37;
margin: 5px 0;
cleaR: both;
color: #FFF;
font-size: 11px;
line-height: 1.3;
padding: 5px;
}
#mce-success-response {
background: #84b36b;
margin: 5px 0;
cleaR: both;
color: #FFF;
font-size: 11px;
line-height: 1.3;
padding: 5px;
}
.btn {
clear: both;
float: right;
}
#submit {
clear: both;
font-weight: bold;
margin: 0 0 20px 0;
padding: 5px;
float: right;
}

/* Footer
----------------------------------------*/
#footer {
width:800px;
margin: 5px auto 150px auto;
}
#footer ul {
list-style-type: none;
padding: 0;
margin: 0;
float: left;
display: inline;
}
#footer li {
display: inline;
font-size: 10px;
}
#footer li a {
padding: 0 5px;
color: #4c4438;
}
#footer p {
color: #4c4438;
font-size: 11px;
display: inline;
margin: 0;
float: right;
}
#footer p.credits {
float: right;
clear: both;
margin: 40px 0 10px 0;
}
.calendarBG {
background: #EEE;
height: 300px;
}
.calendarBlank { 
background-color: #e6eddf;
color: #949c8f;
text-align: center;
text-align:  center;
vertical-align: middle;
}
.calendarHeader th { 
font-weight: bold; 
color: #000; 
text-align: center;
background-color: #FFF; 
height: 30px;
}
.calendarMonthLinks a:link, .calendarMonthLinks a:visited  {
font-weight:		bold!important;
color:             #fff;
text-decoration:   none;
background-color:  #aa2c37;
border: 1px solid #880611;
display: block;
font-size: 12px;
text-align: center;
padding: 5px;
width: 25px;
margin-bottom: 1px;
}
.calendarMonthLinks .lastMonth {
float: left;
}
.calendarMonthLinks .nextMonth {
float: right;
}
.thisMonth {
text-align: center;
font-size: 18px;
}
.calendarMonthLinks a:hover {
background: #c44850;
}
.calendarDayHeading {
font-weight: bold; 
font-size:	11px;
color: #fff; 
background-color: #40392e; 
text-align:  center;
vertical-align: middle;
}
.calendarToday { 
font-size:         12px;
font-weight:		bold;
letter-spacing:	.1em;
text-decoration:   none;
text-align:  center;
vertical-align: middle;
color:             #FFF;
background-color: 	#8b7d69;
}
.calendarCell {
font-size:         12px;
font-weight:		bold;
letter-spacing:	.1em;
text-decoration:   none;
text-align:  center;
vertical-align: middle;
color:             #666;
background-color:  #fff;
}
.entry {
font-size:         12px;
font-weight:		bold;
letter-spacing:	.1em;
text-decoration:   none;
text-align:  center;
vertical-align: middle;
color:             #FFF;
background-color: 	#c5424c;
}
.entry:hover {
background-color: 	#a5cb90;
}
.calendarCell a {
color:             #000;
text-decoration:   underline;
background-color:  transparent;
}

.calendarCell a:visited {
color:             #000;
text-decoration:   underline;
background-color:  transparent;
}
.entry a:link {
color: #FFF;
display: block;
}
.calendarCell a:hover {
color:             #fff;
text-decoration:   none;
background-color:  transparent;
}	
.tourThumbs, .gallery {
list-style-type: none;
padding: 0;
overflow: auto;
text-align: center;
margin-bottom: 20px;
}
.tourThumbs {
margin: 0 0 20px 2px;
}
.tourThumbs li, .gallery li {
float: left;
}
.tourThumbs li a, .gallery li a {
display: block;
padding: 5px;
margin: 0 13px 10px 0;
background-color: #FFF;
line-height: 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
}
.gallery li a {
margin: 0 10px 10px 0;
}
.tourThumbs li a:hover, .gallery li a:hover {
background-color: #dce3d7;
}
.tourThumbs li a img {
width: 58px;
height: 40px;
}
.villageThumbs li a:hover {
background-color: #fdfbf4;
border-color: #dcd5c3;
}
.paginate {
margin: 10px 0 10px 0;
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 11px;
background-color:  transparent;
}
.imgHolder {
padding: 0 0 15px 0;
margin-bottom: 10px;
border-bottom: 2px solid #EFEBE0;
margin: 0 auto;
text-align: center;
}
.imgHolder img {
border:0 none;
max-width: 652px;
height: auto;
}
.imageNav {
margin: 10px 0;
padding-bottom: 30px;
}
.previous {
text-indent: -9999px;
display: block;
width:123px;
height: 24px;
background: url(/images/layout/previous.png) no-repeat;
float: left;
}
.next {
text-indent: -9999px;
display: block;
width:123px;
height: 24px;
background: url(/images/layout/next.png) no-repeat;
float: right;
}
.paddedborder {
padding: 	20px;
border: 	1px solid #000;
}
.thumbs {
padding:	10px;
background-color: #f3f6f0;
text-align: center;
}
.thumbs a {
display: block;
padding: 5px;
background-color: #FFF;
border: 1px solid #ECF0E9;
border-right-color: #dce3d7;
border-bottom-color: #dce3d7;
width: 100px;
height: 75px;
margin: 0 auto;
}
.thumbs a:hover {
border: 1px solid #dce3d7;
}
.thumbs a img {
width: 100px;
height: 75px;
}