/*
Main Style Sheet Argentiere Rentals v2
Created: 21/05/09
Updated: 18/07/09
www.argentiererentals.com
*/

/* RESET STYLES */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333333;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET STYLES */

body {
 font: 1.0em/1 Helvetica, Arial, sans-serif;
 background: url(../images/layout/bg2.gif);
 background-repeat: repeat-x;
 background-position: top;
}

#Container {
 width: 930px;
 margin: 0 auto 0 auto;
 position: relative;
 background-color: #FFFFFF;
 border: 15px solid #FFFFFF;
}

#LeftColumn {
 width: 620px;
 background-color: #FFFFFF;
 padding: 0 0 15px 0;
 float: left;
 margin-top: 40px;
}

/* ACCESSIBILITY LINKS */
#ScreenReader {
 position: absolute;
 top: -1000em;
 left: -100000em;
}
/* END ACCESSIBILITY LINKS */



/* TOP BAR */
#TopBar {
 width: 960px;
 height: 120px;
 background: url(../images/layout/topbar_bg.gif);
 margin: 0 auto 0 auto;
 position: relative;
}
#Logo {
 width: 396px;
 height: 53px;
 float: left;
 margin: 35px 0 0 25px;
}
#Featurebox { 
 width: 930px;
 height: 309px;
 position: relative;
 overflow: hidden;
}

/* SLIDER */
#s3slider { 
 width: 930px; /* important to be same as image width */ 
 height: 309px; /* important to be same as image height */
 position: relative; /* important */
 overflow: hidden; /* important */
}
#s3sliderContent {
 width: 930px; /* important to be same as image width or wider */
 position: absolute; /* important */
 top: 0; /* important */
 margin-left: 0; /* important */
}
.s3sliderImage {
 float: left; /* important */
 position: relative; /* important */
 display: none; /* important */
}
.s3sliderImage span {
 position: absolute; /* important */
 right: 0;
 font-size: 1.3em; color: #ffffff; font-weight: 100; line-height: 1.2em;
 padding: 10px 15px 10px 15px;
 width: 435px;
 background-color: #000000;

 filter: alpha(opacity=70); /* here you can set the opacity of box with text */
 /*-moz-opacity: 0.7; /* here you can set the opacity of box with text */
 /*-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
 opacity: 0.7; /* here you can set the opacity of box with text */
 display: none; /* important */
 top: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
/* END SLIDER */
/* END TOP BAR */


/* NAVIGATION */
#MainNav {
 width: 930px;
 padding: 10px 0 10px 0;
 background-color: #4d4d4d;
 overflow: hidden;
 border-bottom: 4px solid #ffffff;
 text-align: center;
}

#mainlinks_nav { white-space: nowrap; padding: 0; margin: 0; }
#mainlinks_nav li { float: left; padding: 0 0.8em; font-size: 1.08em; color: #FFFFFF; text-decoration: none; text-transform: lowercase; list-style-type: none; display: inline; }
#mainlinks_nav li a { color: #FFFFFF; text-decoration: none; }
#mainlinks_nav li a:hover { color: #ddf1fa; text-decoration: underline; }
/* END NAVIGATION */


/* HOME */
#Home {
 width: 590px;
 height: auto;
 background-color: #FFFFFF;
 padding: 0 20px 10px 10px;
 float: left;
}

#Home p { color: #333333; font-size: 1.0em; font-weight: 100; line-height: 1.7em; margin-bottom: 1.3em;}
#Home em { font-style: italic; }
#Home strong { font-weight: bold; }

#Home A { color: #828385; }
#Home A:link { color: #828385; }
#Home A:visited { color: #828385; }
#Home A:hover { color: #000000; text-decoration: none; background: #D8DCDD; }

#Home ul { padding-left: 15px; /*link text is indented 15px*/  list-style-type: disc; margin-top: 10px; margin-bottom: 1.5em; }
#Home ul li { color: #000000; line-height: 2.0em; }

#Home h1 { font-size: 2.5em; color: #333333; font-weight: 100; text-decoration: none; margin-bottom: 25px; line-height: 1.2em;}
#Home h2 { font-size: 2.8em; color: #c00800; font-weight: 100; text-decoration: none; margin-bottom: 20px; line-height: 1.2em;}
#Home h3 { font-size: 2.8em; color: #c00800; font-weight: 100; text-decoration: none; margin-bottom: 20px; line-height: 1.2em;}
#Home h4 { font-size: 2.8em; color: #c00800; font-weight: 100; text-decoration: none; margin-bottom: 20px; line-height: 1.2em;}
#Home h5 { font-size: 2.8em; color: #828385; font-weight: 100; text-decoration: none; margin-bottom: 20px; line-height: 1.2em;}
/* END HOME */



