/**
 * Bio21 website stylesheet.
 *
 * @copyright		SAE Creative 2010
 * @version			1.0
 * @modifiedBy		Hamish
 * @lastModified	19/05/2010
*/

/* ---- Base ---- */
html {
	font-family:'Arial';
	font-size:67.5%;
	color:#635955;
	background-color:#f5efea;
}
html, body, div, p, label, hr, h1, h2, h3, h4, h5, h6, span, form, img, dl, dt, dd, ul, ol, li {
	padding:0;
	margin:0;
}

/* ---- Clearing ---- */
*.clearFix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
*.clearBoth {
	clear:both;
}

/* ---- Global rules ---- */
pre {
	padding:20px;
	background-color:#0f0f0f;
	color:#FFF;
	font-size:1.2em;
	font-family:'Consolas';
}
a {
	outline:none;
}
a:link, a:visited {
	color:#898989;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	margin-bottom:1.2em;
}
object {
	outline:0;
}
img {
	border:none;
}
.last-horizontal {
	margin-right:0 !important;
}
li {
	padding-bottom:0.2em;
}
hr {
	border-color:#A8BDD4;
	color:#A8BDD4;
}
img.floatedImageRight {
	float:right;
	padding:0 0 30px 30px;
}
img.floatedImageLeft {
	float:left;
	padding:0 30px 30px 0;
}

/* ---- Skeleton ---- */
#main-wrapper {
	width:960px;
	margin:0 auto;
}
#header-wrapper {
	overflow:hidden;
	background:url('/img/main_logo_new.png') no-repeat center top transparent;
}
#header-left,
#header-right {
	text-align:center;
	padding-top:20px;
}
#header-left img {
	padding:3px 4px;
}
#header-left {
	float:left;
}
#header-right {
	width:330px;
	height:75px;
	float:right;
	overflow:hidden;
}
#header-center {
	width:300px;
	float:left;
	text-align:center;
	height:170px;
}
#main-navigation-wrapper {
	height:40px;
	border-top:1px solid #e2d6cc;
	border-bottom:1px solid #e2d6cc;
	background-color:#fbf9f8;
	overflow:hidden;
	padding:0 10px;
}
#footer-wrapper {
	padding-top:30px;
}
#body-wrapper {
	padding-top:20px;
	overflow:hidden;
	font-size:1.1em;
}
#body-full {
	padding:0 20px;
}
#body-left {
	width:230px;
	padding:0 30px 0 20px;
	float:left;
}
#body-right {
	width:660px;
	float:right;
	padding-right:20px;
}
#body-contact-left {
	width:440px;
	padding:0 40px 0 20px;
	float:left;
}
#body-contact-right {
	width:440px;
	float:right;
	padding-right:20px;
}

/* ---- Main nav ---- */
#main-navigation-wrapper {
	margin-bottom:20px;
}
#main-navigation-wrapper li {
	width:140px;
	float:left;
	list-style-type:none;
	/*background-color:#eee2f1;*/
	margin-right:20px;
	padding:12px 0;
	height:16px;
	text-align:center;
	text-transform:uppercase;
	font-size:1.1em;
}
#main-navigation-wrapper .selected a:link,
#main-navigation-wrapper .selected a:visited {
	color:#8ebac4;
	font-weight:bold;
}

/* ---- Side nav ---- */
#side-navigation-wrapper li {
	margin-bottom:2px;
	background-color:#fbf9f8;
	list-style-type:none;
	text-transform:uppercase;
}
#side-navigation-wrapper a {
	padding:12px 16px;
	display:block;
}
#side-navigation-wrapper li.selected {
	background-color:#a2c4cc;
}
#side-navigation-wrapper li.selected a:link,
#side-navigation-wrapper li.selected a:visited {
	color:#fff;
}
#side-navigation-wrapper li.sub {
	padding-left:15px;
	background-color:#faf5f2;
}
#side-navigation-wrapper li.sub a {
	padding-left:15px;
	background:url('/img/sub_navigation_bullet.png') no-repeat 0px 15px #faf5f2;
	text-transform:capitalize;
}
#side-navigation-wrapper li.sub.selected {
	background-color:#E3E9EA;
	color:#898989;
}
#side-navigation-wrapper li.sub.selected a {
	color:#898989;
	background:url('/img/sub_navigation_bullet.png') no-repeat 0px 15px #E3E9EA;
}
.side-comment {
	background:url('/img/comments_top.png') no-repeat top center #b3a89f;
	padding-top:6px;
	color:#fff;
	font-style:italic;
}
.side-comment div {
	padding:14px 20px 20px 20px;
	background:url('/img/comments_bottom.png') no-repeat bottom center #b3a89f;
}
.side-comment-footer {
	background:url('/img/comment_tail.png') no-repeat left top transparent;
	margin:0 0 20px 10px;
	padding:10px 0 0 20px;
}
.side-comment-footer strong {
	color:#9a8479;
}

