@charset "utf-8";

/* CSS Document */

body {

	width: 980px;

/*	float: left;*/

	margin: 0 auto;

/*	background-color:#9f0414;*/

	background-image:url(images/bg.jpg);

	background-position:top;

	background-repeat:repeat;

	font-family:Arial, Helvetica, sans-serif;

}



img.center {

  display: block;

  margin-left: auto;

  margin-right: auto;

  border: none;

}



img {

	border: none;

}



a:link, a:visited {

	color: #000;

	text-decoration:underline;

}

a:hover, a:active {

	color: #333333;

	text-decoration:none;

}

.clear-both {

	clear:both;

}

.centerbold {

	font-weight: bold;

	text-align:center;

}

.greenbox {

	padding: 5px;

	border-top: 2px dashed #026a18;

	border-bottom: 2px dashed #026a18;

}

.center {

	text-align: center;

}

.right {

	text-align: right;

	float: right;

	width: auto;

	padding-right: 25px;

}

.pad {

	margin-left: 30px;

}

.small-text {

	font-size: 13px;

	font-style:italic;

}

.testimonial-text {

	font-size: 14px;	

}

.person {

	font-size: 12px;

	font-style:italic;

}



#wrapper {

	width: 980px;

	background-color:#fff;

	float: left;

	min-height: 550px;

}



#content {

	width: 100%;

	float: left;

}

	.logo-and-info {

		width: 218px;

		height: 245px;

		float: left;

		background-image:url(images/new-valenti-logo.png);

		background-position:left;

		background-repeat:no-repeat;

	}

	.right-header {

		margin-left: 7px;

		width: 755px;

		float: left;

	}

		.navigation {

			width: 100%;

			float: left;

		}

		.horizontal-wavy {

			width: 100%;

			float: left;

		}

		.tagline {

			width: 100%;

			float: left;

		}

#leftcol-index {

	width: 250px;

	float: left;

	margin-top: -5px;

	margin-left: 5px;

	padding: 0 7px;

	background-image:url(images/new-vertical-line.png);

	background-position:left;

	background-repeat:repeat-y;

	font-size: 17px;
	
	overflow: hidden;

}

#leftcol-index img {

	border: none;

	padding-left: 10px;

}		

#leftcol {

	width: 300px;

	float: left;

	margin-top: -5px;

	margin-left: 5px;

	padding: 0 7px;

	background-image:url(images/new-vertical-line.png);

	background-position:left;

	background-repeat:repeat-y;

	font-size: 17px;
	
	overflow: hidden;

}

#leftcol img {

	border: none;

	padding-left: 10px;

}

#rightcol-index {

	width: 635px;

	float: left;

	padding: 5px 10px 5px 15px;

	margin-left: 200px;

	margin-top: -150px;

	margin-bottom: 10px;

	/* border was e8f2ea */

/*	border-left: 1px dotted #CCCCCC;*/

	font-size: 16px;

}



	.le-col {

		width: 300px;

		float: left;

		min-height: 200px;

/*		border-left: 1px solid #026a18;

		border-right: 1px solid #026a18;

		border-bottom: 1px solid #026a18;

*/		margin-right: 15px;

/*		margin-top: -19px;*/

		margin-left: 0;

		padding-left: 0;
		overflow:hidden;

	}

	.ri-col {

		width: 240px;

		float: left;

		min-height: 200px;

/*		border-left: 1px solid #026a18;

		border-right: 1px solid #026a18;

		border-bottom: 1px solid #026a18;

*/

/*		margin-top: -19px;*/

		margin-left: 0;

		padding-left: 0;

	}

	

	.col-header {

		margin-left: 3px;

	}

	.col-header2 {

		margin-left: 1px;

	}



.threecol-big {

	width: 344px;

	float: left;

	margin-left: 11px;

}

	.threecol-big-text {

/*		border-left: 1px solid #026a18;

		border-right: 1px solid #026a18;

		border-bottom: 1px solid #026a18;

*/		padding: 25px 5px 5px 5px;

		margin-top: -19px;

	}