/* GENERAL */
#General {
 width: 590px;
 height: auto;
 background-color: #FFFFFF;
 padding: 0 20px 10px 10px;
 float: left;
}

#General p { color: #333333; font-size: 1.0em; font-weight: 100; line-height: 1.7em; margin-bottom: 1.3em;}
#General em { font-style: italic; }
#General strong { font-weight: bold; }
#General p.error { color: red; font-size: 1.0em; font-weight: bold; line-height: 1.7em; margin-bottom: 1.3em;}

#General A { color: #828385; }
#General A:link { color: #828385; }
#General A:visited { color: #828385; }
#General A:hover { color: #000000; text-decoration: none; background: #D8DCDD; }

#General ul { padding-left: 15px; /*link text is indented 15px*/  list-style-type: disc; margin-top: 10px; margin-bottom: 1.5em; }
#General ul li { color: #000000; line-height: 2.0em; }

#General ol { padding-left: 22px; /*link text is indented 15px*/  list-style-type: decimal; margin-top: 10px; margin-bottom: 1.5em; }
#General ol li { color: #000000; line-height: 2.0em; }

#General h1 { font-size: 3.1em; color: #333333; font-weight: 100; text-decoration: none; margin-bottom:25px; line-height: 1.2em;}
#General h2 { font-size: 2.3em; color: #3575a0; font-weight: 100; text-decoration: none; margin: 40px 0 10px 0; line-height: 1.2em;}
#General h3 { font-size: 2.3em; color: #3575a0; font-weight: 100; text-decoration: none; margin: 40px 0 10px 0; line-height: 1.2em;}
#General h4 { font-size: 2.3em; color: #3575a0; font-weight: 100; text-decoration: none; margin: 40px 0 10px 0; line-height: 1.2em;}
#General h5 { font-size: 2.3em; color: #3575a0; font-weight: 100; text-decoration: none; margin: 40px 0 10px 0; line-height: 1.2em;}

