@charset "utf-8";
/* CSS Document */

/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}

ul, li {
	list-style-type: none;
}

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

hr {
	visibility: hidden;
	clear: both;
}

/* Header layout
------------------------------------------------------------------*/
#headerwrapper {
	background: #600 url(../images/hdr_bg.jpg) repeat-x bottom left;
	width: 100%;
	height: 150px;
	position: relative;
}

#header {
	width: 700px;
	height: 150px;
	display: block;
	margin: 0 auto;
}

#logo {
	width:330px;
	height:91px;
	margin: 0 0 0 0px;
	padding-top: 50px;
} 

#logo h1 {
	width: 330px;
	height: 91px;
	display: block;
	background: url(../images/mainlogo.jpg) no-repeat top left;
	margin: 0 0 0 0px;
	text-indent: -99999px;
}

/* Content layout
------------------------------------------------------------------*/
#contentwrapper {
	background: #fc0 url(../images/main_bg.jpg) repeat-x bottom left;
	width: 100%;
	position: relative;
}

#main-content {
	width: 700px;
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 20px;
	/* position: relative; */
}

#main-content #promo-detail {
	width: 330px;
	display: inline;
	float: right;
}

#main-content #promo-detail h1 {
	font-family: "Century Gothic", Tahoma, Verdana, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #900;
	margin-bottom: 20px;
}

#main-content #promo-detail p {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#main-content #promo-detail a, #main-content #promo-detail a:link, #main-content #promo-detail a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #900;
}

#main-content #promo-detail a:hover, #main-content #promo-detail a:focus, #main-content #promo-detail a:visited:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #d00;
}

#promo-image
{
	overflow: hidden;
	width: 350px;
	height: 235px;
}

#promo-image img
{
	border: 3px solid #fff;
}

#subcontentwrap {
	background: #f4edd3;
	width: 100%;
	position: relative;
	border-bottom: 5px solid #d0c8ae;
}

#sub-content {
	width: 700px;
	display: block;
	margin: 0 auto;
	padding-top: 25px;
	/* position: relative; */
}

#news-content {
	width: 330px;
	display: block;
	float: left;
}

#news-content h1 {
	width: 141px;
	height: 12px;
	display: block;
	background: url(../images/news.gif) no-repeat top left;
	margin: 0 0 20px 0px;
	text-indent: -99999px;
}

#news-content .article {
	display: block;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #333;
}

#news-content .news-title {
	font-size: 13px;
	font-weight: bold;
}

#news-content img {
	display: block;
	float: left;
	margin-top: 5px;
	border: 2px solid #000;
}

#news-content p {
	margin-bottom: 10px;
}

#news-content a, #news-content a:link, #news-content a:visited {
	color: #900;
	text-decoration: none;
}

#news-content a:hover, #news-content a:focus, #news-content a:visited:hover {
	color: #d00;
	text-decoration: underline;
}

#branch-content {
	width: 330px;
	display: inline;
	float: right;
	background-color: #d0c8ae;
	padding: 10px;
	border: 2px solid #b0a88f;
}

#branch-content h1#find {
	width: 193px;
	height: 16px;
	display: block;
	background: url(../images/find.gif) no-repeat top left;
	margin: 0 0 20px 0px;
	text-indent: -99999px;
}

#branch-content h1#newsletter,
#sidebar h1#newsletter {
	width: 167px;
	height: 16px;
	display: block;
	background: url(../images/maillist.gif) no-repeat top left;
	margin: 0px 0px 10px 0px;
	text-indent: -9999px;
} 

#branch-content ul#branches li {
	padding:0;
	margin-right: 3px;
	display:block;
	float:left;
	text-align: center;
	width: 107px;
	height: 115px;
}

#branch-content ul#branches li img {
	border: 2px solid #fff;
}

#branch-content p {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
}

#branch-content ul#branches li a, #branch-content ul#branches li a:link, #branch-content ul#branches li a:visited {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #900;
	text-decoration: none;
}