.threecol-small {

	width: 260px;

	float: left;

	margin-left: 5px;

	border-left: 1px dotted #ccc;

	border-right: 1px dotted #ccc;

}

.submit {

	border: 1px solid #026a18;

	background-color: #fff;

	color: #026a18;

}

	ul.weeklyspecials-index  {

		margin: 2px 0px 0px 4px;

		padding: 0px;

		list-style-image:url(images/bullet.gif);

	}



	 ul.weeklyspecials-index li {

		font-size: 18px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 5px 0px;

		list-style-position:inside;

	}

	ul.justafew-index  {

		margin: 2px 0px 0px 4px;

		padding: 0px;

		list-style-image:url(images/bullet.gif);

	}



	 ul.justafew-index li {

		font-size: 16px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 5px 0px;

		list-style-position:outside;

	}

	ul.weeklyspecials, ul.weeklyspecials li {

		font-size: 15px;

		list-style-image:url(images/bullet.gif);

		list-style-position:inside;

		margin: 2px 0px 5px 0px;

		padding: 0px 5px;

	}



	.threecol-big-text ul, .threecol-big-text li{

		list-style-image:url(images/bullet.gif);

		list-style-position:inside;

		margin: 2px 0px 0px 5px;

		padding: 7px;		

	}

	.weeklyspecials {

		padding-bottom: 5px;

		/*border: 2px dashed #026a18;	*/

	}

	.hours {

		border-top: 1px dotted #ccc;

		/*border-bottom: 1px dotted #ccc;*/

		margin-top: 10px;

	}

	.expiration {

		/*font-weight: bold;*/

		font-size: 11px;

		padding-left: 40px;

		padding-top: 7px;

	}

#rightcol {

	width: 635px;

	float: left;

	padding: 5px 10px 5px 15px;

	margin-top: -155px;

	margin-bottom: 10px;

	/* border was e8f2ea */

	border-left: 1px dotted #CCCCCC;

	font-size: 16px;

}



#rightcol li {

	list-style-image: url(images/bullet.gif);

}

.leftcol-form-element {

	width: 29%;

	float: left;

	margin-left: 35px;

	text-align:right;

	margin-top: 10px;

}

/* used on contact form and testimonial form */

.leftcol-form-element-alt {

	width: 29%;

	float: left;

	margin-left: 0px;

	text-align:right;

	margin-top: 10px;

}

.rightcol-form-element {

	width: 	33%;

	float: left;

	margin-left: 15px;

	margin-top: 10px;

}



	.ec-border {

		margin: 10px 0 10px 0px;

		padding-top: 5px;

		padding-bottom: 3px;

		border-top: 1px solid #9f0414;

		border-bottom: 1px solid #9f0414;

	}

	/* used when there are two columns in main content area */

	.sm-col {

		width: 49%;

		float: left;

		margin-left: 5px;

		text-align:center;

	}

	.sm-col-left {

		width: 45%;

		float: left;

		margin-left: 31px;

		

	}

	/* used for about.php */

	.sm-col-left-alt {

		width: 30%;

		float: left;

		margin-left: 5px;

		min-height: 385px;

	}

	.sm-col-right {

		width: 68%;

		float: left;

		margin-left: 5px;

		min-height: 385px;

	}

	/* end used for about.php */

	/* used when there's just one column but need a border */

	.lg-col {

		width: 98%;

		float: left;

		text-align: left;

		border-bottom: 2px dotted #026a18;

		margin: 10px 0 10px 5px;

		padding: 5px 0;

	}

	/* because some browsers don't support the last child as it's used only in CSS3 :(  */

	.lg-col-last {

		width: 98%;

		float: left;

		text-align: left;

		margin: 10px 0 10px 5px;

		padding: 5px 0;

	}

	.border-bottom {

		border-bottom: 2px dotted #026a18;

		margin: 5px 0px;

		padding: 5px 0px;

	}

	

	

