/* -- GENERAL REDECLARATIONS -- */

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{
	text-align:center;
	background:#990000 url("../images/content-bg.jpg") repeat-x;
	height: 100%;
	color: #222;
}

body, tr,
td, input,
select, textarea 	{font:normal small/1.3 Arial, Helvetica, sans-serif;}

a				{outline: none;}
a:link 			{color:#000; text-decoration:underline;}
a:visited 		{color:#300; text-decoration:underline;}
a:hover 		{color:#600; text-decoration:none;}
a:active 		{color:#900; text-decoration:none;}

ul, ol	 		{margin:0 0 10px 25px;}
dl 					{margin:0 0 10px;}
dt 					{font-weight:bold;}
dd					{margin:0 0 3px 10px;}
p 					{margin:0 0 15px;}
h1 					{font-size:30px; margin:0 0 12px;color: #990000}
h2 					{font-size:24px; margin:8px 0;}
h3 					{font-size:20px; margin:6px 0 5px;}
h4 					{font-size:x-small; margin:4px 0;}
h5					{font-size:xx-small; margin:3px 0;}
h6 					{font-size:xx-small; margin:0;}
hr 					{border-style: none; border-bottom: 1px dashed #e3e3e5; color: #fff; background-color: #fff;}
					/*color and background color should be the same as the background color of the div it is contained within*/
img 				{border:none;}
acronym			{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

#preload {position: absolute; top: -400px;left: 0px;}
.clr {clear:both;}
.right {float: right;}
.left {float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}
.hidden {display:none;}

/* Standard Layout */
     
#wrapper {

	text-align : center;
	position : absolute;
	top : 50%;
	left : 0;
	width : 100%;
	height : 0;
	overflow : visible;
	visibility : visible;
	display : block;
}
      
#content {
	margin-left : -265px;  /* must be half of content width */
	position : absolute;
	top : -196px; /* must be half of content height */
	left : 50%;
	width : 531px;
	height : 352px;
	visibility : visible;
	text-align : left;
}

h1#main {
	float: left;
	width: 271px;
	height: 352px;
	text-indent: -9000px;
	background: url("../images/logo.png") no-repeat;
}

.clr {
	clear:both;
}

#pizza {
	position: absolute;
	width: 461px;
	height: 463px;
	right: 0px;
	bottom: 0px;
	background: url("../images/pizza.png") no-repeat;
}

#footer {
	position: absolute;
	width: 100%;
	height: 100px;
	padding-top: 10px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	background: url("../images/footer-bg.png");
}

div.threeam {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 288px;
	height: 80px;
	background: url("../images/3am.png") 0 0;text-indent: -9000px;
}

div.threeam a {
	position: absolute;
	width: 288px;
	height: 80px;
	right: 0px;
	bottom: 0px;
}

#footer .phone {
	margin: 0 auto;
	text-align: left;
	width: 531px;
	height: 80px;
	text-indent: -9000px;
	background: url("../images/phone.png") no-repeat;
}

#map {
	width: 600px;
	height: 560px;
	left: 0px;
	top: 0px;
}







/* ----------------------------------------------------
	JQUERY TOOLS 1.1
------------------------------------------------------*/

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	/*border:1px solid #666;*/
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	
	
}

#overlay-contact {
	background-color:#fff;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url("../images/overlay/close.png");
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:10001;
}

/* the large image. we use a gray border around it */
#img {
	/*border:1px solid #666;*/
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	/*border:1px solid #666;*/	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	font-weight: bold;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	color: #fff;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}