/* 
Theme Name: Gio's Pizzeria
Theme URI: http://www.giosny.com
Description: This theme was created by Owen Piccirillo for Gios.
Version: 1.0
Author: Owen Piccirillo
Author URI: http://www.messtudios.com
*/

/* Main and Reset
---------------------------------------------------------------------------------*/
* {margin: 0; padding: 0; outline:none;}
ul, li {list-style-type: none }
.clr {clear:both;}
img {border:0;}
a:link, a:visited, a:hover, a.selected { color:#ccc; text-decoration:none;}

.left {float:left;}
.right {float:right;}

body { 
	font:13px Arial, Helvetica, sans-serif;
	background:url(images/bg-middle.jpg) repeat-x top center #0d0c14;
	color:#FFF;
	overflow-x:hidden;
}
p { padding-bottom:10px;}
/* Header
---------------------------------------------------------------------------------*/
#header-wrapper {
	}

#header {
	width:960px;
	margin:0 auto;
	position:relative;
}
.logo {
	padding:2px 0px 10px 0px;
}
.phone-number {
	text-indent:-9999px;
	background:url(images/gios-number.gif) no-repeat;
	width:338px;
	height:28px;
	position:absolute;
	bottom:27px;
	right:0;
}


/* Navigation
---------------------------------------------------------------------------------*/
.navigation
{
	margin: 0;
	padding: 0;
	position: absolute;
	top:0px;
	right:0px;
}
.navigation ul
{
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight:bold;
	z-index: 0;
}
.navigation ul ul
{
	padding: 0;
	margin: 0;
	width: 120px;
	display: none;
}
.navigation ul li:hover ul
{
	display: block;
}
.navigation li
{
	float: left;
	list-style-type: none;
}
.navigation li a:link, .navigation li a:visited {
	padding:3px 10px 6px 10px;
	height: 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	overflow: hidden;
}
* html .navigation li a
{
	float: left;
}
.navigation li.active a
{
	
}
.navigation li a:hover, .navigation li a.selected
{
	background:#c03525;
	text-decoration:none;
}

/* Main slideshow
---------------------------------------------------------------------------------*/
#mainS-wrapper{
	margin:0 auto;
	width:968px;
}
#mainS {
	background:url(images/bg-main.png) no-repeat;
	height:282px;
	width:957px;
	padding:10px 0px 0px 11px;
	position:relative;
}
.brand {
	background:url(images/g-brand.jpg) no-repeat;
	width:50px;
	height:68px;
	position:absolute;
	bottom:35px;
	left:11px;
	z-index:100;
}
.brand2 {
	background:url(images/g-brand.jpg) no-repeat;
	width:50px;
	height:68px;
	position:absolute;
	bottom:1px;
	left:1px;
	z-index:100;
}

/* Content
---------------------------------------------------------------------------------*/
#content {
	margin:0 auto;
	width:905px;
}
#content h2{
	color:#FFF;
	font-size:20px;
	margin-bottom:5px;
	text-indent:-9999px;
	background:url(images/gios-title.gif) no-repeat;
	width:383px;
	height:31px;
}
#content p{
	margin:0 auto;
	padding:13px 22px 13px 22px;
	line-height:20px;
	border:1px solid #2878a3;
	text-align:justify;
}

