/* Ciao website CSS file. Built by Definition Design
http://www.definitiondesign.co.uk 2009 */

/* @group Defaults */
/* @group Links defaults */
a:link {color: #117eee; text-decoration: none;}
a:visited {color: #117eee;}
a:hover {color: #C30E32;}
a:active {color: #117eee; outline: none;}
:focus
{
  -moz-outline-style: none;
}
/* @end */

/* @group Images defaults */
a img,img{border:none;display:block;}
/* @end */

/* @group Headers */
h1 {
	font-size: 200%;
}
h2 {
	font-size: 170%;
	clear: both;
	color: #18010a;
}
#home h2, h1 {
	font-family: Georgia;
	font-weight: normal;
}

#home h2#welcome, h1 {
	font-size: 250%;
	margin-top: 10px;
	color: #31271c;
}

h3 {
	font-size: 150%;
}
h4 {
	font-size: 130%;
}
h5 {
	font-size: 110%;
}
h6 {
	font-size: 100%;
}

/* @end */
dl.faq dt {
	cursor: pointer;
	color: #337DAE;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 1em;
}

.pdf {
	background: url(../images/pdf-icon.gif) 100% 50% no-repeat;
	padding-right: 28px;
}
p#bee {
	text-align: right;
	margin-right: 20px;
	color: #8B8B8B;
}

p#bee a {
	color: #717171;
	text-decoration: none;
}

p#bee a:hover {
	color: #515151;
	text-decoration: none;
}
#about #main p {
	font-size: 110%;
}
/* @end */

/* @group Layout */
body {
	line-height: 1.4em;
	background: url(../images/body-bg.jpg) 50% 0 repeat-x;
}
#container {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 40px;
}
#content {
	clear: both;
	background: #fff;
	width: 770px;
}


#main {
	padding: 20px 25px;
	width: 520px;
	float: left;
}
#home #main, #menu #main {
	width: 720px;
}

#extra{
	width: 172px;
	float: left;
	padding-left: 12px;
	margin-right: 15px;
	border-left: 1px solid #DBD9C8;
	margin: 20px 0 20px 0;
}
/* @end */

/* @group Forms */
form {
	margin: 20px 0;
}
form fieldset {


}
form legend {
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 20px;

}
form li {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}
form ol {
	margin: 0;
	padding: 0;
}
label {
	width: 10em;
	display: block;
	float: left;
	margin-bottom: .3em;
	font-weight: bold;
	padding-top: 5px;
}

li.inline {
	padding: 10px 0;
}

li.inline input {
	margin-right: .4em;
}

li.inline label {
	display: inline;
	font-weight: normal;
}
input.text, textarea, select {
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
	font-family: arial;
	padding: 4px;
	font-size: 13px;
	width: 23em;
	margin-bottom: 6px;
}
input.text, textarea {
	padding-right: 16px;
}
select#title {
	width: auto;
	padding-right: 0;
}
select {
	background-image: none;
}
p#securityq {
	margin-top: 2em;
	border: 1px solid #E1E5EB;
	background: #fff;
	padding: 10px;
	margin-right: 40px;
	position: relative;
}
form input.datefield {
	color: #6E6E6E;
}
input.required {
	background: #fff url(../images/required.gif) no-repeat 98% 0;
}
textarea {
	margin-bottom: 10px;

}
input.text:focus, textarea:focus {
	border: 1px solid #9A9BA1;
}
input.small {
	width: 12em;
}

form p img {
	display: inline;
}

p#submit {
	margin-top: 1em;
	text-align: right;
	padding-right: 40px;
}
li.warning input.text {
	background: #FFE6E6;
}
div#warning {
	border: 2px solid #D85454;
	background: #FFE6E6;
	padding: 15px;
	color: #CB3A3A;
	margin-bottom: 20px;
	margin-top: 20px;
}

div#warning h2 {
	color: #CB3A3A;
	font-size: 140%;
	margin-top: 0;
}
div#warning li {
	list-style: disc;
	list-style-position: inside;
}
.checkbox {
	display: block;
	position: relative;
	top: 8px;
}
div#checkboxbox {
	margin-top: 20px;
}
input[type=submit],label,select,.pointer {
	cursor:pointer;
}
input {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}


/* @end */

/* @group Header */
p#topcontact {
	background: url(../images/topcontact-bg.png);
	width: 293px;
	float: right;
	color: #f0d2b2;
	font-family: Tahoma;
	font-size: 15px;
	text-align: right;
	padding: 10px 10px 12px 10px;
	margin: 0 65px 0 0;
}

p#topcontact span {
	font-weight: bold;
	display: block;
	font-size: 20px;
	color: #FFDFBD;
}
p#tape {
	width: 241px;
	height: 174px;
	background: url(../images/tape.png) 0 0 no-repeat;
	text-indent: -999em;
	position: absolute;
	top: 0;
	left: 0;
}
#home h1, #logo {
	background: url(../images/main-logo.png);
	width: 309px;
	height: 167px;
	text-indent: -999em;
	float: left;
	margin: 58px 0 35px 38px;
	padding: 0;
}
p#tagline {
	color: #9d8055;
	font-family: Georgia;
	font-size: 202%;
	line-height: .9em;
	float: right;
	margin: 80px 40px 0 0;
}
/* @end */

/* @group Nav */
ul#nav {
	margin: 0 15px 20px 0;
	padding: 0;
	text-transform: uppercase;
	text-align: right;
	float: right;
	font-weight: bold;
	width: 420px;
	clear: both;
}

