/*
Theme Name: Valley Foodservice
Theme URI: http://epiphanydigital.com
Description: none.
Version: 1.0
Author: James Brooks
Author URI: http://www.epiphanydigital.com
*/

html, body {
	margin:0 !important;
	padding:0 !important;
}
body {
	background:#1f6030 url('img/bg_body.png') center top no-repeat fixed;
	font-family:arial,verdana;
	font-size:12px;
	line-height:20px;
	text-align:center;
	color:#222;
	width:100%;
	height:100%;
}

.reset {clear:both}
br.reset {clear:both;height:0}
a {
  color:#1f6030;
  text-decoration:none;
}
a:hover {text-decoration:underline}
a, a img {
  border:none;
  outline:none;
}
input {
  font-family:tahoma;
  font-size:11px;
}
input[type=submit] {
  border:none;
  background:#1f6030;
  color:#FFF;
  padding:2px 5px;
}
input[type=submit]:hover {background:#1f9030}
#submit {margin:10px 0 0}
p {margin-bottom:16px}
ul,ol {margin:0 0 20px 20px}
ul li {
  list-style:square;
}

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

#mypage {
	background:url('img/bg_page.png') repeat-y center top;
	width:990px;
	margin:0 auto;
	padding:10px 0;
	height:100%;
	text-align:left;
}
#page-inner {
	margin:0 0 0 65px;
	background:#FFF;
	width:860px;
	overflow:hidden;
}

#header {
  background:url('img/bg_truck.jpg') no-repeat right bottom;
  padding:0 0 15px;
}

#navigation {
  background:#1f6030;
  height:35px;
  overflow:hidden;
  font-size:18px;
  margin:0 0 20px;
  text-transform:uppercase;
  text-align:left;
}
#navigation ul {
  margin:0;
  padding:0
}
#navigation li {
  display:block;
  float:left;
  list-style:none;
  margin:0;
  height:35px;
  background-image:url('img/navigation.png');
  background-repeat:no-repeat;
}
#navigation li a {
  display:block;
  line-height:35px;
  height:35px;
  background-image:url('img/navigation.png');
  background-repeat:no-repeat;
  padding:0 14px;
  opacity:0;
}
#navigation .products {
  background-position:14px 0;
  width:103px;
}
#navigation .services {
  background-position:-140px 0;
  width:89px;
}
#navigation .brands {
  background-position:-280px 0;
  width:87px;
}
#navigation .news {
  background-position:-420px 0;
  width:144px;
}
#navigation .contact {
  background-position:-619px 0;
  width:116px;
}


.products a {background-position:14px -36px}
.services a {background-position:-140px -36px}
.brands a {background-position:-280px -36px}
.news a {background-position:-420px -36px}
.contact a {background-position:-619px -36px}

#content {
  float:right;
  margin:0 10px 0 0;
}
#content.narrowcolumn {width:635px}
#content.widecolumn {width:840px}

strong {font-size:14px}

h1,h2,h3,h4,h5,h6 {
  color:#1f6030;
  padding:0;
  text-transform:uppercase;
  letter-spacing:1px;
  margin:0 0 15px;
  text-decoration:none;
}
h1,h2 {font-size:14px}
h3,h4 {font-size:12px}
h5 {font-size:11px}
h6 {font-size:10px}
strong {
  color:#1f6030;
  letter-spacing:1px;
  font-size:12px;
}
  
