/* 

ToC

	1. defaults
	2. structure
		2.1 headings
		2.2 text
		2.3 images
	3. links and navigation
		3.1 main menu
		3.2 sub menu
		3.3 sub menu1
		3.4 adobe link
	4. fonts
	5. extra formatting
	6. Booking Form

Notes

*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}
		
html {
		font-size: 100%;
}

body {
	width: 100%;
	margin: 20px 0;
	color: #000000;
	background-color: #fff;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
		
/* ---------- 4. fonts ---------- */



h1 {
	font-family: Times, "Times New Roman", serif;
	color: #825132;
	text-align:center;
	font-size: 450%;
	font-weight: normal;
	margin: 0.8em 0 0.1em 0;
}

/*
h2 NEWLY ADDED BY DAVE 11.05.06 
*/

h2, h3, h4, h5, h6 {
	color: #7C5137;
}


p {
	margin: 0 0 1em 0;
}

p.centre {
	text-align: center;
}

ul {
	margin: 0.5em 0;
	padding-left: 2em;
}

ul li {
	margin: 0.25em 0;
}

a:link,a:visited {
	color: #7C5137;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

strong {
	color: #7C5137;
	font-weight: bold;
}

optgroup option {
	padding-left: 1em;
}

/*  --------- 2. structure  --------- */
		
#header {
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 950px;
	height: 250px;
}

#header a:hover img {
	opacity: 0.5;
	filter:alpha(opacity=50);
}

#header #ccLogo {
	width: 160px;
	height: 70px;
	margin-top: 150px;
	text-align: center;
	margin-right: 50px;
}
#header #flash {
	height: 250px;
	width: 530px;
	background: url(../images/site/CHIANTI-080.jpg) no-repeat center bottom;
	bottom: 0px;
}
#header #awards {
	height: 100px;
	width: 207px;
	margin-top: 150px;
}

#header #awards div {
	height: 87px;
	padding: 0 4px 12px 4px;
}

#header #awards #savour {
	margin-left: 11px;
}

#header #awards #glasses {
	border-left: thin solid #7C5137;
	border-right: thin solid #7C5137;
}


#brownLine {
	width: 100%;
	padding-bottom: 1px;
	margin-bottom: 2px;
	background-color: #7C5137;
	height: 1px;
}
hr {
	color: #7C5137;
}

#brownBar {
	height: 36px;
	background: url(../images/site/brownStrip.png) repeat-x;
}

#contentShadow #brownBar2 {
	height: 25px;
	background: #7C5137 url(none) repeat-x;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
		
		
#content {
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 950px;
}

#contentShadow {
	background-color: #FFFFFF;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

#contentImageLRG {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}

/*  -------- 2.2 Text --------*/

#content #text {
	width: 60%;
	margin: 50px auto;
	font-size: 1.2em;
	padding-top: 1px;
	border-style: none;
}

#contentShadow #shadowText {
	width: 95%;
	margin: 30px auto;
	font-size: 1.2em;
	padding-top: 1px;
	border-style: none;
}

/* 
Dave alts 11.05.06 Strong Brown Text
*/



#contentShadow #shadowText #shadowTextBrown {
	color: #7C5137;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

#content #text p {
	line-height:1.5em;
}

#contentShadow #shadowText p {
	line-height:1.5em;
}

#content #confirmText {
	font-size: 1.3em;
	width: 45%;
	margin: 50px auto;
	text-align: left;
}

#content #textAwards {
	width: 70%;
	margin: 50px auto;
	font-size: 1.2em;
}

#content #textAwards p {
	line-height:1.5em;
}

/*
functions page small text
*/
.textSmall {
	font-size: 80%;
}


/*------downloadable media PDFs text----*/

#content #textMedia {
	width: 80%;
	margin: 50px auto;
	padding-top: 1px;
	border-style: none;
	font-size: 1.1em;
}

#content #textMedia ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#content #textMedia ul li{
	margin: 0;
	padding-left: 180px;
}