#directionsS {
	width:960px;
	margin:0 auto;
}
.tac {
	background:url(images/tac.png);
	height:47px;
	width:62px;
	position:absolute;
	top:2px;
	left:-15px;
}
.tip {
	margin-bottom:15px;
	position:relative;
	width:720px;
	margin:0 auto;	
}
.tip p{
	background-color:#0f4b6b;
	border:1px solid #2878a3;
	text-align:center;
	padding:10px;
}
.tip p a:link, .tip p a:visited{
	color:#CCC;
	text-decoration:underline;
}
.gallery-border {
	background:url(images/gallery-border.gif) no-repeat;
	width:974px;
	height:652px;
	margin:0 auto;
	padding:12px 0px 0px 14px;
}
#contact-top {
	background-color:#0f4b6b;
	border:1px solid #2878a3;
	width:960px;
	margin:0 auto;
	position:relative;
}
.right-contact {
	float:right;
	display:inline;
	position:relative;
	width:540px;
	padding:15px 25px 0px 0px;
}
.right-contact h2{
	text-indent:-9999px;
	background:url(images/contact-title.gif) no-repeat;
	width:326px;
	height:27px;
}
.right-contact p {
	font-size:14px;
	padding:5px 0px 0px 0px;
	line-height:20px;
	text-align:justify;
	width:257px;
}
.contact-lower {
	width:960px;
	margin:0 auto;
}
.employment {
	float:left;
	width:450px;
	text-align:justify;
	margin:20px 0px 0px 25px;
	display:inline;
}
.employment h2{
	background:url(images/employment-title.gif) no-repeat;
	width:313px;
	height:38px;
	text-indent:-9999px;
}
.employment p{
	line-height:20px;
}
.hours {
	float:right;
	width:350px;
	margin:20px 25px 0px 0px;
	display:inline;
}
.hours h2{
	background:url(images/hours-title.gif) no-repeat;
	width:230px;
	height:38px;
	text-indent:-9999px;
}
.cell {
	font-size:14px;
	background-color:#0f4b6b;
	border-top:1px solid #2878a3;
	border-left:1px solid #2878a3;
	border-right:1px solid #2878a3;
	padding:8px 10px 8px 10px;
	width:330px;
	position:relative;
}

.alt {
	background-color:#237197;
}
.ie {
	position:absolute;
	top:10px;
	right:8px;
}
.coupons {
	margin:25px auto 0 auto;
	position:relative;
	width:972px;
}
.coupons p{
	color:#FFF;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	line-height:18px;
	margin-top:4px;

}
.coupons a:link, .coupons a:visited{
	display:block;
	height:30px;
	width:80px;
	position:absolute;
	top:0;
	right:0;
}
/* Footer
---------------------------------------------------------------------------------*/
#footer {
	margin:40px auto 50px auto;
	width:968px;
	background:url(images/facebook.png) no-repeat;
	height:176px;
	position:relative;
}
#footer a:link, #footer a:visited{
	display:block;
	position:absolute;
	top:48px;
	right:55px;
	text-indent:-9999px;
	height:100px;
	width:220px;
}
.copy {
	text-align:center;
	color:#999;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}



















.col1 {
	text-align: right;
	padding-right: 5px;
	font-size: .8em;
	height: 30px;
	width: 150px;
}

.col2 {
	text-align: left;
	height: 30px;
	width: 425px;
}

.w300 {
	width: 300px;
}

.col {
	font-size: .7em;
}

.col3 {
	font-size: .8em;
	height: 30px;
	text-align: right;
	padding-right: 5px;
}

.col4 {
	text-align: right;
	padding-right: 5px;
	height: 30px;
}

.col5 {
	text-align: left;
	font-size: .8em;
	height: 30px;
}

.input {
	border:1px solid #2878a3;
	background-color: #f5f5f5;
	height: 20px;
	width: 160px;
}

.fieldset {
	width: 600px;
	background-color:#0f4b6b;
	border:1px solid #2878a3;
}

.fieldset legend {
	color: #fff;
	font-size:18px;
}

.subfieldset {
	width: 550px;
	margin:0 auto;
	border:1px solid #2878a3;
}
.cinput {
	border:3px solid #CCC;
	height:18px;
	padding:4px 0px 0px 4px;
	font-size:12px;
	color:#666;
	width:250px;
	margin-bottom:4px;
}
.ccomments {
	border:3px solid #CCC;
	height:50px;
	padding:4px 0px 0px 4px;
	font-size:14px;
	color:#666;
	width:250px;
}
.scontact {
	float:right;
	margin-top:4px;
}
.contact-form {
	position:absolute;
	top:50px;
	right:25px;
	width:250px;
}