#branch-content ul#branches li a:hover, #branch-content ul#branches li a:focus, #branch-content ul#branches li a:visited:hover {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #d00;
	text-decoration: underline;
}

/* Inside pages layout
------------------------------------------------------------------*/
#pagetitlewrap {
	background-color: #d2ba74;
	border-bottom: 4px solid #b39e63;
	width: 100%;
	position: relative;
}

#pagetitle {
	width: 700px;
	display: block;
	margin: 0 auto;
	padding: 10px 0px;
	/* position: relative; */
}

#pagetitle h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	text-transform: lowercase;
}

#pagetitle p {
	padding: 3px 5px;
}

#pagetitle .breadcrumbs {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
}

#pagetitle .breadcrumbs a, #pagetitle .breadcrumbs a:link, #pagetitle .breadcrumbs a:visited {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #900;
}

#pagetitle .breadcrumbs a:hover, #pagetitle .breadcrumbs a:focus, #pagetitle .breadcrumbs a:visited:hover {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;
	color: #d00;
}

#promo-content {
	width: 700px;
	display: block;
}

#promo-content img {
	border: 5px solid #fff;
	padding: 1px;
	background-color: #000;
}

#cpkids-content {
	width: 700px;
	height: 907px;
	background: url(../images/cpkidsbg.jpg) top left;
	margin-top: -20px;
}

#cpkids-content h1#kpmenu {
	width: 292px;
	height: 259px;
	padding-top: 20px;
	padding-left: 10px;
	background: transparent url(../images/kidsmenu.gif) no-repeat 20px 10px;
	text-indent: -9999px;
}

#cpkids-content h1#kpdownload {
	width: 292px;
	height: 259px;
	padding-top: 20px;
	padding-left: 10px;
	background: transparent url(../images/kidsdownload.gif) no-repeat 20px 10px;
	text-indent: -9999px;
}

#cpkids-content h1#kpevent {
	width: 292px;
	height: 259px;
	padding-top: 20px;
	padding-left: 10px;
	background: transparent url(../images/events.gif) no-repeat 20px 10px;
	text-indent: -9999px;
}

#promo-content h1#kpjoin {
	width: 292px;
	height: 259px;
	padding-top: 20px;
	padding-left: 10px;
	background: transparent url(../images/kidsjoin.gif) no-repeat 20px 10px;
	text-indent: -9999px;
}

#cpkids-content img.overlap {
	margin-top: -75px;
}

#cpkids-content ul#dloads {
	width: 580px;
	margin: -25px 0px 0px 75px;
	padding: 0;
	display: block;
}

#cpkids-content ul#dloads li {
	width: 281px;
	display: block;
	float: left;
}

#appcont {
	margin-top: -30px;
	width: 499px;
	height: 392px;
	padding: 190px 100px 0px 100px;
	background: transparent url(../images/joincpkids.jpg) no-repeat top left;
}

#appcont p {
	font: 11px Tahoma, Verdana, sans-serif;
	margin-bottom: 3px;
}

#appcont p label {
	display: inline-block;
	width: 100px;
	overflow: hidden;
}

#page-content {
	width: 460px;
	display: block;
	float: left;
	padding-right: 20px;
	border-right: 1px dotted #b0a88f;
}

#page-content h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	text-transform: lowercase;
	margin: -10px 0 10px 0px;
}

#page-content h2 {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	text-transform: lowercase;
	margin: 10px 0 10px 0px;
}

#page-content img {
	border: 5px solid #fff;
}

#page-content span img.no-border,
.no-border {
	border: 0px;
}
.clear {
	clear:both;
}
.ha_right {
	float: right;
	margin-left: 15px;
}
.ha_left {
	float: left;
	margin-right: 15px;
}
.ha_center {
	text-align: center;
	margin-bottom: 15px;
}