/* ---- Home ---- */
#home-hero {
	width:960px;
	height:320px;
	background:url('/img/home_hero.jpg') no-repeat center transparent;
	text-indent:-8000em;
}
#quicklinks {
	overflow:hidden;
	padding:20px 15px;
}
.quicklink {
	width:280px;
	padding:0 15px;
	float:left;
	font-size:1.1em;
}

/* ---- Headings ---- */
h3.ql-heading {
	font-size:1.7em;
	color:#443d3a;
	text-transform:uppercase;
	padding-bottom:15px;
	border-bottom:1px solid #cabdb4;
	font-weight:normal;
	font-family:'Georgia', 'Times New Roman';
	margin-bottom:20px;
}
h2 {
	background-color:#f9f5f2;
	padding:10px 20px;
	border-top:1px solid #f5efea;
	border-bottom:1px solid #f5efea;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}
.content-heading-blue {
	background-color:#a2c4cc;
	color:#fff;
	padding:10px 20px;
	border-top:2px solid #f5efea;
	border-bottom:2px solid #f5efea;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}
h4 {
	padding:10px 0 10px 0;
	margin-bottom:10px;
	color:#9a8479;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #cabdb4;
}

/* ---- Form ---- */
#header-right input.form-go {
	background:url('/img/go_button.png') no-repeat transparent;
	width:40px;
	height:25px;
	text-indent:-8000em;
	border:none;
	float:left;
	margin-left:0;
	padding:0;
}
#header-right input {
	height:20px;
	float:left;
	margin-left:75px;
	padding-left:4px;
}
input, textarea, select {
	border:1px solid #e2d6cc;
	color:#a0958c;
}
.input {
	overflow:hidden;
	padding-bottom:10px;
}
.input label {
	float:left;
	width:150px;
	font-weight:bold;
	padding-right:20px;
}
.input input,
.input select {
	float:left;
	height:20px;
}
.submit {
	padding:10px 0 0 150px;
}
#body-contact-left form,
#body-full form {
	padding:20px;
	background-color:#faf5f2;
	margin-bottom:20px;
}
#body-contact-left input,
#body-contact-left select,
#body-full input {
	width:210px;
}
#body-contact-left textarea,
#body-full textarea {
	width:210px;
}
.submit input {
	width:auto !important;
}
.error-message {
	clear:left;
	padding:4px 0 0 200px;
	color:#aa0000;
}

/* ---- Flash ---- */
#flashMessage {
	padding:10px 0;
	font-weight:normal;
	text-align:center;
	margin-bottom:10px;
	font-size:1.3em;
	background-color:#a2c4cc;
	color:#fff;
	text-transform:uppercase;
}
#flashMessage.error {
	padding:10px 0;
	font-weight:normal;
	text-align:center;
	margin-bottom:10px;
	font-size:1.3em;
	background-color:#ca0000;
}

/* ---- Quicklinks ---- */
.ql-news-item {
	padding-bottom:25px;
}
.ql-news-item-title {
	color:#8ebac4;
	text-transform:uppercase;
	padding-bottom:0.2em;
	font-family:'Georgia', 'Times New Roman';
	font-size:1.1em;
}
.ql-news-item-date {
	font-size:0.9em;
	padding-bottom:0.6em;
	color:#948783;
}
.ql-news-item-content {
	padding-bottom:0.6em;
}
.ql-news-item-more a:link,
.ql-news-item-more a:visited {
	color:#635955;
	text-decoration:underline;
}
.ql-news-item-more a:hover {
	text-decoration:none;
}

