/*
Css file: stylesheet.css
Version: 1.0
Description: Stylesheet for PG Tops website.
Author: Cuie&Co - Andy Walton
Author URI: http://www.cuieandco.com */

/* Created: 11 December 2008 (Last updated - 25 May 2010)
For more info contact andy (at) cuieandco (dot) com
Designed for screen */


/* Global reset all */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clear it all - Andy Walton
----------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, img { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, abbr {
	border: 0;
}
address, caption, cite, code, dfn, h1, h2, h3, h4, h5, h6, th, var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
q:before, q:after { 
	content:'';
}
a {
	text-decoration: none;
}
a, a:link, a:visited, a:active, a:hover {
	outline: none;
}
* {
	margin: 0;
	padding: 0;
}

/* Basic typography styles
---------------------------------------------------------- */

dl,ul,ol,h1,h2,h3,h4,h5,h6,pre,p,blockquote,table,img {
	margin: 0;
	padding: 0;
}
blockquote {
	font: italic 130%/1.250em "trebuchet MS", Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 9px;
	padding: 0 60px;
}
cite {
	font: normal 115%/1.250em Helvetica, Arial, sans-serif, serif;
	padding: 0 60px;
}
h1 {
	font: normal 170%/1.50em "trebuchet MS", Verdana, Helvetica, Arial, sans-serif, serif;
	letter-spacing: 0.01em;
	margin-bottom: 18px;
}
h2 {
	font: normal 140%/1.250em "trebuchet MS", Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
}
h3 {
	font: normal 125%/1.250em "trebuchet MS", Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
}
h4 {
  	font: normal 105%/1.250em "trebuchet MS", Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
}
h5 {
  	font: normal 95%/1em "trebuchet MS", Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
}
p {
	margin-bottom: 18px;
}
strong {
  font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	width: 100%;
	height: 1px;
	margin-bottom: 18px;
	border: 0;
	border-bottom: 1px solid #0f2d6b;
	clear: both;
}
hr.dashed {
	border-bottom: 1px dashed #0f2d6b;	
}
hr.thick {
	border-bottom: 3px solid #0f2d6b;
}
acronym {
  border-bottom: 1px dotted #e8e8e8;
  cursor: help;
}

/* Setup */

html {
  height: 100%; /* Removed for validation - overflow: -moz-scrollbars-vertical; */
}
body {
	background-color: #0f2d6b;
	border: 0; /* Removes the border around the viewport in old versions of IE */
	color: #0f2d6b;
	font: normal 85%/1.250em Helvetica, Arial, sans-serif, serif;
	margin: 0;
	min-width: 960px; /* Minimum width of layout - this property does not work in old versions of IE - Puke */
	padding: 0;
	width: 100%;
}
#get-in-touch {
	background: #0a2459 url(../images/bg-get-in-touch.png) top left repeat-x;
	height: 30px;
	padding: 12px 0 0 0;
}
#get-in-touch .inner {
	clear: both;
	margin: 0 auto;
	padding-left: 212px;
	text-align: left;
	width: 747px;
}
#get-in-touch h3 {
	color: #416ca8;
	font: normal 110%/1.250em "trebuchet MS", Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;	
}
/* Social media and other icons */
#social-links {
	font-size: 11px;
	height: 30px;
	float: right;
	padding: 0;
	text-align: right;
	width: 200px;
}
.social-media ul li {
	height: 30px;
	display: inline;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	padding: 6px 6px 6px 30px;
}
.social-media ul li.facebook {
	background: transparent url('../images/icon-facebook-24.png') 0 0 no-repeat;
}
.social-media ul li.twitter {
	background: transparent url('../images/icon-twitter-24.png') 0 0 no-repeat;
}
.social-media ul li.rss {
	background: transparent url('../images/icon-rss-24.png') 0 0 no-repeat;
}
.social-media ul li.twitter em, .social-media ul li.facebook em {
	display: none;
	height: 24px;
	margin-left: -3000px;
}
#wrapper {
	clear: both;
	margin: 0 auto;	
	width: 960px;
}
#header {
	width: 960px;
	height: 245px;
}
#logo {
	display: block;
	float: left;
	height: 245px;
	width: 195px;	
}
#logo a, #logo span {
	background: url(../images/logo-pgtops.png) top center no-repeat;
	display: block;
	height: 245px;
	width: 195px;
}
#logo em {
	display: block;
	margin-left: -3000px;
}
#logo span:hover {
	background: url(../images/logo-pgtops-hover.png) top center no-repeat;	
	display: block;
}
#showcase {
	float: left;	
	height: 245px;
	position: relative;
	overflow: hidden;		
	width: 765px;
}