#content #textMedia ul a{
	font-size: 1.2em;
	text-decoration: none;
	line-height: 35px;
	margin: 0 0 2px;
	width: 500px;
	color: #7C5137;
	display: block;
	padding-left: 50px;
}

#content #textMedia ul a.word{
	background: url(../images/icons/wordicon.gif) no-repeat 9px center;
}
		
#content #textMedia ul a.pdf{
	background: url(../images/icons/pdficon_large.gif) no-repeat left center;
}

#content #textMedia ul a:hover {
	color: #000000;
}
/*--------miscMenus PDF text------------*/

#content #miscMenu {
	width: 80%;
	margin: 50px auto;
	padding-top: 1px;
	border-style: none;
	font-size: 1.1em;
}

#content #miscMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#content #miscMenu ul li{
	margin: 0;
	padding-left: 250px;
}

#content #miscMenu ul a{
	font-size: 1.2em;
	text-decoration: none;
	line-height: 35px;
	margin: 0 0 2px;
	width: 300px;
	color: #7C5137;
	display: block;
	padding-left: 50px;
}

#content #miscMenu ul a.word{
	background: url(../images/icons/wordicon.gif) no-repeat 9px center;
}
		
#content #miscMenu ul a.pdf{
	background: url(../images/icons/pdficon_large.gif) no-repeat left center;
}

#content #miscMenu ul a:hover {
	color: #000000;
}


/*--------breakfast download PDF text-------*/
#content #breakfast {
	width: 60%;
	margin: 50px auto;
	padding-top: 1px;
	border-style: none;
	font-size: 1.1em;
}

#content #breakfast ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#content #breakfast ul li{
	margin: 0;
	padding-left: 170px;
}

#content #breakfast ul a{
	font-size: 1.2em;
	text-decoration: none;
	line-height: 35px;
	width: 300px;
	color: #7C5137;
	display: block;
	padding-left: 50px;
}
		
#content #breakfast ul a.pdf{
	background: url(../images/icons/pdficon_large.gif) no-repeat left center;
}

#content #breakfast ul a:hover {
	color: #000000;
}

/*--------lunch download PDF text-------*/
#content #lunch {
	width: 60%;
	margin: 50px auto;
	padding-top: 1px;
	border-style: none;
	font-size: 1.1em;
}

#content #lunch ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#content #lunch ul li{
	margin: 0;
	padding-left: 170px;
}

#content #lunch ul a{
	font-size: 1.2em;
	text-decoration: none;
	line-height: 35px;
	width: 300px;
	color: #7C5137;
	display: block;
	padding-left: 50px;
}
		
#content #lunch ul a.pdf{
	background: url(../images/icons/pdficon_large.gif) no-repeat left center;
}

#content #lunch ul a:hover {
	color: #000000;
}

/*--------dinner download PDF text-------*/
#content #dinner {
	width: 60%;
	margin: 50px auto;
	padding-top: 1px;
	border-style: none;
	font-size: 1.1em;
}

#content #dinner ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#content #dinner ul li{
	margin: 0;
	padding-left: 170px;
}

#content #dinner ul a{
	font-size: 1.2em;
	text-decoration: none;
	line-height: 35px;
	width: 300px;
	color: #7C5137;
	display: block;
	padding-left: 50px;
}
		
#content #dinner ul a.pdf{
	background: url(../images/icons/pdficon_large.gif) no-repeat left center;
}

#content #dinner ul a:hover {
	color: #000000;
}
/*--------winelist download PDF text-------*/
#content #wine {
	width: 60%;
	margin: 50px auto;
	padding-top: 1px;
	border-style: none;
	font-size: 1.1em;
}

#content #wine ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#content #wine ul li{
	margin: 0;
	padding-left: 170px;
}

#content #wine ul a{
	font-size: 1.2em;
	text-decoration: none;
	line-height: 35px;
	width: 300px;
	color: #7C5137;
	display: block;
	padding-left: 50px;
}
		
#content #wine ul a.pdf{
	background: url(../images/icons/pdficon_large.gif) no-repeat left center;
}

