/*

 Oscars Lounge and Restaurant (CSS)
 Designed By Shy Studios Ltd © 2011
 
*/

html { font: 75%/150% Arial, Helvetica, sans-serif; }

body {
background-image: url('../images/site_bg.gif');
background-attachment: fixed;
background-repeat: repeat-x;
background-color: #d2d9dd;
margin: 0;
padding: 0;
font-size: 12px;
color: #3c4e59;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}

img {
display: block;
float: left;
border:none;
}

section, article, header, footer, nav, aside, hgroup {
display: block;
}

h1 {
font-size: 17px;
color:#3c4e59;
font-family: Arial, Helvetica, sans-serif;
margin-top:15px;
margin-bottom:25px;
font-weight:normal;
}
h2 {
font-size: 12px;
color:#444;
font-family: Arial, Helvetica, sans-serif;
margin-bottom:25px;
font-weight:bold;
}
h3 {
font-size: 16px;
color:#3c4e59;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
}
h4, h5, h6 {
font-size: 12px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
margin-top: 15px;
margin-bottom: 10px;
font-weight: normal;
}
p {
font-size: 12px;
color: #3c4e59;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
a:link {
color: #4a6879;
}
a:visited {
color: #4a6879;
}
a:active {
color: #4a6879;
}
a:hover {
color: #4a6879;
}

/*Layout*/
.page {
width:960px;
margin:0 auto;
background-color:white;
padding: 0px 10px 25px 10px;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1),0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1),0px 0px 0px rgba(0,0,0,0);
box-shadow: 0 0 20px rgba(0,0,0,0.1),0px 0px 0px rgba(0,0,0,0);
}
.head {
width: 940px;
height: 80px;
margin: 0px 0px 0px 10px;
padding: 15px 0px 15px 0px;
}
.menu {
width: 940px;
height: 51px;
margin: 0px 0px 1px 10px;
}
.banner {
width: 940px;
height: 300px;
margin: 0px 0px 0px 10px;
}
.banner img {
margin:0px 0px 0px 0px;
}
.main {
width: 940px;
min-height: 196px;
padding:40px 40px 40px 40px;
margin: 1px 0px 0px 10px;
}
.rule {
height:1px;
width:90%;
background-color:#b7bcbe;
}
.footer {
width: 920px;
height: 120px;
padding: 1px 20px 0px 0px;
margin: 0 auto;
border-top: solid #e1e2e3 1px;
background-image: url(../images/tint.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.footer img {
float:right;
margin:35px 10px 0px 0px;
}
.footerLinks {
width:120px;
height: 15px;
margin:50px -70px 0px 40px;
float:left;
}
.shyLink {
padding:40px 20px 0px 0px;
text-align:right;
float: right;
width: 300px;
}
.expander {
clear:both;
}

/*Home Page*/
.mainbutton {
float:left;
margin:0px 0px 0px 0px;
}
.main#home {
padding:0px 0px 40px 0px;
}

/*2 Column Pages*/
.leftCol {
float:left;
width:400px;
min-height:inherit;
padding:0px 30px 0px 0px;
}
.rightCol {
float:left;
width:400px;
min-height:inherit;
padding:0px 0px 0px 30px;
}

/*Contact Form*/
.contactTable {
font-size: 12px;
color: #3c4e59;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}

.contactTable th {
vertical-align:top;
padding-right:15px;
text-align:left;
}

.contactTable input {
width: 300px;
border: 1px solid #CCC;
}

.contactTable textarea {
width:296px;
max-width: 296px;
height:170px;
max-height: 170px;
border: 1px solid #ccc;
margin-top: 2px;
}

#submit {
margin: 10px 0px 0px 0px;
border: 1px outset;
width: 60px;
height: 25px;
background-color: #EEE;
}

/*Gallery*/
.left {
width:665px;
height:550px;
float:left;
position:relative;
}
.right {
width:275px;
height:550px;
float:left;
position:relative;
}
.thumbs {
width:675px;
height:150px;
position:absolute;
bottom:0;
left:0;
background:url('../projects/arrow_bg.jpg') top right no-repeat;
}
a.pageLink.prev {
background-image:url('../projects/left_arrow.jpg');
width:75px;
height:75px;
position:absolute;
bottom:0;
right:0;
}
a.pageLink.next {
background-image:url('../projects/right_arrow.jpg');
width:75px;
height:75px;
position:absolute;
top:0;
right:0;
}
.slideshow {
height:550px;
}
.loading {
height:0px;
}
#gallery {
height:550px;
padding:0;
}
#tel { float: right; }