ul#nav li {
	margin: 0;
	padding: 0 14px 0 7px;
	float: left;
	background: url(../images/nav-bullet.gif) 100% 50% no-repeat;
}
ul#nav li.last {
	background-image: none;
}
ul#nav li a {
	margin: 0;
	padding: 5px 5px;
	font-size: 17px;
	color: #d8ce95;
	text-decoration: none;
	font-family: "Lucida Grande";
	display: block;
	float: left;
	border-bottom: 1px solid transparent;
}

ul#nav li#current a {
	border-bottom: 1px solid #ffba00;
	font-weight: bold;

}
ul#nav li a:hover {
	border-bottom: 1px solid #936C00;

}


/* @end */

/* @group Homepage */
img#homeimg {
	padding: 5px;
	background: #fff;
	border: 1px solid #c5c5c5;
	float: left;
	margin-bottom: 30px;
}

p#intro {
	font-size: 110%;
	font-family: "Lucida Grande", Arial;
}

#home p#intro {
	float: right;
	width: 370px;
	font-size: 110%;
	font-family: "Lucida Grande", Arial;
}

#home p#intro a {
	display: block;
	margin-top: 10px;
}
p#view-menu {
	margin: 0 10px 0 0;
	padding: 0;
	float: right;
}

p#view-menu a {
	background: url(../images/view-menu.jpg);
	width: 360px;
	height: 140px;
	display: block;
	text-indent: -999em;
}

#extra p#view-menu {
	float: none;
	margin: 0 0 0 0;
}

#extra p#view-menu a {
	background: url(../images/view-menu-small.png) no-repeat;
	width: 172px;
	height: 55px;
	display: block;
	text-indent: -999em;
}

ul#quotes {
	overflow: hidden;
	margin-bottom: 40px;
}

ul#quotes li {
	float: left;
	width: 325px;
	margin-right: 20px;
	color: #363636;
	font-size: 105%;
	font-style: italic;
	height: 70px;
	position: relative;
}

#extra ul#quotes li {
	float: none;
	width: 174px;
	margin-right: 0;
	height: auto;
	clear: left;
	font-size: 95%;
}
#extra h2 {
	font-size: 130%;
}


ul#quotes li#last {
	margin-right: 0;
	width: 365px;

}

ul#quotes li cite {
	display: block;
	color: #890505;
	font-family: Verdana, Arial;
	text-transform: uppercase;
	font-style: normal;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 90%;
}

#extra ul#quotes li cite {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;

}

p#calltoaction {
	background: #241c17;
	color: #c3b898;
	border: 3px solid #080605;
	font-family: "Georgia", Arial;
	font-size: 170%;
	text-align: center;
	padding: 10px;
	clear: both;
	height: 1%;
	width: 730px;
	margin: 0 auto 20px auto;
}
p#calltoaction span {
	display: block;
	margin-top: 15px;
	border-top: 1px solid #342821;
	padding-top: 10px;
	font-size: 60%;
	font-family: "Lucida Grande", Tahoma;
}

/* @end */

/* @group Menu */
#menu dl {
	
}

#menu dt {
	font-weight: bold;
	font-size: 110%;
}

#menu dd {
	margin-bottom: .8em;
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: .8em;
}
#menu h2 span {
	color: #B6B6B6;
	font-weight: normal;
	font-size: 90%;
}
p.note {
	margin-top: 1em;
	text-transform: uppercase;
	color: #921818;
}
p.veggie {
	color: #2D8822;
	font-weight: bold;
}
#menu #main ul li {
	font-weight: bold;
	font-size: 110%;
}
ul#menunav {
	margin: 0;
	padding: 5px 0 5px 8px;
	border: 2px solid #080605;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
	background: #241c17;
	color: #c3b898;
}

ul#menunav li {
	margin: 0;
	padding: 0;
	float: left;
	border-right: 1px solid #392C24;
}

ul#menunav li.last {
	border-right: none;
}

ul#menunav li a, ul#menunav li a:visited {
	display: block;
	font-weight: normal;
	font-size: 90%;
	padding: 5px;
	color: #c3b898;
}

ul#menunav li a:hover {
	background: #117eee;
	color: #fff;
	padding: 5px;
}
#main h2#menuskip {
	margin: 20px 0 -5px 0;
	padding: 0;
	font-size: 100%;
	text-transform: uppercase;
}
.top {

	text-align: right;
	font-size: 90%;
}
#menu #intro {
	border-bottom: 1px solid #D6D4CB;
	padding-bottom: 1em;
} 
/* @end */

/* @group Contact page */

div#mapstraction {
		background:#E5E3DF none repeat scroll 0% 50%;
		border:1px solid #5C5B57;
		height:300px;
		margin:2 0pt 2em 0;
		width:520px;
	}
form#directions {
		margin: 25px 0 10px 0;
		padding: 5px 10px;
		width: 500px;
		background: #F0EEE4;
		border: 1px solid #E3E1D8;
		position: relative;
	}
form#directions input:focus {
	outline: none;
}
form#directions input#gobutton {
	margin: auto 0;
	position: absolute;
	right: 92px;
	top: 6px;
}
	
form#directions label {
		color: #444;
		font-size: 12px;
		width: auto;
		font-weight: normal;
		margin: 5px 10px 0 0;
		font-family: arial;
		padding: 0;
	}
form#directions input.text {
		width: 79px;
		font-size: 95%;
		margin: 0;
		border: 1px solid #CBC9C1;
	}
form#directions input.text:focus {
	border: 1px solid #B3B2AA;
	background: #fff;
}

/* @end */