#content #wine ul a:hover {
	color: #000000;
}



/*  -------- End of Text --------*/


/*  -------- 2.3 main images --------*/

#content #mariaWrap {
	text-align: center;
	height: 390px;
	width: 100%;
}


#content #maria {
	height: 338px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/nonFlash/MariaFavaro4.jpg) no-repeat left top;
}

#content #clickHere1 {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
}

#content #staff {
	height: 350px;
	width: 450px;
	margin: 5px auto 50px;
}

#content #family {
	/*height: 484px;*/
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#content #toby {
	height: 484px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	background: url(../images/menus/Toby.jpg) no-repeat left top;
}

#content #duncanMark {
	height: 484px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	
}

#content #dining {
	height: 338px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	background: url(../images/special/dining.jpg) no-repeat left top;
	text-indent: -2000px;
}


#content #inside {
	height: 330px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	background: url(../images/ourPlace/inside.jpg) no-repeat left top;
	text-indent: -2000px;
}

#content #gallery {
	height: 400px;
	width: 930px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
}

#content #DbleClick {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	text-align:center;
	margin-bottom: 50px;
}				
	

#content #ourCity {
	height: 190px;
	width: 600px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

#content #ourCity a:link,#content #ourCity a:visited,#content #ourCity a:hover,#content #ourCity a:active {
	text-decoration: none;		
}

#content #ourCity img{
	padding: 0px 5px;
	float: left;
}

#content #clickHere2 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	padding-left:10px;
}				
	


/*  --------- images for Shadowbox popups  --------- */

#contentShadow .shadow-fltlft {
	height: 157px;
	width: 182px;
	margin-right: 15px;
	position:absolute;
	/*position: relative;
	float:left;	*/
}

#contentShadow .middleHeader{
}

#contentShadow h1 {
	font-size: 250%;
	text-align:left;
	margin: 2em 0 0 197px;
}

#contentShadow h1.sidefree {
	margin: 2em 0 0 0;
	text-align:center;
}

#contentShadow #headingWrapper {
	width: 95%;
	height: 157px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1px;
	position: relative;
	overflow:hidden;
}

/*removal of Gallo Nero Image 11.05.06

#contentShadow #galloNero {
	height: 214px;
	width: 475px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/ourPlace/galloNero.jpg) no-repeat left top;
	margin-top: 20px;
}
*/

/* ---------- 6. Calendar page ---------- */

#content #calendar {
	height: 500px;
	width: 700px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}


/*  -------- End of main images --------*/
		
#footer {
	width: 100%;
	height: 30px;
	color: #7C5137;
	text-align: center;
	font-size: 1.2em;
		}	

#base {
	text-align: center;
	font-size: 1em;
}
		
#menu {
	width: 100%;
	text-align: center;
}

#subMenu {
	margin-bottom: 10px;
	height: 35px;
	width: 100%;
	text-indent: 7em;
	padding-top: 15px;
	text-align: center;
}

#subMenu1 {
	margin-bottom: 10px;
	height: 35px;
	width: 100%;
	text-indent: 2.5em;
	padding-top: 15px;
	text-align: center;
}						
						

/* ---------- 3. links and navigation style---------- */

/*---------3.1 main menu----------*/

#menu ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
}

#menu li a:link, #menu li a:visited {
	font-size: 1.3em;
	text-decoration: none;
	line-height: 1.8em;
	color: #7C5137;
	padding: 0.5em .5em;
	text-align: center;
}
	
#menu li a:hover, #menu li a:active {
	color: #000000;
}

#menu li a.current, #menu li a.current:visited, #menu li a.current:hover, #menu li a.current:active {
	color: #ffffff;
	cursor:default;
	background: url(../images/site/brownStripBtn.png) repeat-x;
}
	
#menu ul .line   {
	border-left: 1px solid #7C5137;
}





/*---------End of main menu----------*/

/*---------3.2 subMenu----------*/

#subMenu ul {
	padding: 0;
	list-style:none;
	margin: 0;
}

