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

html, body, #container {
	height: 100%;
}

body{
	background:url(../img/Capri%20Pizza%20Logobg.png) center no-repeat;
}

body > #container {
	height: auto; 
	min-height: 100%;
}

#container{
	width:100%;
}

#content{
	margin:0 auto;
	padding-bottom: 80px;
	width:960px;
}

#header{
	margin:0 auto;
	margin-left:10px;
	margin-right:10px;
	height:120px;
	background: url(../img/header_slice.png) repeat-x;
	width:960px;
}

.headerleft{
	height:120px;
	background:url(../img/header_left.png) no-repeat top left;
	width:10px;
}

.headerright{
	height:120px;
	background:url(../img/header_right.png) no-repeat top right;
	width:10px;
}

#homeLink{
	height:93px;
	margin-left:40px;
	margin-top:10px;
	width:557px;
}	

#logo{
	background:url(../img/header_logo.png) no-repeat;
	height:93px;
	margin-left:40px;
	margin-top:10px;
	text-indent:-9999px;
	width:132px;
}

#tagline{
	background:url(../img/header_tagline.png) no-repeat;
	height:89px;
	margin-left:30px;
	margin-top:10px;
	text-indent:-9999px;
	width:425px;
}

#subheader{
	color:#077326;
	padding-left:400px;
}

#nav{
	background:url(../img/nav_bg.png) no-repeat top left;
	float:left;
	height:250px;
	margin-top:10px;
	margin-left:30px;
	width:179px;
}

#nav ul{
	list-style:none;
}

/**/#nav ul li{
	font-size:20px;
	font-weight:bold;
	height:35px;
	margin-left:0px;
	padding-top:4px;
	text-align:center;
	width:180px;
}

#nav ul li.navtop{
	height:20px;
	width:180px;
}

.navtopleft{
	height:20px;
	width:11px;
}

.navtopright{
	height:20px;
	width:14px;
}

#nav ul li.navbottom{
	height:32px;
	width:180px;
}

.navbottomleft{
	height:32px;
	width:12px;
}

.navbottomright{
	height:32px;
	width:14px;
}

.itemleft{
	height:40px;
	width:12px;
}

.itemright{
	height:40px;
	width:14px;
}

#nav ul li a{
	text-decoration:none;
	color:#fff;
}

#nav ul li a:hover{
	text-decoration:underline;
	color:#fff;
	vertical-align:middle;
}

#body{
	color:#077326;
	float:left;
	margin-left:50px;
	margin-top:-15px;
	margin-bottom:5px;
}

#body p{
	width:620px;	
}

#body h4{	
	/*padding-left:100px;*/
	text-align:center;
	color:black;
}

#body .phone2{
	padding-left:180px;
}

#locations{
	background:url(../img/bodyslice.png) repeat-x;
	color:#077326;
	height:249px;
	width:620px;
}

.location1{
	font-size:14px;
	font-weight:bold;
	height:249px;
	padding-top:10px;
	text-align:center;
	width:300px;
}

.location2{
	font-size:14px;
	font-weight:bold;
	height:249px;
	padding-top:10px;
	text-align:center;
	width:270px;
}

.bodyleft{
	background:url(../img/bodyleft.png) no-repeat top left;
	height:249px;
	width:14px;
}

.bodycenter{
	background:url(../img/bodycenter.png) no-repeat;
	height:249px;
	width:6px;
}

.bodyright{
	background:url(../img/bodyright.png) no-repeat top right;
	height:249px;
	width:16px;
}

/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(../img/black_arrow_big.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

#menu{
	height:370px;
	margin-left:-40px;
	margin-top:15px;
	width:715px;
}

#menu div{	
	height:310px;
	overflow:auto;
	width:94%;
}

.submenu{
	border:none;
	font-size:14px;
	width:98%;
}

.submenu tr:hover{
	background-color:#CCC;
	cursor:default;
	font-weight:bold;
}

.inforow{
	border-bottom:solid black 1px;
	text-align:center;
}

.inforow:hover{
	background-color:#fff;
	cursor:default;
	font-weight:normal;
}

.item{
	padding:.5em;
	text-align:left;
	width:70%;
}

.description{
	display:block;
	font-size:12px;
	font-style:italic;
	color:#000;
	padding-left:15px;
}

.pizza{
	padding:.5em;
	text-align:left;
	width:40%;
}

.newyork{
	padding:.5em;
	text-align:center;
	width:30%;
}

.sicilian{
	padding:.5em;
	text-align:center;
	width:30%;
}

.price{
	padding:.5em;
	text-align:right;
	width:30%;
}

.printable{
	text-align:center;
}

.printable a{
	color:#077326;
	text-decoration:none;
}

.printable a:hover{
	text-decoration:underline;
}

#register{
	float:left;
	padding-left:70px;
}

#links{
	margin:0 auto;
	text-align:center;
	width:90%;
}

#linksCarousel{
	text-align:left;
}

#facebook{
	margin-top:15px;
}

#facebook h5{
	color:#077326;
	font-size:20px;
	padding-top:15px;
	padding-left:15px;
}

#linksCarousel li h5{
	color:#077326;
	font-size:14px;
	font-weight:bolder;
	padding-top:20px;
	padding-left:15px;
}

.testimonial{
	color:#077326;
	font: 14px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
}

#email{
	margin-top:15px;
	padding-top:15px;
}

#email h5{
	color:#077326;
	font-size:20px;
	padding-top:3px;
	padding-right:15px;
}

#footer{
	background:url(../img/footer_slice.png) repeat-x;
	clear:both;
	height:80px;
	margin-top: -80px; /* negative value of footer height */
	position: relative;
	width:100%;
}

#pageinfo{
	color:#fff;
	font-weight:bold;
	padding-left:10%;
	padding-top:20px;
}

#counter{	
	color:#fff;
	font-weight:bold;
	padding-right:10%;
	padding-top:20px;
}

#simplemodal-container a.modalCloseImg {
	background:url(/img/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */