/*
Theme Name: Foremost Caterers
Theme URI: www.XXX.com
Description: Foremost Caterers
Version 1
Author: Robert Skwiat
Author URI: www.robertskwiat-designs.com
*/

/*
	Light Tan: 	#fffeea (255, 254, 234)
	Cream: #fffcd7 (255,252,215)
	Brown: #744006 (116,64,6)
	Gray: #5f5f5f

*/

@import "style/reset.css";
@import "style/contact.css";
@import "style/navigation.css";

/* ---------------------------------------------------------------------- 
  1  Utlitlies
---------------------------------------------------------------------- */

ul, li{list-style: none;}
a{
	outline: none; 
	text-decoration: none;
}

.floatLeft{float: left;}
.floatRight{float: right;}
.clear{clear: both;}

html{height:100%;}

body{
	font-size:62.5%; 
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	height:100%; 
	background:#FFF;
}

a{
	color:#744006;
}


/* ---------------------------------------------------------------------- 
  2  Typography
---------------------------------------------------------------------- */	

h1, h2, h3{
	color:#744006;
	font-weight:300;
}

h1{
	font-size:2em;
	line-height:1.2em;
}

h2{
	font-size:1.8em;
	padding: 0 0 10px 0;
}

h3{
	font-size:1.6em; 
}

p{
	font-size:1.5em; 
	line-height:1.8em;
}

.center{
	text-align:center;
	letter-spacing:1px;
	font-weight:bold;
}

.title{
	text-align:center;
	letter-spacing:1px;	
}

.station{
	font-size:1.6em;
	font-weight:bold;
	font-style:normal !important;
	padding:5px 0 0 0;
	color:#744006;
	border-bottom:1px solid #744006;
	margin: 0 auto 5px;
	width:250px;
}

.retail{
	font-size:1.6em;
	font-weight:bold;
	font-style:normal !important;
	padding:5px 0 0 0;
	color:#744006;
	border-bottom:1px solid #744006;
	margin: 0 auto 5px;
	width:350px;
	
}

.notes{
	border-top:1px solid #744006;
	margin:15px auto 10px;
	padding:10px 0 0 0;
	width:350px;	
}

.custom-menu{
	margin:5px 0;
	font-style:italic;
	font-size:1.4em;
}

tr td{
	margin: 0 0 15px 0;
}

/* ---------------------------------------------------------------------- 
  3 Container and Layout Structure
---------------------------------------------------------------------- */

.container{
	margin:0 auto; 
	width:960px;
}
	
.grid-8{
	margin: 0 10px;
	width:590px;
}

.grid-4{
	margin: 0 10px;
	width:300px;
}

/* ---------------------------------------------------------------------- 
  4 Header
---------------------------------------------------------------------- */

header#main{
	width:960px; 
	height:110px;
}
	
h1#logo a{
	background: url(images/foremost-logo_3.png) no-repeat; 
	display:block;
	height:99px;
	width:491px;
	text-indent:-9999px;
	position:relative; 
	top:10px;
	margin:0 auto;
}
	
/* ---------------------------------------------------------------------- 
  4 Structure
---------------------------------------------------------------------- */	

div#structure{
	float:left; 
	height:100%;
	background:url(images/body.png) repeat-y;
}
	
article#content{
	margin:0 0 20px 0; 
	padding:20px;
}

article#content p{ 
	padding:10px 0; 
	color:#666;
}

article#content img{
	margin:15px auto 15px; 
	display:block;
}

article#content li a{
	font-size:1.4em; 
	margin:10px 15px 0 0; 
	line-height:1.6em; 
	color:#666;
	font-weight:500;
	display:inline;
}

article#content li a:hover{
	color:#333;
}

article#content li#main-locations{
	margin-top:15px;
}

article#content ul li{
	font-size:1.4em;
	line-height:1.5em;
	text-align:center;
	font-style:italic;
}

article#content ul {
	padding:0 0 10px 0px;
}

article#content ul li a{
	font-size:1.2em !important; 
	line-height:1.5em;
	color:#744006;
}

article#content li#main-locations{
	text-align:center !important;
	font-size:1.3em;
	line-height:1.7em;
}


/* ---------------------------------------------------------------------- 
  4.5  Sidebar
---------------------------------------------------------------------- */

aside#survey{
	background:#744006;
	padding:20px 0;
	height:100%;
}
	
aside#survey img{
	display:block;
	margin:0 auto;	
	padding:10px 0;
}


/* ---------------------------------------------------------------------- 
    Rotating Gallery Image
---------------------------------------------------------------------- */

section#bar{
	position:absolute; 
	z-index:10;
}
	
section#hero-image{
	position:relative;
	height:445px;
	width:960px;
}

section#gallery-image{
	position:relative;
	height:175px;
	width:960px;
	overflow:hidden;
}

ul#gallery li{
	display:inline;
	float:left;
	margin: 0 10px 10px 10px;
	cursor:pointer;
}

.signature{
	font-style:italic;
	font-size:12px;
	
}

	

/* ---------------------------------------------------------------------- 
    Locations Table
---------------------------------------------------------------------- */	

table{
	margin:10px 0;
}

table tr td{
	width:200px; 
	height:100px;
	font-size:1.4em;
	line-height:1.2em;
}

table tr td b{
	font-weight:bold;
	color:#744006;
}

/* ---------------------------------------------------------------------- 
  6  Footer
---------------------------------------------------------------------- */

div#push{
	height:50px; 
	clear:both;
}

footer#container{
	border-top:1px solid #9F9F9F; 
	width:960px; 
	margin:0 auto;
}

footer#information{
	width:400px;
	height: 60px;
	padding:15px 0;
}

footer#information h1{
	font-size:1.4em; 
	font-weight:300; 
	color:#777;
}