.subhead { font-size: 1.5em; color: #333333; font-weight: 100; text-decoration:none; margin-bottom:15px; line-height: 1.2em;}

.commentBox {
 width: 580px;
 padding: 20px 0 20px 0;
 border-bottom: 1px dotted #D8DCDD;
}
/* END GENERAL */


/* SUMMER */
.green { color: #008000; font-weight: bold; }
.orange { color: #FFA500; font-weight: bold; }
.red { color: #FF0000; font-weight: bold; }
.blue { color: #0000FF; font-weight: bold; }
/* END SUMMER */


/* ACCOMMODATION */
.thumbnailholder{
 width: 180px;
 height: 180px;
 margin: 0 20px 10px 0;
 float: left;
 border: 1px solid #333333;
}
.thumbnailtext{
 width: 180px;
 height: auto;
 margin: 0 20px 10px 0;
 float: left;
 text-align: center;
 font-size: 1.0em; font-weight: 100; line-height: 1.7em; margin-bottom: 1.3em;
}
.thumbnailholderright{
 width: 180px;
 height: 180px;
 margin: 0 0 10px 0;
 float: left;
 border: 1px solid #333333;
}
.thumbnailtextright{
 width: 180px;
 height: auto;
 margin: 0 0 10px 0;
 float: left;
 text-align: center;
 font-size: 1.0em; font-weight: 100; line-height: 1.7em; margin-bottom: 1.3em;
}
/* END ACCOMMODATION */


/* RIGHT COLUMN */
#RightColumn {
 width: 279px;
 height: auto;
 float: right;
 background-color: #FFFFFF;
 padding: 0 10px 20px 20px;
 border-left: 1px solid #D8DCDD;
 margin-top: 40px;
}

#RightColumn h1 { font-size: 2.5em; color: #3575a0; font-weight: 100; text-decoration:none; text-transform:lowercase; margin: 0;  border-bottom: 1px dotted #BABCBE; padding-bottom: 20px; line-height: 1.2em; }
#RightColumn h2 { font-size: 2.5em; color: #3575a0; font-weight: 100; text-decoration:none; text-transform:lowercase; margin: 20px 0 0 0;  border-bottom: 1px dotted #BABCBE; padding-bottom: 20px; line-height: 1.2em; }
#RightColumn h3 { font-size: 2.5em; color: #3575a0; font-weight: 100; text-decoration:none; text-transform:lowercase; margin: 20px 0 0 0;  border-bottom: 1px dotted #BABCBE; padding-bottom: 20px; line-height: 1.2em; }
#RightColumn h4 { font-size: 2.5em; color: #3575a0; font-weight: 100; text-decoration:none; text-transform:lowercase; margin: 20px 0 0 0;  border-bottom: 1px dotted #BABCBE; padding-bottom: 20px; line-height: 1.2em; }
#RightColumn h5 { font-size: 2.5em; color: #3575a0; font-weight: 100; text-decoration:none; text-transform:lowercase; margin: 20px 0 0 0;  border-bottom: 1px dotted #BABCBE; padding-bottom: 20px; line-height: 1.2em; }

#right_nav { list-style-type: none; width: 279px; margin-bottom: 20px;}
#right_nav li { border-bottom: 1px dotted #BABCBE; padding: 15px 0 15px 0px; line-height: 1.5em; }
#right_nav li.calander { border-bottom: 1px dotted #BABCBE; padding: 25px 0 25px 60px; line-height: 1.5em; background: url(../images/misc/calendar.gif) no-repeat center left; }
#right_nav li.contact { border-bottom: 1px dotted #BABCBE; padding: 25px 0 25px 60px; line-height: 1.5em; background: url(../images/misc/contact.gif) no-repeat center left; }
#right_nav li.pdf { border-bottom: 1px dotted #BABCBE; padding: 25px 0 25px 60px; line-height: 1.5em;  background: url(../images/misc/pdf.gif) no-repeat center left; }
#right_nav li.guestbook { border-bottom: 1px dotted #BABCBE; padding: 25px 0 25px 60px; line-height: 1.5em; background: url(../images/misc/guestbook.png) no-repeat center left; }
#right_nav li.euro { border-bottom: 1px dotted #BABCBE; padding: 25px 0 25px 60px; line-height: 1.5em; background: url(../images/misc/euro.png) no-repeat center left; }
#right_nav li a { font-size: 1.3em; color: #3575a0; text-decoration: none; }
#right_nav li a:hover { color: #333333;}

.right_nav_center { list-style-type: none; width: 279px; margin: 0;}
.right_nav_center li { border-bottom: 1px dotted #BABCBE; padding-top: 15px; padding-bottom: 15px; line-height: 1.5em; text-align:center; }
.right_nav_center li a { font-size: 1.083333em; color: #828385; text-decoration: none; }
.right_nav_center li a:hover { color: #BABCBE;}
/* END RIGHT COLUMN */


/* MAPS START */

#RightColumnMap {
 width: 278px;
 height: 278px;
 background-color: #FFFFFF;
 margin-bottom: 20px;
 border: 1px solid #D8DCDD;
}

div#wrapper { position: relative; }
div#legend { position: absolute; bottom: 0px; right: 0px; }
/* MAPS END */



#AccommodationLeft {
 width: 463px;
 height: 309px;
 padding: 20px 0 0 0;
 float: left;
 background-color: #5d91b3;
}

#AccommodationLeftText {
 width: 423px;
 font-size: 2.7em;
 font-weight: 100;
 line-height: 1.5em;
 color: #FFFFFF;
 padding: 0 20px 0 20px;
}

#AccommodationLeftTextBottom {
 width: 423px;
 font-size: 1.0em;
 font-weight: 100;
 line-height: 1.5em;
 color: #FFFFFF;
 padding: 75px 20px 0 20px;
}

#AccommodationLeftNav {
 width: 453px;
 height: 40px;
 padding: 5px;
 font-size: 0.9em;
 color: #FFFFFF;
 font-weight: 100;
 text-decoration:none;
 position:absolute;
 bottom:0;
 border-top: 4px solid #FFFFFF;
}

#PhotoBox {
 width:463px;
 height:309px;
 overflow:hidden;
 float:right;
}

/* Easy Slider */
 
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:463px;
		height:309px;
		overflow:hidden;
		float:right;
		}
span#prevBtn {
 padding-left: 15px;
 float: left;
 font-size: 1.8em;
 font-weight: 100;
 line-height: 1.5em;
 margin-bottom: 1.3em;
}

span#nextBtn {
 padding-right: 20px;
 float: right;
 font-size: 1.8em;
 font-weight: 100;
 line-height: 1.5em;
 margin-bottom: 1.3em
}