/* ---- Body ---- */
/* Sidebar */
.side-module {
	padding-bottom:50px;
}
.left-main-heading {
	width:226px;
	padding-left:5px;
	background:url('/img/main_heading_bl.png') no-repeat bottom left #a2c4cc;
	margin-bottom:10px;
}
.left-main-heading div {
	background:url('/img/main_heading_tr.png') no-repeat top right #a2c4cc;
	color:#fff;
	padding:12px 12px 12px 7px;
	text-transform:uppercase;
	display:block;
	text-align:center;
	height:16px;
}
/* Content */
.full-main-heading {
	width:915px;
	padding-left:5px;
	background:url('/img/main_heading_bl.png') no-repeat bottom left #a2c4cc;
	margin-bottom:20px;
}
.full-main-heading div {
	background:url('/img/main_heading_tr.png') no-repeat top right #a2c4cc;
	color:#fff;
	padding:16px 26px 16px 21px;
	text-transform:uppercase;
	display:block;
	text-align:left;
	height:16px;
	font-size:1.3em;
}
.right-main-heading {
	width:655px;
	padding-left:5px;
	background:url('/img/main_heading_bl.png') no-repeat bottom left #a2c4cc;
	margin-bottom:10px;
}
.right-main-heading div {
	background:url('/img/main_heading_tr.png') no-repeat top right #a2c4cc;
	color:#fff;
	padding:16px 26px 16px 21px;
	text-transform:uppercase;
	display:block;
	text-align:left;
	height:16px;
	font-size:1.3em;
}
#category-hero {
	width:660px;
	height:300px;
	/*background:url('/img/finland_tours_hero.jpg') top center no-repeat transparent;*/
	padding-bottom:20px;
}
#category-hero.tours {
	background:url('/img/tours_hero.jpg') top center no-repeat transparent;
}
#category-hero.accomodation {
	background:url('/img/accomodation_hero.jpg') top center no-repeat transparent;
}
#category-hero.transport {
	background:url('/img/transport_hero.jpg') top center no-repeat transparent;
}
#category-hero.sightseeing {
	background:url('/img/sightseeing_hero.jpg') top center no-repeat transparent;
}
.content-area {
	background-color:#fbf9f8;
	padding:20px;
}
#body-contact-right ul,
#body-right ul {
	margin-left:40px;
	padding-bottom:20px;
}

/* ---- Footer ---- */
#footer {
	padding:10px 10px 30px 10px;
	border-top:1px solid #cabdb4;
}

/* ---- Seasons ---- */
#seasons-wrapper {

}
#seasons-wrapper ul {
	overflow:hidden;
	margin:0;
	padding-bottom:0;
}
#seasons-wrapper li {
	list-style-type:none;
	float:left;
	text-align:center;
	margin-right:2px;
	padding:0;
}
#seasons-wrapper li:first-child a:link,
#seasons-wrapper li:first-child a:visited {
	background:url('/img/white_rounded_tl.png') no-repeat top left #fbf9f8;
}
#seasons-wrapper li:first-child a.selected:link,
#seasons-wrapper li:first-child a.selected:visited {
	background:url('/img/brown_rounded_tl.png') no-repeat top left #b3a89f;
	color:#fff;
}
#seasons-wrapper a:link,
#seasons-wrapper a:visited {
	background-color:#fbf9f8;
	padding:10px;
	width:100px;
	display:block;
}
#seasons-wrapper a.selected:link,
#seasons-wrapper a.selected:visited {
	background-color:#b3a89f;
	color:#fff;
}
#seasons-wrapper li.selected {
	background-color:#b3a89f;
}
#seasons-wrapper li.selected a:link,
#seasons-wrapper li.selected a:visited {
	color:#fff;
}
#seasons-wrapper li.last-horizontal a.selected:link,
#seasons-wrapper li.last-horizontal a.selected:visited {
	background:url('/img/brown_rounded_tr.png') no-repeat top right #b3a89f;
}
#seasons-wrapper li.last-horizontal a:visited,
#seasons-wrapper li.last-horizontal a:link {
	background:url('/img/white_rounded_tr.png') no-repeat top right #fbf9f8;
}

/* ---- Packages ---- */
#package-list {
	padding-top:20px;
}
/*.package-item {
	overflow:hidden;
	background-color:#fbf9f8;
	padding:20px;
}*/
.package-item-details {
	overflow:hidden;
	padding:20px;
	background-color:#fbf9f8;
}
.package-item-left {
	float:left;
	width:240px;
}
.package-item-left img {
	vertical-align:bottom;
}
.package-item-right {
	float:right;
	width:360px;
}
.package-details label {
	float:left;
	width:100px;
	color:#8ebac4;
}
.package-details {
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #cabdb4;
	list-style-type:none;
	margin-left:0 !important;
}
.package-details li {
	overflow:hidden;
}
.package-item a:link,
.package-item a:visited {
	color:#9a8479;
	font-weight:bold;
	text-decoration:underline;
}
.package-item a:hover {
	text-decoration:none;
}
.package-item-details ul {
	padding:10px 0 20px 0;
}

/* ---- Header ---- */
#flags {
	padding-bottom:10px;
}

/* ---- Tabs ---- */
.tabs {
	padding-top:20px;
}
.tabs ul {
	list-style-type:none;
	margin-left:0 !important;
	padding-bottom:0 !important;
	border-bottom:8px solid #A2C4CC;
	overflow:hidden;
}
.tabs li {
	float:left;
	margin-right:2px;
}
.tabs li a {
	padding:10px 20px;
	color:#fff;
	display:block;
}
.tabs li a:link,
.tabs li a:visited {
	background:url("/img/main_heading_tr.png") no-repeat scroll right top #A2C4CC;
}
.tabs li.selected a:link,
.tabs li.selected a:visited {
	background-image:none;
	background-color:#fff;
	color:#635955;
}