/*----------------------------------------
Site Name: AlaskaTrolley.com
Developed by: Jeff Claeson - http://bydreamtime.com
Date Created: 01/20/10
Last Updated: 02/09/10

Colors:

Red: #a72e31;
Light Blue: #d5eff7;
Dark Blue: #2c8ab0;
Light Green: #94d8bf;
Dark Green: #309165;

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;
}
	
a img {border:none;}

q:before, q:after, blockquote:before, blockquote:after {content: "";}


body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea {
font-family: Myriad Pro, Helvetica, Arial, Sans-serif;
line-height: 1.5; 
font-size: 13px;
}

/* =Lists
----------------------------------------------- */
ul {list-style-type:disc; padding: 0 0 0 25px; margin: 0 0 25px 0;}
ol {list-style-type:decimal; padding: 0 0 0 20px; margin: 0 0 25px 0;}
ul li, ol li {margin-bottom: 5px;}

.twoCol {list-style: none;overflow: hidden;}
.twoCol li {padding-left: 25px;background: url(/images/layout/circle-blue.png) no-repeat 0 50%;float: left;width: 250px;}

.checklist li {font-size: 14px;font-style: italic;padding-left: 25px;background: url(/images/layout/check.png) no-repeat 0 50%;}

h1 {font-size:46px; margin: 0 0 20px 0;color: #a72e31; line-height: 1;}
h2 {color: #706054;font-size:30px; margin: 10px 0; line-height: 1;color: #333; }
h2 em {color:#a72e31;font-family: Georgia, serif; }
h3 {font-size:18px; margin-bottom: 10px; }
h4 {font-size:16px; margin-bottom:5px; }
p, li  {font-family: Georgia, serif;font-size: 16px; line-height: 1.6;color: #333; margin: 0 0 25px 0;}

#subContent h3 {border-top: 1px solid #c0c0be;border-bottom: 2px solid #333;line-height: 1.5;padding: 5px 0 0 3px;margin-bottom: 10px;font-family: Myriad Pro, Helvetica, Arial, Sans-serif;text-transform: uppercase;color: #333;}

h3.special {text-align: center;font-size: 28px;font-style: italic;width: 500px;margin: 20px auto;color: #309165;text-shadow: 0 2px 5px rgba(0,0,0,.3);}
p.terms {padding: 10px;font-size: 10px;border: 1px dashed #d6d3b4;margin: 10px;color: #565443;}
p.terms strong {color: #383731;font-size: 10px;}

blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong {font-weight: bold;}
em     {font-style:italic;}
.center {text-align: center;display: block;}

a:link, a:visited, p.breadcrumbs a:hover {outline: none;color: #2c8ab0;	text-decoration: underline;}
a:hover {text-decoration: none;	border: none;	color: #a72e31;}


/* Elements
----------------------------------------*/
html {background: #a72e31 url(/images/layout/body-bg.png) repeat-x 3px 0;}
body {background: transparent url(/images/layout/header-bg.png) no-repeat top center;}
#wrap {width: 970px;margin: 0 auto;position: relative;background: transparent;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float: right;display: inline;margin-left: 5px;}
.clearThis 	{clear:both;}
.small		{font-size:10px;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
.last		{margin:0px!important;}
a img 		{border: none;}
iframe          {width: 650px;background: #FFF;}
img.right {float: right;padding: 10px 0 10px 10px;margin-left: 10px;}
img.left {float: left;padding: 10px 10px 10px 0;margin-right: 10px;}

table {margin-bottom: 35px;width: 100%;background: #FFF;padding: 20px 20px 10px 20px;border: 1px solid #d5eff7;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
#subContent table {padding: 0;border: 0;background: none;}
th {font-weight: bold;font-size: 14px;color: #309165;}
td {width: 50%;border-top: 1px solid #d5eff7;padding: 10px 0;}
td em {color: #A72E31;font-weight: bold;font-size: 16px;letter-spacing: 1px;}


/* Header
----------------------------------------*/
#header {padding: 70px 5px 0 0;position: relative;height: 200px;background: url(/images/layout/content-top.png) no-repeat bottom left;}

#logo {width: 717px;margin: 0 auto 130px auto;}
#logo a{float: left;display: inline;z-index: 100;left: 20px;display: block;width: 730px;height: 63px;text-indent: -9999px;background: url(/images/layout/logo.png) no-repeat 0 0;}
#trolley {position: absolute;bottom: 0;left: 435px;}
#phone {position: absolute;top: 20px;left: 330px;margin: 0;display: block;width:330px;height: 670px;text-indent: -9999px;background: url(/images/layout/phone.png) no-repeat;}

#reserve {position: absolute;top: 350px;left: 965px;}
#reserve a {display: block;text-indent: -9999px;background: url(/images/layout/reserve.png) no-repeat top left;width: 220px;height: 117px; }
#reserve a:hover {background-position: 0 -120px;}

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

#mainNav {position: relative;height: 15px;width: 832px;overflow: hidden;padding: 0;margin-left: 70px;padding: 0;background-image: url(/images/layout/nav.png);background-position: 0 100%;list-style: none;}
#mainNav li {list-style: none;position: absolute;top: 0;}
#mainNav li, #mainNav a {height: 15px;display: block;text-indent: -9999px;overflow: hidden;background: none;border: none;margin: 0;padding: 0;}

li#nav-tours { left: 0px; width: 95px; }
li#nav-hotels { left: 143px; width: 124px; }
li#nav-services { left: 555px; width: 117px;}
li#nav-contact { left: 719px; width: 112px; }

li#nav-tours a:hover { background: transparent url(/images/layout/nav.png) 0px -18px no-repeat;}
li#nav-hotels a:hover { background: transparent url(/images/layout/nav.png) -143px -18px no-repeat;}
li#nav-services a:hover { background: transparent url(/images/layout/nav.png) -555px -18px no-repeat;}
li#nav-contact a:hover { background: transparent url(/images/layout/nav.png) -719px -18px no-repeat;}

li#nav-tours a.current, li#nav-summer a.current:hover { background: transparent url(/images/layout/nav.png) 0px -1px no-repeat;}
li#nav-winter a.current, li#nav-winter a.current:hover { background: transparent url(/images/layout/nav.png) -143px -1px no-repeat;}
li#nav-services a.current, li#nav-packages a.current:hover { background: transparent url(/images/layout/nav.png) -555px -1px no-repeat;}
li#nav-contact a.current, li#nav-transfers a.current:hover { background: transparent url(/images/layout/nav.png) -719px -1px no-repeat;}

.subNav {padding: 0;list-style: none;margin-bottom: 50px;}
.subNav li a {font-weight: bold;height: 20px;line-height:1.8;width: 203px;padding: 2px 10px;display: block;text-decoration: none;color: #564c48;zoom:1;}
.subNav li a.current {text-shadow: 0 1px 1px #FFF;height: 34px;line-height:2.7;border-bottom: 0;background: url(/images/layout/subNav-current.png) no-repeat;}
.subNav a:hover {color: #436e95;}


/* Main Content
----------------------------------------*/

#content {overflow: hidden;width: 970px;padding: 30px 0;position: relative;background: url(/images/layout/content-bg.png) repeat-y;}
#mainContent {width: 575px;float: right;margin-right: 45px;position: relative;ma}
#subContent {float: left;margin-left: 45px;width: 270px;}

#hero {margin-bottom: 20px;}

a.more  {display: block;text-decoration: none;text-transform: lowercase;position: relative;top: 3px;font-family: Myriad Pro, Helvetica, Arial, Sans-serif;font-size: 11px;float: right;display: block;position: relative;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);}

a.red {line-height: 1;padding: 2px 5px;color: #FFF;background: #aa3134 url(/images/layout/red-grad.png) repeat-x;}
a.red:hover {background: #ea7477 url(/images/layout/red-grad-reverse.png) repeat-x;}
a.blue {line-height: 1.3;padding: 3px 7px;color: #FFF;background: #9ccfe4 url(/images/layout/blue-grad.png) repeat-x;}
a.blue:hover {background: #2586ad url(/images/layout/blue-grad-reverse.png) repeat-x;}


#subContent ul {margin: 0 0 40px 0;padding: 0;list-style: none;}

#news li h4 {margin-bottom: 0px;}
#news li h4 a {font-family: Georgia, serif;font-size: 15px;color: #333;}
#news li .news_date {color: #2c8ab0;font-family: Georgia, serif;font-style: italic;float: left;width: 50px;}
#news li p {font-style: italic;font-family: Myriad Pro, Helvetica, Arial, Sans-serif;margin-left: 50px;font-size: 11px;line-height: 1.2;}

#popular li {margin-bottom: 2px;padding: 5px 25px 5px 8px;overflow: hidden;height: 45px;background: url(/images/layout/big-blue-link.png) no-repeat;}
#popular li:hover{background-position: bottom left;cursor: pointer;}
#popular h4 {margin: 0;}
#popular h4 a {text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.8);color: #000;font-family: Georgia, serif;font-weight: normal;font-size: 12px;text-transform: uppercase;letter-spacing: .5px;}
#popular p {text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.8);font-style: italic;font-family: Myriad Pro, Helvetica, Arial, Sans-serif;font-size: 11px;line-height: 1.2;}

#subContent .video {display: block;margin-bottom: 35px;}

.box, .box-alt{background: #FEFEFD;border: 1px solid #f4f4ed;-webkit-border-radius: 3px;-moz-border-radius: 5px;border-radius: 3px;padding: 20px;width: 290px;float:left;margin:0 35px 35px 0;}
.box:hover, .box-alt:hover {cursor:pointer;}
.box-alt {margin-right: 0;}
.box p, .box-alt p {font-family: Myriad Pro, Helvetica, Arial, Sans-serif;font-size: 13px;}
.box h3 a, .box-alt h3 a {color: #e35a2a;text-decoration: none;}
.box h3, .box-alt h3 {margin-bottom: 0;}

#thumbs {padding: 0;list-style: none;margin-bottom: 15px!important;overflow: hidden;}
#thumbs li {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);float: left;margin:0 15px 20px 0;padding: 4px;border: 2px solid #d5eff7;}
#thumbs li img {display: block;}
#thumbs li.last {margin-right: 0;}
#thumbs li:hover {border-color:#2c8ab0;}

#home #thumbs li {margin-right: 29px;}

#brochure {display: block;width: 178px;margin: 0 auto 25px auto;}

/* =Forms
----------------------------------------------- */
fieldset {
background: #f7f7ef;
border: 5px solid #f4f4e9;
padding: 20px 10px;
margin: 0 0 30px 0;
clear: both;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
legend {	
background: #FFF;
padding: 2px 10px;
color: #309165;
font-size: 16px;
text-transform: uppercase;
}
div.row {
float: left;
clear: left;
overflow: hidden;
margin: 0;
padding: 2px 3px;
font-size: 12px;
margin-bottom: 5px;
}
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, textarea:focus {
border: 1px solid #afc89c;
background: #FFF;
}
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: 260px;
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: 230px;
font-size: 16px;
}
div.row2 label {
padding:0;
font-size: 10px;
float: left;
width: 80px;
text-align:right;
margin-right: 5px;
}
.btn {
clear: both;
float: right;
}
#submit {
clear: both;
font-weight: bold;
margin: 0 0 20px 0;
padding: 5px;
float: right;
}

/* Footer
----------------------------------------*/
#footer {position: relative;background: url(/images/layout/content-bottom.png) no-repeat top left;clear: both;margin: 0 auto;padding: 135px 40px 0 40px;font-family: Myriad Pro, Helvetica, Arial, Sans-serif;color: #FFF;}
#footer p {font-family: Myriad Pro, Helvetica, Arial, Sans-serif;color: #FFF;font-size: 11px;display: inline;margin: 0;}
#copyright {float: left;}
#credit {float: right;}
#footer a {color:#FFF;}