#prevBtn A { color: #FFFFFF; }
#prevBtn A:link { color: #FFFFFF; text-decoration: none }
#prevBtn A:visited { color: #FFFFFF; text-decoration: none }
#prevBtn A:hover { color: #333333; text-decoration: none; }

#nextBtn A { color: #FFFFFF; }
#nextBtn A:link { color: #FFFFFF; text-decoration: none }
#nextBtn A:visited { color: #FFFFFF; text-decoration: none }
#nextBtn A:hover { color: #333333; text-decoration: none; }
 
/* // Easy Slider */

/*
CALENDAR
***********/

table .cal_month{
 border:1px solid #D8DCDD;
 background-color:#f2f2f2;
 margin-bottom: 20px;
}
thead td{
 text-align: center;
 padding: 5px;
 font-weight: bold;
}
.cal_title{
 border: 1px solid #D8DCDD;
 background-color: #3575a0;
 text-align: center;
 color: #FFFFFF;
}
.cal_data{
 text-align:center;
}
.cal_empty{
 text-align:center;
}




/* FORM STYLES */

fieldset.Contact {
 border: 1px solid #D8DCDD;
 padding-bottom: 10px;
 margin-bottom: 20px;
}

fieldset legend.Contact {
 font-size: 2.916667em;
 color: #828385;
 font-weight: 100;
 margin-bottom: 20px;
}

fieldset label.Contact {
 padding: 0 1em;
 float: left;
 line-height: 1.5em;
 font-weight: 600;
 text-align: right;
 width: 180px;
}
fieldset label.ContactWide {
 padding: 0 1em;
 float: left;
 line-height: 1.5em;
 font-weight: 600;
 text-align: right;
 width: 580px;
}
fieldset div.Contact {
 margin-bottom: 10px;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
}
fieldset div input.Contact {
 width: 300px;
}
fieldset div input.ContactDate {
 width: 190px;
}
fieldset div textarea.Contact {
 width: 560px;
}
fieldset div select.Contact {
 width: 300px;
}
fieldset div.ContactSubmit {
 clear: both;
 padding-top: 13px;
 text-align: center;
}
fieldset div input.ContactButton {
 border: 1px solid #000000;
 padding: 6px;
 background-color: #4d4d4d;
 color: #FFFFFF;
 font-size: 1.05em;
 font-weight: bold;
 width: auto;
}
.otherproperty {
 border: 1px solid #333333;
 padding: 17px 6px 0 10px;
 background-color: #e5e5e5;
 margin-top: 15px;
}


fieldset.Login {
 margin-top: 20px;
 margin-bottom: 20px;
}

fieldset legend.Login {
 font-size: 2.5em;
 color: #ffffff;
 font-weight: 100;
 margin-bottom: 30px;
 padding-left: 20px;
}

fieldset label.Login {
 padding: 0 1em;
 line-height: 1.5em;
 font-weight: 600;
 text-align: left;
 width: 120px;
}
fieldset div.Login {
 margin-bottom: 10px;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
}
fieldset div input.Login {
 width: 270px;
}
fieldset div.LoginSubmit {
 clear: both;
 padding-top: 13px;
 text-align: center;
}
fieldset div input.LoginButton {
 border: 1px solid #000000;
 padding: 6px;
 background-color: #4d4d4d;
 color: #FFFFFF;
 font-size: 1.05em;
 font-weight: bold;
 width: auto;
}
/* END FORM STYLES */


/* CLEARS START */
.clearboth {
 clear: both;
 font-size: 0em;
 margin: 0;
 padding: 0;
 height: 0;
}
.clearleft {
 clear: left;
 font-size: 0em;
 margin: 0;
 padding: 0;
 height: 0;
}
.clearright {
 clear: right;
 font-size: 0em;
 margin: 0;
 padding: 0;
 height: 0;
}
/* CLEARS END */


/* FOOTER */
#Footer {
 width: 930px;
 padding: 20px;
 font-size: 0.95em; color: #0C5C92; line-height: 1.6em;
 text-align: center;
 margin-top: 50px;
}
/* END FOOTER */


/* ADMIN */
#ContainerLogin {
 width: 930px;
 margin: 20px auto 0 auto;
 position: relative;
}
#LoginBox { 
 width: 500px;
 height: 300px;
 border: 10px solid #FFFFFF;
 background-color: #729fbd;
 margin: 0 auto 0 auto;
 text-align: center;
}

.login A { color: #FFFFFF; }
.login A:link { color: #FFFFFF; text-decoration: none }
.login A:visited { color: #FFFFFF; text-decoration: none }
.login A:hover { color: #333333; text-decoration: none; }