@charset "utf-8";
/* Cooper Pacific Kitchens Styles */

/* Globals 
------------------*/
#flashcontent {
	position:static;
}

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}

a:link, a:visited {
	color:#4a4a4a;
}
a:hover, a:active {
	color:#FF3300;
}

::-moz-selection{
	background:#bd8c00;
	color: #FFF;
}

::selection {
	background: #bd8c00;
	color: #FFF;
}

body{margin:0}/* for ie mac*/
/* commented backslash hack v2 \*/ 
html, body{height:100%;padding:0; background:url(../image/bg_gradient.jpg) repeat-x top #ffffef fixed;} 
* html, * html body{
	overflow:visible;
	/*padding:170px 0;
	margin:-170px 0;*/
	padd\ing:0;
	ma\rgin:0;
}
* html #outer { 
	overflow:auto;
	height:99.9%;
}
* html #contain-all{
	position:absolute;
	overflow-y:scroll;
	width:100%;
	height:100%;
	z-index:1;
}

#contain-all {
	margin:0 auto;
}

/* end hack */ 

#top-bar{
	position:absolute;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:0px;
	height:170px;
	padding:0;
	z-index:2;
	overflow:visible;
}
#topbar-inner {
	height:170px;
	background:url(../image/bg_gradient.jpg) repeat-x top #ffffef fixed;
	width:960px;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
}
/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #topbar-inner {margin-right:17px;}
/* end hide*/


.spacer {height:190px;}/* same height as footer/header to preserve space*/
p{margin-top:0}
html>body #top-bar {position:fixed}/* for moz/opera and others*/
#content { width:960px; margin:0 auto; }
#relative { width:960px; margin:0 auto; }

#wrap { 
	width:960px; 
	margin:0 auto;
}

.float-right { float: right; padding:0 0 10px 10px; clear:right; }
.float-left { float: left; padding:0 10px 10px 0; clear:left; }

h2 {
	color:#bd8c00;
	font-size:14px;
	margin:0;
	padding:0;
}

input { border:1px solid #857449; background-color:#FFF; }
textarea { border:1px solid #857449; background-color:#FFF; }

/* gallery functions 
------------------*/
#thumb {
	float:left;
	padding:20px 10px 0 0;
}

#img_desc {
	padding-top:20px;
	height:150px;
	width:670px;
}

#img_desc h1 {
	color:#bd8c00;
	font-size:20px;
	margin:0 0 20px 0;
	padding:0;
}



/* Header 
------------------
#header {
	padding:10px 0 20px 0;
	height:90px;
	clear:both;
}
*/
.logo { 
	float:left;
	padding-left:4px;
}

.tagline { 
	float:left;
	padding:63px 0 0 60px;
}


/* Footer 
------------------*/
#footer {
	padding:10px 0 20px 0;
	margin:10px 0 0 0;
	clear:both;
	text-transform:uppercase;
	text-align:center;
	border-top:1px solid #857449;
	clear:both;
	width:960px;
}

/* Content 
------------------*/
#modal { display:block; clear:both; width:940px; }

#home_right {
	margin:0px;
	float:right;
	width:549px;
}

#home_right p {
	margin:10px 15px 15px 15px;
	font-size:16px;
}

#press_box {
	height:140px; width:415px;
	float:left;
	vertical-align:top;
	margin:0 20px 20px 0;
}

#press_box h1 {
	color:#bd8c00;
	font-size:14px;
	margin:0;
	padding:0;
}

#press_box img {
	float:left;
	border:0;
	padding:0 20px 0 0;
}

#fresh_box {
	border-top:1px solid #857449;
	clear:both;
}
#fresh_box h1 {
	color:#bd8c00;
	font-size:14px;
	margin:0;
	padding:0;
}
#fresh_box h2 {
	color:#bd8c00;
	font-size:12px;
	margin:0;
	padding:0;
}
#caption_box {
	width:208px;
	padding:10px 30px 10px 0;
	float:left;
}

#caption_box-r {
	width:162px;
	margin:20px 30px 20px 0;
	float:right;
}

/* Menu 
------------------*/
#menu {
	padding:30px 0 0 0;
	border-bottom:2px solid #857449;
	height:30px;
	clear:both;
	width:960px;
	margin:0 auto;
	/*background:url(../image/tile_nav.jpg) repeat-x bottom;*/
}

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin:0 auto;
	padding: 0;
}
.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin:0;
  position: relative;
  font-size:14px;
  text-align:left;
  margin:0 77px 0 0;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: 1.22em/25px Arial, Helvetica, sans-serif;
  color: #000;
  font-weight:bold;
  display: block;
  padding:0 3px;
  text-transform: lowercase;
  text-decoration: none;
}

.nav li a:hover {
  background: #000;
  color: #FFF;
}


#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #000;
  color: #FFF;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background:#000;
  color: #FFF;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #857449;
  color: #000;	
}

.nav ul {
  background: #ffffff;
  list-style: none;
  margin: 0;
  width: 290px;
  position: absolute;
  top: -999em;
  left: 0px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}

.nav ul li {
  float: none;
}
.nav ul a {
  width: 290px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #bd8c00;
  color: #000;
}

.padme { padding:10px; }