/* Container */

#container {
	width: 960px;
	overflow: auto;
}

/* Sidebar and navigation tabs */

#sidebar {
	float: left;
	width: 195px;
	margin: 30px 0 0 0;
	color: #7eabe6;	
}
#sidebar h3 {
	color: #3c76c3;
	margin-bottom: 9px;	
}
#sidebar p {
	font-size: 95%;
	margin-bottom: 12px;
}
#subscribe hr.dashed, #asides hr.dashed {
	border-bottom: 1px dashed #3c76c3;
	margin: 6px 0 12px 0;
}
#subscribe, #asides {
	color: #7eabe6;
}
#subscribe {
	clear: left;
	padding: 9px 18px 0 18px;
}
#asides h2 {
	margin-bottom: 6px;
}
#asides {
	clear: left;
	padding: 9px 18px;
}
#asides.homepage {
	padding: 0 18px 9px 18px;
}
#asides ul {
	list-style-type: disc;
	list-style-position: outside;
	text-indent: 0;
	padding: 0 0 0 18px;
}
#asides li {
	padding: 6px 0;
}
#latest-news {
	padding: 18px;
}
/* Navigation */
#navigation ul {
	list-style-type: none;
	list-style-position: inside;
	text-indent: 0;
	padding: 0;
}
#navigation li {
	padding: 0 0 5px 0;
}
#navigation { padding: 0; margin: 0; list-style: none; list-style-type: none; list-style-position: outside; position: relative; font: normal 130%/29px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif, serif; color: #fff; letter-spacing: 0.1em; width: 195px; }
#navigation ul { padding: 0; margin: 0; list-style: none; width: 195px; height: auto; position: absolute; left: -9999px; top: 0; clear: both; }

#navigation table { border-collapse: collapse; width:0; height:0; margin:-1px -10px; }

#navigation li { float:left; margin-bottom: 1px; list-style: none; }
#navigation li a { display: block; float: left; width: 159px; height: 29px; padding: 6px 18px 4px 18px; background: #02469f url(../images/menu-bg.png) right top repeat-y; color: #fff; text-decoration: none; }
#navigation li a.fly { background: #02469f url(../images/right-arrow.gif) no-repeat right center; }

#navigation li:hover { position: relative; }
#navigation li a:hover { position: relative; background: #4fa700 url(../images/menu-bg-hover.png) right top repeat-y; color: #fff; }
#navigation li:hover > a { background: #4fa700 url(../images/menu-bg-hover.png) right top repeat-y; color: #fff; }

#navigation ul li a { width: 240px; background: #02469f url(../images/menu-bg.png) right top repeat-y; z-index: 2; }
#navigation ul li a.fly { background: #02469f url(../images/right-arrow.gif) no-repeat right center; z-index: 2; }
#navigation ul ul li a { background: #02469f url(../images/menu-bg.png) right top repeat-y; z-index: 2; }
#navigation ul ul li a.fly { background: #02469f url(../images/right-arrow.gif) no-repeat right center; z-index: 2; }
#navigation ul ul ul li a { background: #02469f url(../images/menu-bg.png) right top repeat-y; z-index: 2;}

#navigation li a.current,
#navigation ul li a.current,
#navigation ul ul li a.current,
#navigation ul ul ul li a.current {	background: #4fa700 url(../images/menu-bg-hover.png) right top repeat-y; color:#fff; }

#navigation li a.selected,
#navigation ul li a.selected,
#navigation ul ul li a.selected,
#navigation ul ul ul li a.selected { background: #4fa700 url(../images/menu-bg-hover.png) right top repeat-y; color:#fff; }

#navigation :hover ul,
#navigation :hover ul :hover ul,
#navigation :hover ul :hover ul :hover ul { left: 195px; }

#navigation :hover ul ul,
#navigation :hover ul :hover ul ul { left:-9999px; }

#navigation ul li:hover > a { background: #4fa700 url(../images/menu-bg-hover.png) right top repeat-y;
 color:#fff; }
#navigation ul ul li:hover > a { background: #4fa700 url(../images/menu-bg-hover.png) right top repeat-y;
 color:#fff; }
#navigation li.last {
	margin-bottom: 18px;
}

