* {margin:0;padding:0;}



body {
 font: 100% Arial, Helvetica, sans-serif;
 background-color: #333333;
 line-height: 1.4em; 
 color: #FFFFFF;
 }
a img {
 border: none;
 }
a:link {
 color: #999999;
 text-decoration: none;
} 
a:visited{
 color: #999999;
 text-decoration: none;
}
a:hover {
 color: #F08700;
 text-decoration: none;
}
p {
 font-size: 0.8em;
 padding: 10px 0px 0px 0px;
 }
 
/* IE8 hack to get it to apply margin auto centering to element inside this one */

#wrap {
 width: 100%;
 background-image: url(../images/stripe.png);
 background-repeat: repeat-x;
}

/* Header */

#header {
 height: 130px;
 position: relative;
 width: 960px;
 margin:0 auto;
}
#logo {
 position: absolute;
 top: 10px;
 left: 0px;
}
#contact {
 position: absolute;
 top: 10px;
 right: 0px;
}
#navigation {
 position: absolute;
 bottom: 25px;
 right: 0px;
 height: 20px;
 font-size: 0.6em;
 text-transform: uppercase;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0px;
}
#navigation ul {
 float: right;
 margin: 0;
 padding: 0;
 list-style: none;
}
#navigation li {
 display: inline;
 margin: 0px 0px 0px 0px;
}
#navigation ul li a.active {
 color: #F08700;
 margin: 0px;
}
#navigation a:link, #navigation a:visited {
 padding: 8px 20px 8px 20px;
 color: #666666;
 text-decoration: none;
 border-right: 1px solid #F08700;
 margin: 0px;
}
#navigation a:hover {
 color: #F08700;
 margin: 0px;
}

/* MAIN BOX */

#main {
 width: 960px;
 clear: both;
 padding-right: 0px;
 padding-left: 0px;
 margin:0 auto;
}

/* HOME PAGE */

#side {
 float: left;
 padding: 0px 15px 0px 0px;
 width: 305px;
}
#features {
 width: 640px;
 height: 560px;
 float: right;
 padding: 0px;
 position: relative;
 }
#pic1 {
 height: 180px;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 320px;
}
#button1 {
 display: block;
 width: 320px;
 height: 180px;
 background: url("../images/pic-1-winter.jpg") no-repeat 0 0;
}
#button1:hover { 
 background-position: 0 -180px;
}
#button1 span {
 display: none;
}
#pic2 {
 height: 180px;
 position: absolute;
 top: 0px;
 left: 320px;
 width: 320px;
}
#button2 {
 display: block;
 width: 320px;
 height: 180px;
 background: url("../images/pic-4-winter.jpg") no-repeat 0 0;
}
#button2:hover { 
 background-position: 0 -180px;
}
#button2 span {
 display: none;
}
#pic3 {
 height: 180px;
 position: absolute;
 top: 180px;
 left: 0px;
 width: 320px;
}
#button3 {
 display: block;
 width: 320px;
 height: 180px;
 background: url("../images/pic-2-winter.jpg") no-repeat 0 0;
}
#button3:hover { 
 background-position: 0 -180px;
}
#button3 span {
 display: none;
}
#pic4 {
 height: 180px;
 position: absolute;
 top: 180px;
 left: 320px;
 width: 320px;
}
#button4 {
 display: block;
 width: 320px;
 height: 180px;
 background: url("../images/pic-5-winter.jpg") no-repeat 0 0;
}
#button4:hover { 
 background-position: 0 -180px;
}
#button4 span {
 display: none;
}
#pic5 {
 height: 180px;
 position: absolute;
 top: 360px;
 left: 0px;
 width: 320px;
}
#button5 {
 display: block;
 width: 320px;
 height: 180px;
 background: url("../images/pic-3-winter.jpg") no-repeat 0 0;
}
#button5:hover { 
 background-position: 0 -180px;
}
#button5 span {
 display: none;
}
#pic6 {
 height: 180px;
 position: absolute;
 top: 360px;
 left: 320px;
 width: 320px;
}
#button6 {
 display: block;
 width: 320px;
 height: 180px;
 background: url("../images/pic-6-winter.jpg") no-repeat 0 0;
}
#button6:hover { 
 background-position: 0 -180px;
}
#button6 span {
 display: none;
}

/* Content Area */

.webcam {
 border: 5px solid #666666;
}
#content {
 width: 700px;
 float: right;
 padding: 0px;
 position: relative;
 padding-bottom: 20px;
 }
#usp {
 right: -35px;
 top: 190px;
 position: absolute;
 height: 170px;
 width: 170px;
 z-index: 5000;
}
#offer {
 height: 52px;
 width: 120px;
 right: 25px;
 top: 82px;
 text-align: center;
 position: absolute;
 z-index: 6000;
}
#offer a:link {
 color: #333333;
 text-decoration: none;
 font-size: 0.9em;
 line-height: 1.1em;
 padding: 3px 2px 0px 2px;
} 
 