#footer {

	margin:10px 50px 10px 50px;

	width: 880px;

	float: left;

	text-align: center;

	font-size: 11px;

}

	.footer-links {

		padding: 7px 0;

		border-top: 2px solid #026a18;

		border-bottom: 2px solid #026a18;

		margin: 2px 0;

		font-size: 13px;

	}

		.footer-links a, .footer-links a:visited {

			color: #000;

			text-decoration:none;

		}

		.footer-links a:hover, .footer-links a:active {

			color: #333;

			text-decoration:underline;

		}



/* NAVIGATION */

/* Credits: Stu Nicholls */

/* URL: http://www.stunicholls.com/menu/skeleton/skeleton.css */



#nav, #nav ul

{

	width: 99%;

	float: left;

	padding: 0 0px 0 0;

	margin: 0 2px 5px 0;

	list-style: none;

	list-style-type:none;

	font-size: 18px;

	background: #ffffff;

/*	position: relative;*/

	z-index: 200;

}



#nav

{

	padding: 0;

}



#nav img {

	border: none;

}



#nav ul

{

	width: auto;

	padding-bottom: 0px;

	/*margin: 0 10px 5px 0;*/

	border: 1px solid #000000;

	border-color: #c8c8c8;

	border-width: 1px 2px 2px 1px;

	display: inline;

}



#nav li

{

	float: left;

	font-size: 16px;

	padding-right: 12px;

}



#nav li li

{

	float: none;

}



/* a hack for IE5.x and IE6 */

* html #nav li li

{

	float: left;

}



#nav li a

{

	display: block;

	float: left;

	color: #026a18;

	margin: 0 5px 0 0px;

	height: 39px;

/*	line-height: 25px;*/

	text-decoration: none;

	white-space: nowrap;

	border-top: 4px solid #fff;

	

}



#nav li a.active:link, #nav li a.active:visited, #nav li a:hover

{

	/*border-top: 4px solid #fbcb05;

	color: #fbcb05;*/

	text-decoration: none;

}



#nav li li a

{

	height: 39px;

/*	line-height: 20px;*/

	float: none;

	margin: 0 4px 0 10px;

}



#nav li li a:hover

{

	border-top: 4px solid #fff;

	color: #9f0414;

	text-decoration: none;

}



#nav li:hover

{

	position: relative;

	z-index: 300;

}



#nav li:hover ul 

{

	left: 0;

	top: 39px;

/*	width: 150px;*/

	width: auto;

}



/* another hack for IE5.5 and IE6 */

* html #nav ul

{

	width: 1px;

}



#nav ul

{

	position: absolute;

	left: -9999px;

	top: -9999px;

}



/* yet another hack for IE5.x and IE6 */

* html #nav ul

{

	width: 1px;

}



/* it could have been this simple if all browsers understood */

/* show next level*/

#nav li:hover li:hover > ul

{

	left: -15px;

	margin-left: 100%;

	top: -1px;

}



/* keep further levels hidden */

#nav li:hover > ul ul

{

	position: absolute;

	left: -9999px;

	top: -9999px;

	width: auto;

}



/* show path followed */

#nav li:hover > a

{

	color: #fbcb05;

}



/* but IE5.x and IE6 need this lot to style the flyouts and path followed */

/* show next level */

#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{

	left: -15px;

	margin-left: 100%;

	top: -1px;

}



/* keep further levels hidden */

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{

	position: absolute;

	left: -9999px;

	top: -9999px;

}



/* show path followed */

#nav li:hover a,

#nav li:hover li:hover a,

#nav li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover li:hover li:hover a

{

	color: #9f0414;

}



/* hide further possible paths */

#nav li:hover li a,

#nav li:hover li:hover li a,

#nav li:hover li:hover li:hover li a,

#nav li:hover li:hover li:hover li:hover li a,

#nav li:hover li:hover li:hover li:hover li:hover li a

{

	text-decoration: none;

	color: #026a18;

}

/* END NAVIGATION */