/*

	Variable Grid System.

	Learn more ~ http://www.spry-soft.com/grids/

	Based on 960 Grid System - http://960.gs/



	Licensed under GPL and MIT.

*/

/*      ------------------------

        Specific website entries BOOKINGS SPECIFIC PAGES

        ------------------------ */

a   {

    color: #7777aa;

    }

a#foot   {

    color: #7777aa;

    font-size: 12px;

    }

h2 a {

    color: #2222aa;

    font-size: 16px;

    margin-left: 40px;

    }

p   {

    color: #222255;

    text-align: left;

    }

h1#name {
    color: #3183c6;
    }

h1  {
    color: #3183c6;
    }

h2  {
    color: #3183c6;
    text-align: center;
    }

h3  {
    margin-bottom: 0px;
    color: #3183c6;
    }

span#contact {
    font-size: 12px;
    color: 222255;
    }

p#contact {

    font-size: 12px;

    color: 222255;

    padding: 10px;

    }

p#small {

    font-size: 12px;

    color: 222255;

    }

p#foot {

    text-align: center;

    color: #7c7f72;

    }

div#bottom {

    text-align: left;

    font-size: 12px;

    color: #3c3f32;

    margin-top: 10px;

    }

.bottomborder {

    margin-left: 0px;

    border-top: 1px solid #1b5a34 ;

    margin-right: 0px;

    }

.name {

    font-style: italic;

    color: #3183c6;

    }



/* Containers    background: transparent url(pinstripe.jpg) repeat scroll top left; 

----------------------------------------------------------------------------------------------------*/

.container {

    margin-left: auto;

    margin-right: auto;

    width: 960px;

    background: transparent url(../images/dapple.jpg) repeat scroll top left; 

}



/* Day of Week spacing and formatting

----------------------------------------------------------------------------------------------------*/



.container .price {

    left: 0px;

    width: 48px;

    padding: 0px;

    display:inline;

    float: left;

    position: relative;

    font-size: 12px;

    color: #3183c6;

    }



.container .pad_line {

    border: none;

    left: 0px;

    width: 39px;

    padding: 0px;

    display:inline;

    float: left;

    position: relative;

    height: 1.3em;

    }



.container .left {

    position: relative;

    left: 0px;

    width: 287px;

    }

.container .right {

    position: relative;

    left: 30px;

    width: 287px;

    }



.mon,

.tue,

.wed,

.thu,

.fri,

.sat,

.sun {

    border: 1px solid #335577;

    left: 0px;

    width: 32px;

    padding: 0px;

    display:inline;

    float: left;

    position: relative;

    font-size: 12px;

    text-align: center;

    }


.container .pad_0 {

    left: 0px;

    }

.container .pad_1 {

    left: 34px;

    }

.container .pad_2 {

    left: 68px;

    }

.container .pad_3 {

    left: 102px;

    }

.container .pad_4 {

    left: 136px;

    }

.container .pad_5 {

    left: 170px;

    }

.container .pad_6 {

    left: 204px;

    }



.container .free {

    background-color: lightgreen;

    }

.container .booked {

    background-color: #ee5555;

    }

.container .reserved {

    background-color: #ffffff;

    }





/* Grid >> Global

----------------------------------------------------------------------------------------------------*/



.grid_1,

.grid_2,

.grid_3,

.grid_4,

.grid_5,

.grid_6,

.grid_7,

.grid_8,

.grid_9,

.grid_10,

.grid_11,

.grid_12 {

	display:inline;

	float: left;

	position: relative;

	margin-left: 10px;

	margin-right: 10px;

}



/* Grid >> Children (Alpha ~ First, Omega ~ Last)

----------------------------------------------------------------------------------------------------*/



.alpha {

	margin-left: 0;

}



.omega {

	margin-right: 0;

}



