/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 940px; margin: 0 auto; padding: 0; }
    .container .column                          { float: left; display: inline; margin-left: 20px; margin-bottom: 20px; position:relative;}
    .row .column:first-child					{ margin-left: 0px;}

    /* Base Grid */
	.container .one-eight.column		   { width: 100px; }
	.container .one-fourth.column	       { width: 220px; }
	.container .one-half.column			   { width: 460px; }
	.container .three-fourths.column	   { width: 700px; }
	.container .full-width.column	       { width: 940px; }
	.container .one-third.column		   { width: 300px; }
	.container .two-thirds.column		   { width: 620px; }
	
	/* Left content */
	#primary-left .one-half.column			{ width: 310px; }
	#primary-left .one-third.column			{ width: 200px; }
	#primary-left .two-thirds.column		{ width: 420px; }
	#primary-left .one-fourth.column		{ width: 145px; }
	#primary-left .three-fourths.column		{ width: 475px; }
	#primary-left .full-width.column		{ width: 640px; }	
	#primary-left .one-eight.column			{ width: 62px; }
	
	/* Right content */
	#primary-right .one-half.column			{ width: 310px; }
	#primary-right .one-third.column		{ width: 200px; }
	#primary-right .two-thirds.column		{ width: 420px; }
	#primary-right .one-fourth.column		{ width: 145px; }
	#primary-right .three-fourths.column	{ width: 475px; }
	#primary-right .full-width.column		{ width: 640px; }	
	#primary-right .one-eight.column		{ width: 62px; }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		.sf-menu { display:none;}
		.mobileMenu {
			display: block;
			width: 100%;
			border: 1px solid #e5e5e5;
			outline: none;
			cursor: pointer;
			margin-bottom: 0px;
		}
		#primary-fullwidth							{ width: 748px;}
		#primary-left, #primary-right				{ width: 508px;}
		#sidebar 	{ width:220px;}
        .container                                  { width: 748px; }
        .container .column							{ margin-left: 20px; margin-right: 0px;  }

		/* Columns */
		.container .one-eight.column				{ width: 76px; }
		.container .one-fourth.column				{ width: 172px; }
		.container .one-half.column					{ width: 364px; }
		.container .three-fourths.column			{ width: 556px; }
		.container .full-width.column				{ width: 748px; }
        .container .one-third.column				{ width: 236px; }
        .container .two-thirds.column				{ width: 492px; }

		/* Left content */
		#primary-left .one-half.column			{ width: 244px; }
		#primary-left .one-third.column			{ width: 156px; }
		#primary-left .two-thirds.column		{ width: 332px; }
		#primary-left .one-fourth.column		{ width: 112px; }
		#primary-left .three-fourths.column		{ width: 376px; }
		#primary-left .full-width.column		{ width: 508px; }	
		#primary-left .one-eight.column			{ width: 46px; }
		
		/* Right content */
		#primary-right .one-half.column			{ width: 244px; }
		#primary-right .one-third.column		{ width: 156px; }
		#primary-right .two-thirds.column		{ width: 332px; }
		#primary-right .one-fourth.column		{ width: 112px; }
		#primary-right .three-fourths.column	{ width: 376px; }
		#primary-right .full-width.column		{ width: 508px; }	
		#primary-right .one-eight.column		{ width: 46px; }
		
		/* Rooms */
		.accommodation .room-preview {width: 172px !important;background-image: url(../img/accommodation-style1-shadow-172.png) !important; padding-bottom: 9px !important;}		
		.accommodation .room-description {width: 364px !important;}		
		.accommodation .room-preview a.show-image, 
		.accommodation .room-preview a.show-video {bottom:9px !important;}
		.accommodation .room-reservation { width:172px !important;}
		
		/* Special offers */
		.special-offer .offer-preview {width: 140px !important;background-image: url(../img/accommodation-style1-shadow-140.png) !important;	padding-bottom: 8px !important;}
		.special-offer .offer-description {width: 218px !important;}

    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {		
		/*Menu*/
		.sf-menu {display: none !important;}
		.mobileMenu {
			display: block;
			width: 100%;
			border: 1px solid #e5e5e5;
			outline: none;
			cursor: pointer;
			margin-bottom: 0px;
		}
		
		/* Contact inputs */
		#contact-human p {
			width: 100%;
			margin: 0 0 15px 0;
			float: none;
			display:block;
		}
		#contact-human div {float: none; width: 100%;}
		#contact-human label {width: 30%; float: left;}
		#contact-human input {width: 70%;}
		
		/* Tabs */
		
		/*Containers*/
		#primary-fullwidth	{ width: 300px;}
		#primary-fullwidth							{ width: 300px;}
		#primary-left, #primary-right				{ width: 300px;}
		#sidebar 	{ width:300px;}
        .container { width: 300px; }
        .container .column { margin: 0 0 20px 0; }

		.container .one-eight.column,
		.container .one-fourth.column,
		.container .one-half.column,
		.container .three-fourths.column,
		.container .full-width.column,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }
		
		/* Left and right content */
		#primary-left .one-half.column,
		#primary-left .one-third.column,
		#primary-left .two-thirds.column,
		#primary-left .one-fourth.column,
		#primary-left .three-fourths.column,
		#primary-left .full-width.column,
		#primary-left .one-eight.column,
		#primary-right .one-half.column,
		#primary-right .one-third.column,
		#primary-right .two-thirds.column,
		#primary-right .one-fourth.column,
		#primary-right .three-fourths.column,
		#primary-right .full-width.column,
		#primary-right .one-eight.column		{ width: 300px; }
		
		/* Rooms Style 1 */
		.accommodation .room-preview, 
		.accommodation .room-reservation, 
		.accommodation .room-description {width: 300px !important; margin-left: 0px !important;}
		
		.accommodation .room-preview {background-image: url(../img/accommodation-style1-shadow-300.png) !important; padding-bottom: 16px !important;}
		
		.accommodation .room-preview a.show-image, 
		.accommodation .room-preview a.show-video {bottom:16px !important;}
		
		/* Reservations */
		.reservation-form .personal-details div,
		.reservation-form .reservation-details div,
		.reservation-form .date-details .booking-calendar {
			float:none !important;
			width:100% !important;
			margin-right:0 !important;
		}
		
		/* Special offers */
		.special-offer .offer-preview {width: 300px !important;background-image: url(../img/accommodation-style1-shadow-300.png) !important;	padding-bottom: 16px !important;}
		.special-offer .offer-description, .special-offer .offer-reservation {width:100% !important;margin-left:0 !important;}
		
		/* Header */
		#logo { float:none !important; margin-bottom:30px !important;}
		
		/* Call to action */
		.call-to-action { text-align:center;}
		.call-to-action .button {float:none !important; margin-right:0px;}
		.call-to-action h3 { float:none !important; margin-bottom: 20px !important;}
		
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {	
        #primary-fullwidth	{ width: 420px;}
		#primary-left, #primary-right				{ width: 420px;}
		#sidebar 	{ width:420px;}
		
		.container { width: 420px; }
        .container .column { margin: 0 0 20px 0; }

		.container .one-eight.column,
		.container .one-fourth.column,
		.container .one-half.column,
		.container .three-fourths.column,
		.container .full-width.column,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
		
		/* Left and right content */
		#primary-left .one-half.column,
		#primary-left .one-third.column,
		#primary-left .two-thirds.column,
		#primary-left .one-fourth.column,
		#primary-left .three-fourths.column,
		#primary-left .full-width.column,
		#primary-left .one-eight.column,
		#primary-right .one-half.column,
		#primary-right .one-third.column,
		#primary-right .two-thirds.column,
		#primary-right .one-fourth.column,
		#primary-right .three-fourths.column,
		#primary-right .full-width.column,
		#primary-right .one-eight.column		{ width: 420px; }
		
		/* Rooms Style 1 */
		.accommodation .room-preview, 
		.accommodation .room-reservation, 
		.accommodation .room-description	{width: 420px !important; margin-left: 0px !important;}
		.accommodation .room-preview 
		{background-image: url(../img/accommodation-style1-shadow-420.png) !important; padding-bottom: 23px !important;}
		
		.accommodation .room-preview a.show-image, 
		.accommodation .room-preview a.show-video {bottom:23px !important;}
		
		/* Reservations */
		.reservation-form .personal-details div,
		.reservation-form .reservation-details div,
		.reservation-form .date-details .booking-calendar {
			float:none !important;
			width:100% !important;
			margin-right:0 !important;
		}
		
		/* Special offers */
		.special-offer .offer-preview { width:420px !important;background-image: url(../img/accommodation-style1-shadow-420.png) !important;	padding-bottom: 23px !important;}
		.special-offer .offer-description, .special-offer .offer-reservation {width:100% !important;margin-left:0 !important;}
		
		/* Header */
		#logo { float:none !important; margin-bottom:30px !important;}
		
    }