#page-content p {
	margin-bottom: 10px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	text-indent: 20px;
}

#page-content .article p {
	line-height: 2em;
}

#page-content .branch h2 {
	font-family: "Century Gothic", Tahoma, Verdana, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #900;
}

#page-content .menu {
	display: block;
	width: 210px;
	float: left;
	margin-right: 20px;
}

.new {
	color: #900;
	font-family: Tahome, Verdana, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

#page-content .menu h2 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-transform:capitalize;
	color: #900;
}

#page-content .menu h3 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-decoration: underline;
}

#page-content .menu p {
	line-height: 1.2em;
	text-indent: 0px;
}

#page-content .branch img {
	border: 0px;
}

.address li {
	margin-bottom: 10px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
}

#sidebar, #mailinglist {
	width: 180px;
	display: inline;
	float: right;
	background-color: #d0c8ae;
	padding: 10px;
	border: 2px solid #b0a88f;
}

#sidebar h1, #mailinglist h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-transform: lowercase;
	margin: 0 0 10px 0px;
}

#sidebar p, #mailinglist p {
	margin-bottom: 10px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
}

#sidebar button,
#sidebar input, 
#mailinglist button, 
#mailinglist input {
	font-size: 10px;
}

#sidebar p a, #sidebar p a:link, #sidebar p a:visited, 
#mailinglist p a, #mailinglist p a:link, #mailinglist p a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #900;
}

#sidebar p a:hover, #sidebar p a:focus, #sidebar p a:visited:hover, 
#mailinglist p a:hover, #mailinglist p a:focus, #mailinglist p a:visited:hover  {
	font-weight: bold;
	text-decoration: underline;
	color: #d00;
}

#sidebar ul, #mailinglist ul {
	margin-bottom: 10px;
}

#sidebar li, #mailinglist li {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	list-style: square;
	list-style-position: inside;
}

#sidebar li a, #sidebar li a:link, #sidebar li a:visited,
#mailinglist li a, #mailinglist li a:link, #mailinglist li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #900;
}

#sidebar li a:hover, #sidebar li a:focus, #sidebar li a:visited:hover,
#mailinglist li a:hover, #mailinglist li a:focus, #mailinglist li a:visited:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #d00;
}

#page-content div.menu h2 span.new {
	background: url(../images/new_06.gif) no-repeat top left;
	display: inline-block;
	width: 28px;
	height: 14px;
	text-indent: -9999px;
}

/* Menu Titles
------------------------------------------------------------------*/
#page-content h1#new-menu {
	background: url(../images/new_menu.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#appetizers {
	background: url(../images/appetizers.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#soups {
	background: url(../images/soups.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#salads {
	background: url(../images/salads.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#pizzas {
	background: url(../images/pizzas.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#neapolitan {
	background: url(../images/neapolitan.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#specialties {
	background: url(../images/specialties.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#pastas {
	background: url(../images/pastas.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#focaccia {
	background: url(../images/focaccia.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#desserts {
	background: url(../images/desserts.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#smoothies {
	background: url(../images/smoothies.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}

#page-content h1#beverages {
	background: url(../images/beverages.gif) no-repeat center;
	display: block;
	width: 450px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #900;
}



/* Footer layout
------------------------------------------------------------------*/
#footerwrapper {
	background: #fff;
	width: 100%;
	position: relative;
}

#footer-content {
	width: 700px;
	height: 80px;
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	/* position: relative; */
}

#copyright {
	width: 400px;
	height: 57px;
	display: block;
	float: left;
}

#copyright p {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	padding-top: 10px;
}

#copyright a, #copyright a:link, #copyright a:visited {
	color: #900;
	text-decoration: none;
}

#copyright a:hover, #copyright a:focus, #copyright a:visited:hover {
	color: #d00;
	text-decoration: underline;
}

#footerlogo {
	width: 208px;
	display: block;
	float: right;
}

/* CPKids Navigation
------------------------------------------------------------------*/
ul#kidsnav {
	padding:42px 0px 0px 0px;
	margin:20px 10px;;
	position: relative;
	width: 195px;
	height: 108px;
	float: right;
	background: transparent url(../images/cpkidsmenu.gif) no-repeat top left;
}

ul#kidsnav li {
	padding:0;
	margin:0;
	display:block;
	text-indent:-9999px;	
}

