/* CSS Document */

/* AQUA Brasserie Colours
Dark blue - #002649
Light grey/blue - #CFD6DD
Brown/gold - #9d6929
*/

body {
margin:0;
padding:0;
font-family:"Friz Quadrata", "Gill Sans MT", "Times New Roman", Times, serif;   /* ESK Added "" around Friz Quadrata, to correct it and added "Gill Sans MT" */
font-size:11px;
line-height:1.6em;
}

p, td {
color:#002649;
font-size:1.2em;
}

h1 {
color:#002649;
font-size:2em;
font-weight:bold;
}

h2 {
color:#002649;
font-size:1.6em;
font-weight:bold;
}

#container {
width:800px;
margin:20px auto;
}

/* Link colours */

a:link {
color:#9d6929;
text-decoration:none;
border-bottom:1px dotted #9d6929;
}

/* 20090911 ESK Created this definition to remove generic bottom border styling from menu options */
#navigation a {
border:none;
}

a:visited {
color:#9d6929;
text-decoration:none;
border-bottom:1px dotted #9d6929;
}

a:hover {
color:#9d6929;
text-decoration:none;
border-bottom:1px dotted #9d6929;
}

a:active {
color:#9d6929;
text-decoration:none;
border-bottom:1px dotted #9d6929;
}

/* Titlebar - Nav and logo */

#titlebar {
width:600px;
height:190px;   /* ESK Was 100px ISP was 160 */
margin-left:135px;  /* ESK was 195px */
/* ESK  margin-bottom:20px;   */  
}

#navigation {
width:150px;   /* ESK Was 100px */
height:190px;  /* ISP Was 160px */
float:left;
display:inline;
text-align: right;  /* ESK Added to right align menu options in case the images are not the same width */
}

#navigation a:link {
border:0px;
}

#logo {
width:350px;
height:200px;
float:left;
display:inline;
background-image: url("/images/aqualogo.gif");
background-repeat:no-repeat;
}

#logo p{
	margin-top:110px;
	margin-left:50px;
	width:150px;   
	text-align: center;
}

#logo p a, #logo p a img{
	text-align: center;
	text-decoration:none;
	border:none;
}

/* Main image */

.picstripe {
width:800px;
height:280px;
margin-bottom:20px;
}

.homepic {
background-image: url("/images/PS_home.jpg");
background-repeat:no-repeat;
}

.foodpic {
background-image: url("/images/PS_food.jpg");
background-repeat:no-repeat;
}

.drinkpic {
background-image: url("/images/PS_drink.jpg");
background-repeat:no-repeat;
}

.reviewpic {
background-image: url("/images/PS_reviews.jpg");
background-repeat:no-repeat;
}

.gallerypic {
background-image: url("/images/PS_gallery.jpg");
background-repeat:no-repeat;
}

.contactpic {
background-image: url("/images/PS_contact.jpg");
background-repeat:no-repeat;
}

/* ESK  Added this definition to allow for a unique pic for this page, which used the Food pic previously */
.valentinepic {
background-image: url("/images/PS_valentine.jpg");
background-repeat:no-repeat;
}
.mothersdaypic {
background-image: url("/images/PS_mothersday.jpg");
background-repeat:no-repeat;
}

/* Main content area underneath the image */

#content {
width:800px;
margin-bottom:20px;
}

.homecopy {
width:275px;
text-align:center;
margin:0px auto;
}

.homecopy p {
font-size:1.2em;
margin:0px 0px 10px 0px;
}

/* Bottom bar with sub nav and copyright */
#bottombar {
width:800px;
border-top:1px dotted #CFD6DD;
text-align:center;
margin-top:10px;
}

#bottombar p {
font-size:1em;
margin:5px 0px;
}

/* Content space for main pages */
#content600 {
width:600px;
margin:0px auto;
}

/* ESK Added this definition to allow for a wider content area to incorporate an image into 'columntwo' for the Valentine page*/
/* Content space for main pages */
#content600.valentine {
width:725px;
margin:0px auto;
}

#columnone {
width:380px;
margin-right:20px;
float:left;
display:inline;
font-size:1.2em;
color:#002649;
}

/* ESK Added this definition to allow for different styling of columnone on the Valentine page */
#columnone.valentine {
border-left:10px solid #E78787;
color:#002649;
display:inline;
float:left;
font-size:1.2em;
margin-right:20px;
padding-left:15px;
width:380px;
}

#columnone ul {
font-size:1.2em;
color:#002649;
}

#columnone li {
line-height:1.4em;
color:#002649;
}

#columntwo {
width:189px;
float:left;
display:inline;
border-left:1px dotted #CFD6DD;
padding-left:10px;
font-size:1.2em;
color:#002649;
}

/* ESK Added this definition to allow for a wider 'columntwo' to hold an image on the Valentine page */
#columntwo.valentine {
width:289px;
float:left;
display:inline;
border-left:1px dotted #CFD6DD;
padding-left:10px;
font-size:1.2em;
color:#002649;
}

/* Contact form elements */

.formtitle {
width:100px;
height:18px;
font-weight:bold;
text-align:right;
float:left;
display:inline;
margin-bottom:10px;
padding-top:7px;
}

.formfield {
width:270px;
margin-left:10px;
font-weight:bold;
float:left;
display:inline;
margin-bottom:10px;
}

.clearer {
clear:both;
}

.formfield input {
width:256px;
height:18px;
border:1px dotted #CFD6DD;
background-color:#eff2f4;
font-family:Friz Quadrata, "Times New Roman", Times, serif;
font-size:1.1em;
color:#002649;
padding-top:5px;
}

.formfield select {
margin-top:5px;
width:260px;
}

.formfield textarea {
width:256px;
border:1px dotted #CFD6DD;
background-color:#eff2f4;
height:96px;
margin-bottom:5px;
font-family:Friz Quadrata, "Times New Roman", Times, serif;
font-size:1.1em;
color:#002649;
padding-top:5px;
}

.sendbutton {
float:right;
display:inline;
margin-right:10px;
border:1px solid #CFD6DD;
padding:5px;
background-color:#eff2f4;
}

.sendbutton h1 {
font-size:1.6em;
font-weight:normal;
margin:0px;
}

.aquaskip{
	display:none;
}

/* Gallery images */
.thumbpic {
width:175px;
height:125px;
border:5px solid #CFD6DD;
float:left;
display:inline;
}

.picone {
margin-left:0px;
margin-bottom:14px;
}

.pics {
margin-left:15px;
margin-bottom:14px;
}

.thumbpic a:link {
border:0px;
}

/* Back to the top div */

.backtotop {
width:auto;
padding-top:5px;
border-top:1px dotted #CFD6DD;
text-align:right;
font-size:1em;
}

/* New Years pop-up */

.popcontainer {
width:500px;
text-align:center;
padding:10px;
border:4px solid #002649;
margin:10px;
}


/*Splash Page*/
.splashPage a,.splashPage a img {
	text-decoration:none;
}

.splashPage img{
	border: 1px solid #C0C0C0;
}