#sidebar h2,
h2.pagetitle,
h2.title,
h2.title a {
  font-size:14px;
  border-bottom:2px solid #1f6030;
  text-transform:uppercase;
}
h2.title a:hover {color:#1f9030}

.hentry h2.title {
  font-weight:700;
  padding:0;
  line-height:12px;
  letter-spacing:2px;
  border:none;
  margin:4px 0 20px 0;
}
.hentry h2.title a {
  font-size:12px;
  display:block;
  color:#1f6030;
  border:1px solid #1f6030;
  padding:2px 4px;
  background:#CFC;
  text-decoration:none;
}
.hentry h2.title a:hover {
  color:#1f9030;
  border-color:#1f9030;
  background:#FFF;
}
.hentry h2.single {
  padding:2px 0;
  margin-top:-11px;
  border-bottom:2px solid #1f6030
}

.heading_title {
  float:left;
  width:75%;
}
.heading_date {
  float:right;
  display:block;
  width:20%;
  color:#333;
  text-align:right;
  font-weight:500;
  font-size:9px;
  letter-spacing:0;
  text-transform:none;
}


.post-edit-link,
.postmetadata {
  font-size:9px
}

.navigation {
  clear:both;
  font-size:10px;
  letter-spacing:0;
  line-height:15px;
}
.navigation .alignleft a,
.navigation .alignright a {
  padding:0 5px;
  border:1px solid #1f6030;
  display:block;
  text-decoration:none;
  background:#1f6030;
  color:#FFF;
  margin:0 0 15px;
}
.navigation .alignleft a:hover,
.navigation .alignright a:hover {
  background:#1f9030
}


#sidebar {
  float:left;
  width:180px;
  margin:0 0 0 10px;
}
#sidebar ul {
  margin:0;
  padding:0
}
#sidebar li {
  list-style:none;
  letter-spacing:2px;
}
#sidebar li ul {margin:5px 0 10px 15px}
#sidebar li ul li {
  list-style:square;
  color:#AAA;
  letter-spacing:0;
  margin-bottom:4px;
}
#sidebar li ul li a {
  color:#777;
  display:block;
  width:155px;
  line-height:14px;
}
#sidebar li ul li a:hover {
  color:#1f6030;
  text-decoration:none
}

#sidebar h2.widgettitle {
  color:#1f6030;
  font-size:12px;
}

#footer {
	clear:both;
	width:990px;
	height:70px;
	margin:0 auto;
	padding:0;
	font-size:11px;
  letter-spacing:1px;
	background:url('img/bg_footer.png') no-repeat center top;
}
#footer-inner {
	margin:0 75px;
	padding:25px 0 0;
}

#footer, #footer a, #footer .copyright a.copylogin {
	text-decoration:none;
	color:#000;
}
#footer a:hover {color:#1fA030}
.copyright {
	width:50%;
	float:left;
	text-align:left;
}
.copylogin {cursor:text}
.norfolkwebdesign {
	width:50%;
	float:right;
	text-align:right;
	font-size:9px;
}


/* Page Specific */

#homepagespecial {
  margin:30px 0 0;
  width:860px
}
#homepagespecial .block {
  float:left;
  margin-right:20px;
  background:#000;
}
#homepagespecial .block-inner,
#homepagespecial .block-inner a {
  width:266px;
  height:180px;
  display:block
}
#homepagespecial .tout_products {background:#000 url('img/home_touts_products.jpg') no-repeat}
#homepagespecial .tout_brands {background:#000 url('img/home_touts_brands.jpg') no-repeat}
#homepagespecial .tout_news {background:#000 url('img/home_touts_news.jpg') no-repeat}

.tout {
  float:right;
  width:300px;
  margin:0 0 10px 20px;
  border:1px solid #1f6030;
}
.tout h3 {
  display:block;
  background:#1f6030;
  color:#FFF;
  padding:0 10px;
  font-size:11px;
}
.tout ul {
  margin:0 10px 0 25px;
  padding:0 0 10px;
  color:#1f6030;
  font-weight:700;
  font-size:10px;
  text-transform:uppercase;
}

#brands ul {
  margin:20px 0;
  border-top:2px solid #CCC;
  padding:20px 0 0 20px;
}
#brands li {
  float:left;
  list-style:none;
  display:block;
  width:185px;
  height:120px;
  padding:0;
  margin:5px;
  text-align:center;
  overflow:hidden;
  background:#1f9030;
  border:2px solid #CCC;
}
#brands li:hover {border-color:#1f6030}
#brands li a {
  padding:20px 0;
  display:block;
  height:100%;
  background:#FFF;
}
#brands li a img {background:#000}


#contact_left {
  width:420px;
  float:left;
}
#contact_right {
  width:400px;
  float:right;
}
.contact_image {}
#si_contact_form label {font-size:11px}

.block_left {
  float:left;
  width:42%;
  padding:1% 2.5%;
  border:1px solid #1f6030;
}
.block_right {
  float:right;
  width:42%;
  padding:1% 2.5%;
  border:1px solid #1f6030;
}