ul#kidsnav li a {
	border: 0;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

ul#kidsnav li#kmenu a:link,
ul#kidsnav li#kmenu a:visited {
	background: transparent url(../images/cpkidsmenu.gif) no-repeat 0px -42px;
	width: 150px;
	height: 22px;
}

ul#kidsnav li#kmenu a:hover,
ul#kidsnav li#kmenu a:focus,
ul#kidsnav li#kmenu a:visited:hover {
	background-position: -195px -42px;
}

ul#kidsnav li#kdownloads a:link,
ul#kidsnav li#kdownloads a:visited {
	background: transparent url(../images/cpkidsmenu.gif) no-repeat 0px -64px;
	width: 150px;
	height: 22px;
}

ul#kidsnav li#kdownloads a:hover,
ul#kidsnav li#kdownloads a:focus,
ul#kidsnav li#kdownloads a:visited:hover {
	background-position: -390px -64px;
}

ul#kidsnav li#kevents a:link,
ul#kidsnav li#kevents a:visited {
	background: transparent url(../images/cpkidsmenu.gif) no-repeat 0px -86px;
	width: 150px;
	height: 22px;
}

ul#kidsnav li#kevents a:hover,
ul#kidsnav li#kevents a:focus,
ul#kidsnav li#kevents a:visited:hover {
	background-position: -585px -86px;
}

ul#kidsnav li#kjoin a:link,
ul#kidsnav li#kjoin a:visited {
	background: transparent url(../images/cpkidsmenu.gif) no-repeat 0px -108px;
	width: 150px;
	height: 22px;
}

ul#kidsnav li#kjoin a:hover,
ul#kidsnav li#kjoin a:focus,
ul#kidsnav li#kjoin a:visited:hover {
	background-position: -780px -108px;
}

/* Top Navigation
------------------------------------------------------------------*/
ul#topnav {
	position: absolute;
	padding:0;
	margin:0;
	height: 40px;
}

ul#topnav li {
	display: block;
	float:left;
	margin-right:2px;
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

ul#topnav li a, ul#topnav li a:link, ul#topnav li a:visited {
	color: #fff;
	background: #000 url(../images/nav_off.gif) repeat-x bottom left;
	padding: 11px 24px;
	display: inline-block;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	overflow:hidden;
	text-decoration:none;
	height: 15px;
}

ul#topnav li a:hover, ul#topnav li a:focus, ul#topnav li a:visited:hover {
	color: #000;
	background: #ffcd02 url(../images/nav_on.gif) repeat-x bottom left;
	padding: 11px 24px 15px 24px;
	display: inline-block;
	border-left: 1px solid #ff3;
	border-right: 1px solid #ff3;
	border-bottom: 1px solid #ff3;
	overflow:hidden; 
	text-decoration:none;
	height: 15px;
}

#home-page ul#topnav li#home a,
#about-page ul#topnav li#about a,
#menu-page ul#topnav li#menu a,
#promo-page ul#topnav li#promos a,
#cpkids-page ul#topnav li#cpkids a,
#cpkard-page ul#topnav li#cpkard a,
#contact-page ul#topnav li#contact a {
	color: #000;
	background: #ffcd02 url(../images/nav_on.gif) repeat-x bottom left;
	padding: 11px 24px 15px 24px;
	display: inline-block;
	border-left: 1px solid #ff3;
	border-right: 1px solid #ff3;
	border-bottom: 1px solid #ff3;
	overflow:hidden; 
	text-decoration:none;
	height: 15px;
}