/* Grid >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container .grid_1 {

	width:60px;

}



.container .grid_2 {

	width:140px;

}



.container .grid_3 {

	width:220px;

}



.container .grid_4 {

	width:300px;

}



.container .grid_5 {

	width:380px;

}



.container .grid_6 {

	width:460px;

}



.container .grid_7 {

	width:540px;

}



.container .grid_8 {

	width:620px;

}



.container .grid_9 {

	width:700px;

}



.container .grid_10 {

	width:780px;

}



.container .grid_11 {

	width:860px;

}



.container .grid_12 {

	width:940px;

}







/* Prefix Extra Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container .prefix_1 {

	padding-left:80px;

}



.container .prefix_2 {

	padding-left:160px;

}



.container .prefix_3 {

	padding-left:240px;

}



.container .prefix_4 {

	padding-left:320px;

}



.container .prefix_5 {

	padding-left:400px;

}



.container .prefix_6 {

	padding-left:480px;

}



.container .prefix_7 {

	padding-left:560px;

}



.container .prefix_8 {

	padding-left:640px;

}



.container .prefix_9 {

	padding-left:720px;

}



.container .prefix_10 {

	padding-left:800px;

}



.container .prefix_11 {

	padding-left:880px;

}







/* Suffix Extra Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container .suffix_1 {

	padding-right:80px;

}



.container .suffix_2 {

	padding-right:160px;

}



.container .suffix_3 {

	padding-right:240px;

}



.container .suffix_4 {

	padding-right:320px;

}



.container .suffix_5 {

	padding-right:400px;

}



.container .suffix_6 {

	padding-right:480px;

}



.container .suffix_7 {

	padding-right:560px;

}



.container .suffix_8 {

	padding-right:640px;

}



.container .suffix_9 {

	padding-right:720px;

}



.container .suffix_10 {

	padding-right:800px;

}



.container .suffix_11 {

	padding-right:880px;

}







/* Push Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container .push_1 {

	left:80px;

}



.container .push_2 {

	left:160px;

}



.container .push_3 {

	left:240px;

}



.container .push_4 {

	left:320px;

}



.container .push_5 {

	left:400px;

}



.container .push_6 {

	left:480px;

}



.container .push_7 {

	left:560px;

}



.container .push_8 {

	left:640px;

}



.container .push_9 {

	left:720px;

}



.container .push_10 {

	left:800px;

}



.container .push_11 {

	left:880px;

}







/* Pull Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container .pull_1 {

	left:-80px;

}



.container .pull_2 {

	left:-160px;

}



.container .pull_3 {

	left:-240px;

}



.container .pull_4 {

	left:-320px;

}



.container .pull_5 {

	left:-400px;

}



.container .pull_6 {

	left:-480px;

}



.container .pull_7 {

	left:-560px;

}



.container .pull_8 {

	left:-640px;

}



.container .pull_9 {

	left:-720px;

}



.container .pull_10 {

	left:-800px;

}



.container .pull_11 {

	left:-880px;

}









/* Clear Floated Elements

----------------------------------------------------------------------------------------------------*/



/* http://sonspring.com/journal/clearing-floats */



.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */



.clearfix:after {

	clear: both;

	content: ' ';

	display: block;

	font-size: 0;

	line-height: 0;

	visibility: hidden;

	width: 0;

	height: 0;

}



.clearfix {

	display: inline-block;

}



* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}



/*-------------------------------------- 

 Navigation Menus

 --------------------------------------- */

ul#nav li { 

	float: top;

	display: inline;

	}

/* Background colour of the top bar */

ul#nav {

	width: 120px;

	height: 1.4em;

	margin: 0 ;

	margin-top: 1px;

	padding: 0;

	background-color: #1b5a34;

	}

/* Colour of the top text */

#nav li a  { 

	display: block;

	color: #eeaa77;

	text-decoration: none;

	padding-top: 0.25em;

	padding-bottom: 0.25em;

	padding-left: 10px;

	padding-right: 0;

	font-size: small;

	voice-family: "\"}\"";   

	voice-family: inherit; 

	width: 110px;

		}

/* Sub-menu text */

/* Other than IE */

#nav li ul > li a {

	padding-top: 0.5em;

	padding-bottom: 0.5em;

	line-height: 1.2em;

        width: 80px;

        font-size: x-small;

	}

#nav, #nav ul {

        padding: 0;

        margin: 0;

        list-style: none;

        text-align: left;

        }

		

#nav li ul {

	 position: relative;

	 width: 100px;

	 left: -999em;

	 }

#nav ul {

	line-height: 1;

	background: #a80000;

	border: solid #eeeeee;

	border-width: 1px ;

	width: 120px;

	voice-family: "\"}\"";   

	voice-family: inherit; 

	}

 

 

#nav li:hover ul { 

	left: auto;

	 }

#nav ul li:hover, #nav ul li.sfhover {

	background: #ebeef5;

	width: 100%;

        }

#nav li a:hover, #nav ul li a:hover, #nav li a.sfhover, #nav ul li a.sfhover {

	color: #ffcc99;

	}

#nav li:hover ul, #nav li.sfhover ul { left: 60px; }



/* You are here effect - Top navigation */

body.home ul#nav li a#home{

   color: #bb7744;

   }

body.hotel ul#nav li a#hotel{

   color: #bb7744;

   }

body.restaurant ul#nav li a#restaurant{

   color: #bb7744;

   }

body.functions ul#nav li a#functions{

   color: #bb7744;

   }

body.contact ul#nav li a#contact{

   color: #bb7744;

   }

body.about ul#nav li a#about{

   color: #bb7744;

   }