/* styles for osaka */ 
body{
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background: #fff url(images/tile-bg.gif) repeat scroll;
}

a:hover{
	background-color:#ff0000;
	color: #fff;
}

#container{
	width: 960px;
	left: 50%;
	position: absolute;
	margin: 0 0 0 -480px;
	background-image:url(images/slices/content-tile.jpg);
	background-repeat: repeat-y;
}

#container h1#header{
	background-image:url(images/slices/header-notext.jpg);
	background-repeat: no-repeat;
  color:#fff;
  font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
  font-size: 40px;
  font-weight: medium;  
	padding: 90px 0 10px 150px;
}

#container h1#header.roseville{
  background-image:url(images/slices/header-roseville.jpg);
}
#container h1#header.applevalley{
  background-image:url(images/slices/header-applevalley.jpg);
}
#container h1#header.coonrapids{
  background-image:url(images/slices/header-coonrapids.jpg);
}
#container h1#header.edenprairie{
  background-image:url(images/slices/header-edenprairie.jpg);
}

#container #shadow{
	/* styles for shadow */ 
}

/* helper styles */ 
.left { float:left; }
.right { float:right; }
.img, img {
	margin:10px;
}

/* nav */ 
#nav{
	background-image: url(images/slices/nav.jpg);
	background-repeat: no-repeat;
/*	height: 34px;*/
	font-size:13px;
	text-align: right;
	padding: 5px 60px 4px 5px;
/*	padding-right: 60px;*/
}

#nav a{
	margin-top: 10px;
	text-decoration: none;
	padding: 5px;
	color: #ff0000;
}

#nav a:hover, #nav a.over{
	background-color: #ff0000;
	color: #fff;
}

/* titles */ 
.titles{
	background-repeat:no-repeat;
	height: 44px;
}

#container h2#home{background-image: url(images/titles/home.jpg);}
#container h2#information{background-image: url(images/titles/information.jpg);}
#container h2#contact{background-image: url(images/titles/contact.jpg);}
#container h2#menu{background-image: url(images/titles/menu.jpg);}
#container h2#img-gallery{background-image: url("images/titles/gallery.jpg");}
#container h2#testimonials{background-image: url(images/titles/testimonials.jpg);}
#container h2#careers{background-image: url(images/titles/careers.jpg);}
#container h2#applevalley{background-image: url(images/titles/applevalley.jpg);}
#container h2#coonrapids{background-image: url(images/titles/coonrapids.jpg);}
#container h2#roseville{background-image: url(images/titles/roseville.jpg);}
#container h2#edenprairie{background-image:url(images/titles/edenprairie.jpg);}
#container h2#location{background-image:url(images/titles/locations.jpg);}

/* content */ 
#content{
	background:url(images/slices/content-top.jpg) no-repeat scroll;
	min-height:144px;
	padding: 15px 70px;
}

#content *{
	padding: 5px;
}

/* footers */ 
#footer{
	clear: both;
	height: 70px;
	padding-top:12px;
	text-align: center;
	color: #fff;
	text-align: center;
	background:url(images/slices/footer.jpg) no-repeat scroll ;
	font-size: 10px;
}

#footer p{
	margin-top: auto;
	margin-bottom:auto;
}

.ie7 #footer p{
  margin-top:-10px;
}

#footer .links a{
	padding: 0 5px;
	border-right: 1px solid #fff;
}

#footer a{color: #fff;}
#footer a:hover{
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

.clear { clear: both; }
.height-200 {height: 200px;}

/* ===LISTS=== */ 
ul.standard{
	list-style: circle inside;
	margin: 5px 70px;
}

/* ===HEADERS=== */ 
h2{
	font: 20px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	clear: both;
}

h3{
	clear: both;
	font-size: 16px;
	color: #000;
}

h4{
	font: 18px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-style: italic;
	margin-bottom:3px;
	color: #ff6000;
}

/* ===TABLE=== */ 
table.menu{
	width: 100%;
	border-collapse: collapse;
	border:1px solid #dadada;
}

table.menu td{
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}

table.menu td.item{
	width: 80%;
	font-size: 14px;
	background-color:#cc653c;
	color: #fff;
}

table.menu td.price{
	font-size:14px;
	text-align: right;
	background-color:#cc653c;
	color: #fff;
}

table.menu td.desc{
	font-style: italic;
	color:#cc653c;
	border-bottom:1px solid #cc653c;
}
/* gallery styles */ 

#gallery {position:relative; width:750px;}
#gallery img{margin: 0;padding: 0;}
#thumbs {width:300px; float:left;}
#thumbs a {display:block; background-color:#fff; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd;background:none;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; background-color:#fff; right:0; top:0;}

ul#testimony li{
	font-size: 16px;
	color: #6e6e6e;
	margin: 20px 10px;
}

.small-text, .small{
	font-size: 10px;
}

.hilite{
	background-color: #faff9f;
}

#locations{
  margin-left:10%;
  margin-bottom:20px;
}

.location-box{
  background:#fff;
  margin-right:10px;
  margin-top:20px;
  width: 280px;
  border:2px solid #ccc;
  padding:10px;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  -moz-box-shadow: 1px 1px 5px #ccc;
  -webkit-box-shadow: 1px 1px 5px #ccc;
  box-shadow: 1px 1px 5px #ccc;
}

.location-box.adjuster{
  margin-top:-210px;
}

.ie7 .location-box#roseville{
  margin-top:20px;
}

.ie8 .location-box#roseville{
  /* 12px difference */
  margin-top:-222px;
}

.ie8 .location-box#apple-valley{
  height: 211px;
}

.location-box p{
  text-align: center;
  font-size: 14px;
}

.location-box a{
  color:#000;
  background:none;
}

.location-box h3 a{
  color: #000;
}

.location-box a:hover{
  text-decoration: underline;
}

.location-box h3 a:hover{
  color:#fff;
}

.location-box:hover{
  border:2px solid #ff0000;
}

.location-box img{
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}

.location-box img:hover{
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter:alpha(opacity=100);
}

.location-box h3{
  background:#ccc;
  color:#000;
  padding:5px;
  text-align: center;
  margin: 10px -5px -5px -5px;
}

img.border{
  padding:10px;
  border:1px solid #ccc;
  background:#fff;
}

#content h5 a{
  padding:0;
  text-decoration:underline;
  color: #000;
}

#content h5 a:hover{
  color:#fff;
}

blockquote{
  padding:5px;
  border-left: 3px solid #ccc;
  font-size: 14px;
}

.width_800{
  width: 800px;
}

.med{
  font-size: 14px;
}

#facebox ul.standard{
  padding:0;
  margin:0 0 10px 0;
}

#facebox ul.standard li{
  list-style: none;
  float: left;
  border-bottom:1px solid #ccc;
  margin-right:10px;
  font-size: 14px;
}