/* Content */
#content {
	width: 765px;
	float: right;
	margin: 0;
	padding: 27px 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
}
#content {
	background-color: #fff;
}
#content .inner {
	padding: 4px 23px 18px 18px;
}
#content ul, #content ol {
	list-style-position: outside;
	text-indent: 0;
	padding: 0 0 0 18px;
}
#content ul {
	list-style-type: disc;
}
#content ol {
	list-style-type: decimal;
}
#content li {
	padding-bottom: 8px;
}
#content h1 span {
	margin-left: -3000px;	
}
h1.welcome-to-my-life {
	background: #fff url(../images/heading-welcome-to-my-life.png) left top no-repeat;
	height: 30px;
	overflow: visible;
}
h1.wazzup-week {
	background: #fff url(../images/heading-wazzup.png) left top no-repeat;
	height: 30px;
	overflow: visible;
}
h1.events {
	background: #fff url(../images/heading-events.png) left top no-repeat;
	height: 30px;
	overflow: visible;
}
h1.blog {
	background: #fff url(../images/heading-blog.png) left top no-repeat;
	height: 30px;
	overflow: visible;
}
table {
	background-color: #e7eaf0;	
	border: 5px solid #e7eaf0;
	margin-bottom: 18px;
	width: 100%;	
}
table h3 {
	margin-bottom: 0;
}
th {
	font-size: 11pt;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 0 6px 0;		
}
tr {
	padding: 0;
}
tr.alt {
	background-color: #fff;
}
td {
	padding: 6px;
	border-bottom: 1px dashed #b7c5e1;
}
td.date {
	font-weight: bold;
	width: 20%;
}
td.trip {
	padding: 6px 6px 6px 0;
}
td.price {
	font-weight: bold;
	width: 20%;
}
td.time {
	font-weight: bold;
	width: 20%;
}
td.description {
	width: 50%;
}
table.pricing-van-guide td.price {
	width: 50%;
}
table.pricing-tours td.description {
	width: 40%;
}
table.pricing-tours td.price {
	width: 15%;
}
#lets-do-it {
	clear: both;
	background: url(../images/lets-do-it-banner.png) left top no-repeat;	
	padding-top: 95px;
}
#lets-do-it img {
	margin-bottom: -18px;
	border: none;
}
.col-2 {
	float: left;
	width: 344px;
	margin-bottom: 18px;
}
#col-left {
	border-right: 1px dashed #a9bbe2;
	width: 343px;
	margin-bottom: 18px;
	padding: 0 18px 0 0;
}
#col-right {
	margin-bottom: 18px;
	padding: 0 0 0 18px;
}
.col-3 {
	float: left;
	width: 234px;
	margin-bottom: 18px;
}
.col-3 p {
	padding: 0 18px 0 0;
}
#col-first {
	padding: 0 0 0 18px;
}
#col-middle {
	border-right: 1px dashed #b9dc99;	
	border-left: 1px dashed #b9dc99;
	padding: 0 0 0 18px;
}
#col-last {
	padding: 0 0 0 18px;
}
#quote, #quote-top, #quote-bottom {
	clear: left;
	width: 765px;
	float: right;
	margin: 0;
}
#quote-top {
	background: url(../images/quote-top.png) right top no-repeat;
	height: 50px;
}
#quote {
	background: url(../images/quote-bg.png) right top repeat-y;
	width: 765px;
}
#quote-bottom {
	background: url(../images/quote-bottom.png) right top no-repeat;
	height: 55px;
}
.gallery-thumbnail {
	width: 166px;
	height: 166px;
	padding: 0 20px 18px 0;
	float: left;
}
.gallery-thumbnail img {
	border: 3px solid #c3d6ef;
}
.gallery-thumbnail.albums {
	width: 166px;
	height: 166px;
	padding: 0 20px 36px 0;
	float: left;
}
.gallery-thumbnail.end {
	padding: 0 0 18px 0;
}
#booking-info {
	margin: 18px 0;
	padding: 0 18px;
}
#booking-info h2 {
	margin-bottom: 0;
}
#booking-info hr {
	margin-top: 18px;
}

/* Footer */
#footer {
	clear: both;
	color: #7eabe6;
	font-size: 90%;
	margin: 0 auto;
	overflow: auto;
	width: 960px;
}
#footer .inner {
	width: 760px;
	float: right;
	padding: 12px 5px 18px 0;
}
#footer a, footer a:hover {
	color: #7eabe6;
}
#footer-detail {
	float: left;
	width: 80%;
}
#by-cuie {
	float: right;
	text-align: right;
	width: 20%;
}