#offer a:hover {
 color: #FFFFFF;
 text-decoration: none;
}
#offer a:visited {
 color: #333333;
 text-decoration: none;
 }
#content h1 {
 font-size: 1.65em;
 margin: 0;
 padding: 0;
 color: #F08700;
 line-height: 1.1em;
 }
#content h2 {
 font-size: 1.2em;
 font-weight: normal;
 margin: 15px 0 10px 0;
 color: #F08700;
}
#content h3 {
 font-size: 1.1em;
 font-weight: normal;
 padding: 15px 0 10px 0;
 color: #F08700;
}
#content h4 {
 font-size: 0.9em;
 font-weight: normal;
 padding: 0px 0px 0px 0px;
 color: #FFFFFF;
}
#content #list {
 width: 240px;
 float: right;
 padding-top: 25px;
}
#content #text {
 width: 440px;
 float: left;
 padding-top: 15px;
}
#list {
 float: right;
 width: 245px;
 margin: 0px;
}
#list ul {
 list-style: none;
 list-style-position: inside;
 padding: 5px 0px 10px 0px;
}
#list li {
 line-height: 1em;
 font-size: 0.9em;
 font-weight: lighter;
 text-transform: uppercase;
 color: #F08700;
 padding: 5px 0px 3px 0px;
}
#list li.active a:link {
 color: #F08700;
}
#list li.visited {
 color: #999999;
}
#text{
 left: 0px;
 width: 440px;
 margin: 0px;
}
#text ul {
 list-style-position: inside;
 padding: 0px 0px 0px 0px;
}
#text li {
 line-height: 1.2em;
 font-size: 0.8em;
 font-weight: lighter;
 color: FFFFFF;
 padding: 3px 0px 3px 5px;
}

/* Sidebar */

#sidebar {
 width: 245px;
 float: left;
 padding: 0px 15px 0px 0px;
}
#sidebar ul {
 list-style: none;
}
#sidebar h2	{
 font-size: 1.2em;
 margin: 25px 0 12px 0;
 color: #F08700;
 }
 #sidebar #subnav {
  padding-top: 25px;
 }
 #weather {
 width: 550px;
 float: left;
 padding: 0px 15px 0px 0px;
}

/* Footer */

#footer {
 background: #333333 url('../images/stripe.png') repeat-x;
 border-top: solid 1px #999999;
}
#footer a	{
 color: #ffffff;
 text-decoration: underline;
}
#footer a:hover	{
 color:#804249;
 text-decoration: underline;
}
#footer a:visited {
 color:#ffffff;
 text-decoration:underline;}

#footer p {
 margin: 0 0 15px 0
 }
 #foot {
 height: 150px;
 width: 960px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 position: relative;
} 


#footleft {
 height: 150px;
 width: 380px;
 position: absolute;
 left: 0px;
 top: 10px;
}
.badge {
 float: left;
 margin-right: 8px;
}
#details-summer {
 color: #F08700;
 font-size: 0.7em;
 line-height: normal;
}
#footright {
 height: 150px;
 width: 690px;
 position: absolute;
 right: 0px;
 top: 10px;
}
#trip {
 float: right;
 padding-top: 12px;
 margin-left: 18px;
}
#skype {
 float: right;
 padding-top: 20px;
 margin-left: 18px;
}
#sign {
 float: right;
 padding-top: 12px;
 margin-left: 18px;
}
#fb {
 float: right;
 padding-top: 12px;
 margin-left: 18px;
}
#ren {
 float: right;
 padding-top: 12px;
 margin-left: 18px;
}
#vans {
 float: right;
 padding-top: 12px;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {
 display: inline-block;}
* html .clearfix {
 height: 1%;}
.clearfix {
 display: block;}
 
 /* TABLE */
 
 .price-table {
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 15px;
	border-collapse: separate;
	empty-cells: hide;
	text-align: center;
	line-height: 1em;
}
.price-table td {
	background-color: #FFFFFF;
	border: 1px solid #fff;
	padding: 3px;
}
.price-table th {
	background-color: #333333; 
	color: #fff;
	border: 2px solid #fff;
	font-size: 0.8em;
	padding: 5px 0;
	text-align: center;	
}
.price-table .availability td {
	color: #666666;
	font-size: 10px;
}
.price-table .cost td {
	color: #F08700;
	font-size: 0.8em;
	font-weight: bold;
}

/* contact form  */

form p { 
 clear: left;
 margin: 0;
 padding: 0;
 padding-top: 5px;
}
form p label{ 
 float: left;
 width: 40%;
}
input.text{ 
 color: #333333;
 background-color: #FFFFFF;
 width: 230px;
 border: 1px inset #F08700;
}
textarea{ 
 color: #333333;
 background-color: #FFFFFF;
 width: 230px;
 height: 150px;
 border: 1px inset #7D0119;
}
fieldset {
 border: 1px solid #F08700;
 margin: 5px 0px 0px 0px;
 padding: 10px 10px 10px 10px;
}
legend {
 font-size: 1em;
 color: #F08700;
 background-color: #333333;
}