#subMenu li {
	display: inline;
}

#subMenu li a:link, #subMenu li a:visited {
	font-size: 1.3em;
	text-decoration: none;
	line-height: 1.3em;
	color: #7C5137;
	padding: 0.5em .5em 0.5em 0.2em;
	text-align: center;
}
	
#subMenu li a:hover, #subMenu li a:active {
	color: #000000;
}

#subMenu li a.subcurrent, #subMenu li a.subcurrent:visited, #subMenu li a.subcurrent:hover, #subMenu li a.subcurrent:active {
	cursor:default;
	border-bottom: thin solid #7C5137;
}
	
#subMenu ul .line   {
	border-left: 1px solid #7C5137;
}

/*---------End of subMenu----------*/

/*---------3.3 subMenu1----------*/

#subMenu1 ul {
	padding: 0;
	list-style:none;
	margin: 0;
}

#subMenu1 li {
	display: inline;
}

#subMenu1 li a:link, #subMenu1 li a:visited {
	font-size: 1.3em;
	text-decoration: none;
	line-height: 1.3em;
	color: #7C5137;
	padding: 0.5em .5em 0.5em 0.2em;
	text-align: center;
}
	
#subMenu1 li a:hover, #subMenu1 li a:active {
	color: #000000;
}

#subMenu1 li a.subcurrent1, #subMenu1 li a.subcurrent1:visited, #subMenu li a.subcurrent1:hover, #subMenu1 li a.subcurrent1:active {
	cursor:default;
	border-bottom: thin solid #7C5137;
}
	
#subMenu1 ul .line1   {
	border-left: 1px solid #7C5137;
}

/*---------End of subMenu1----------*/



/*----------- 3.4 adobe link---------*/

#content #adobeReader {
	text-decoration:none;
	text-align:center;
	margin-bottom: 50px;
	font-size: 1em;
}





/* ---------- 5. Extra formatting ---------- */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.displayinline {/* this class can be used to display elements inline */
	display: inline;
}
/* ---------- End of Extra formatting ---------- */

/* ---------- 6. Booking Form ---------- */

#content #formContainer {
	width: 90%;
	margin: 50px auto;
	
}

#content #formContainer2 {
	width: 45%;
	margin: 50px auto;
	
}

#content #formContainer p,#content #formContainer2 p {
	position: relative;
	width: 100%;
	margin-bottom: 1em;
}


#content #formContainer #bookingInfo1 {
	height: auto;
	width: 48%;
	font-size: 1.2em;
}

#content #formContainer #bookingInfo2 {
	height: auto;
	width: 48%;
	font-size: 1.2em;
	margin-left: 25px;
}

#content #formContainer2 #bookingInfo2 {
	font-size: 1.2em;
}

fieldset {
	display: block;
	border-style: none;
	padding-left: 10px;
}

legend {
	display: inline;
	
}

/*-- these styles use attribute selectors and the focus pseduo-class selector to style form elements in DOM
compliant browsers. Other browsers, such as IE6, will ignore these styles and render the default --*/

legend[class=bn],legend[class=bn2] {
	color: #7C5137;
	font-size: 1.3em;
}	

legend[class=bt] {
	color: #7C5137;
	font-size: 1.3em;
}	

input:focus, textarea:focus {
	border: 2px solid #7C5137;
}	  

label.top {
	display: block;
	float: none;
}

/*end of stack*/


/*positioning of input boxes, so that they line up*/
label.guest {
	margin-right: 5.9em;
}

label.date {
	margin-right: 5.2em;
}

label.time {
	margin-right: 5.1em;
}

label.name {
	margin-right: 3.4em;
}

label.nameContact {
	margin-right: 6em
}	
	
label.address {
	margin-right: 5.55em;
}

label.addressContact {
	margin-right: 2em;
}		

label.phone,label.phoneContact {
	margin-right: 5.1em;
}

label.phoneContact {
	margin-right: 1.5em;
}

/*--error message--*/
.error_message {
	font-size: .8em;
	color: #FF0000;
	display: block;
}