/* Posts */
#blog-wrapper {
	float: left;
	overflow: auto;
	width: 538px;
}
.post {
	float: left;
	overflow: auto;
}
.post h1 {
	margin: 0;
}
h2.headline {
	margin-bottom: 3px;
}
.post-date {
	background: url(../images/blog-date-bg.png) 4px 0 no-repeat;
	float: left;
	padding: 22px 18px 0 0;
	text-align: center;
	width: 100px;
	height: 150px;
}
.post-date span {
	font: normal 175%/1em Georgia, Helvetica, Arial, sans-serif, serif;
}
.post-content {
	float: left;
	width: 420px;	
	overflow: hidden;
}
.post-meta {
	font-size: 100%;
	font-style: italic;
	color: #695e5e;
}
.comments {
	float: left;
	padding: 3px;		
}
.comment {
	border-top: 1px dashed #e8e8e8;
	padding: 12px;
}
.comment span {
	font: normal 150%/1em Georgia, Helvetica, Arial, sans-serif, serif;
}
.comment h3, .comment p {
	margin-bottom: 0;
}
.comment em {
	font-size: 100%;
	font-style: italic;
	color: #4a4848;
}
.alt {
	background-color: #efefef;
	padding: 12px;
}
.comment.last {
	margin-bottom: 18px;
}
.comment-meta {
	margin-top: 10px;
	text-align: right;
}
#sidebar-blog {
	float: right;
	padding: 0 0 18px 18px;
	width: 167px;
}

/* Styling classes */
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}
.pic-left {
	float: left;
	margin: 0 12px 18px 0;
}
.pic-right {
	float: right;
	margin: 0 0 5px 12px;
}
.pic-no-float {
	text-align: center;
	margin: 0 auto;
}
img.thumbnail {
	border: 2px solid #cfdbe0;
	padding: 3px; 
	float: left;
	margin: 0 12px 5px 0;
	width: 48px;	
}
#content .no-border, #sidebar .no-border {
	border: none;
}
#content .no-border-left, #sidebar .no-border-left {
	border: none;
	float: right;
	margin: 0 12px 5px 0;	
}
#content .no-border-right, #content .no-border-right {
	border: none;
	float: right;
	margin: 0 0 5px 12px;
}
span.amp {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
}
.reviews {
	font: italic 115%/1.250em Helvetica, Arial, sans-serif, serif;
	color: #89001d;
	margin: 6px 0 18px 0;
	border: none;
}
.reviewer {
	font: normal 11pt/1.250em Helvetica, Arial, sans-serif, serif;	
}
.mt {
	margin-top: 14px;
}
.button-signup span em {
	display: block;
	height: 31px;
	margin-left: -3000px;
	width: 80px;
}
.button-signup a span {
	background: url(../images/btn-signup.png) no-repeat scroll 0 0;
	display: block;
	height: 31px;
	width: 80px;
	float: right;
	clear: both;
}
.button-signup a span {
	background-position: 0 -31px;
}
.button-signup a:hover span {
	background-position: 0 0;
}
.padding {
	padding-right: 22px;
}

/* Typography */
h2.title {
	color: #c42424;
	text-align: center;
	border-bottom: 1px dotted #c9c9c9;
}

/* Links */
a {
	color: #4fa700;	
	text-decoration: underline;
}
a:hover {
	color: #4fa700;
	text-decoration: none;
}
/* Forms */
input, select, textarea {
	font-size: 100%;
	padding: 5px;
}
input {
	width: 288px;
}
input, select, textarea {
	border: 1px solid #bebdbd;
	font-family: "Lucida Grande", Lucida, Helvetica, sans-serif;
	margin: 0 0 12px 0;	
}
input.button-signup {
	background: url(../images/btn-signup.png) no-repeat scroll 0 -31px;
	display: block;
	height: 31px;
	width: 80px;
	float: right;
	clear: both;
	border: none;
}
input.button-signup:hover {
	background-position: 0 0;
}
#subscribe input {
	width: 148px
}
#subscribe input.button-signup {
	width: 80px;
}
textarea.large {
	height: 25em;
}
#comment-form input, #comment-form textarea, #feedback input, #feedback textarea  {
	width: 490px;
}
#comment-form, #feedback {
	float: left;
	padding: 18px;
	background-color: #e7eaf0;
	margin-bottom: 18px;
	width: 502px;
}
#comment-form input.button-submit, #feedback input.button-submit {
	background-color: #4fa700;
	border: 1px solid #4fa700;
	width: 150px;
	color: #fff;
	padding: 6px 5px 4px 5px;
}
#comment-form input.button-submit:hover, #feedback input.button-submit:hover {
	background-color: #fff;
	border: 1px solid #4fa700;
	color: #4fa700;	
}
#comment-form h3 {
	margin-bottom: 0;	
}
#feedback checkbox {
	margin-bottom: 18px;
}
.error {
	color: #4fa700;
}
/* reCaptcha */
#recaptcha_area {
	margin-bottom: 18px;
}