/**
 * vim: sw=2:ts=2:autoindent:smartindent:noexpandtab
 * Theme Name: Pacific Outdoor Living
 * Theme URI: http://wordpress.org/
 * Description: The custom wordpress theme for Pacificoutdoorliving.com
 * Version: 1.0
 * Author: Reyzell Biason
 * Tags:
 *
 *
 */
/* CSS Document */
body {
  background:url(images/mainbg.jpg) top left repeat-x scroll;
  font-family:Georgia, Times New Roman, Serif;
  font-size:15px;
  color:#7b7b7b;
  background-color:#fff;
  margin:0;
  padding:0;
  line-height:1;
}

#mainwrapper {
  width:975px;
  margin:0 auto;
}

#header {
  width:975px;
  margin-top: 39px;
	/* margin-bottom: 10px; */
  padding-top: 25px;
  clear:both;
  z-index:0;
	height: 80px;
}

#logo {
  height: 64px;
  width: 377px;
	margin: 0;
  margin-top: 3px;
	float: left;
}

#logo a {
  display:block;
  width:369px;
  height:60px;
  background:url(images/ui.png) no-repeat;
  text-indent:-9999px;
  font-size:0;
  overflow:hidden;
}

#request {
  width:205px;
  height:47px;
  text-indent:-9999px;
  font-size:0;
  overflow:hidden;
  background:url(images/ui.png) no-repeat scroll -107px -59px;

	float: right;
	margin-right: 68px;
	margin-top: 7px;
}

#header .msg {
	display:none;
}

.chat {
  width:129px;
  float:right;
  margin-top:20px;
  margin-right:18px;
}

.chat .poweredby {
  font-size:9px;
  font-family:Helvetica, Arial, Sans-serif;
  display:block;
  text-align:center;
  margin-top:3px;
}

#blog-cluster {
  background:url(images/ui.png) no-repeat scroll 0px -58px;
  height:60px;
  margin:0;
  padding:0;
  width:107px;
	float: right;
}

#blog-cluster li {
  list-style:none;
}

#blog-cluster li a {
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  line-height:0;
  font-size:0;
}

#blog-cluster .blog a {
  height:46px;
  left:12px;
  position:absolute;
  top:6px;
  width:43px;
}

#blog-cluster .bbb a {
  height:46px;
  left:61px;
  position:absolute;
  top:6px;
  width:41px;
}

#blog-cluster .jobs a {
  height:23px;
  left:12px;
  position:absolute;
  top:57px;
  width:82px;
}

#gallery {
  width:975px;
  height:303px;
  clear:both;
  margin: 10px 0;
  position:relative;
}

#gallery object {
  position:absolute;
  z-index:0;
}

#content {
  width:975px;
  margin:0;
  padding:0 0 10px;
  line-height:1.4;
}

#content .left {
	margin-top: 10px;
  width:620px;
  float:left;
  padding-right:10px;
  padding-bottom:0;
}

#content .left img {
  max-width:610px;
}

#content .right {
  width:335px;
  float:right;
  font-size:12px;
  padding-bottom:20px;
	margin-top: 10px;
}

.line {
  background:url(images/line.jpg) top left repeat-x scroll;
  clear:both;
}

.line2 {
  background:url(images/line.jpg) top left repeat-x scroll;
  height:5px;
  margin:8px 0;
}

.line3 {
  background:url(images/line2.jpg) top left repeat-x scroll;
  height:1px;
  margin-top:8px;
}

/* =Nav Begin
------------------------------------------------------------- */


#menu-main-menu,
.sub-menu {
  margin:0;
  padding:0;
  list-style:none;
  float:left;
}

#menu-main-menu {
  background:url(images/pipe.jpg) no-repeat right center;
	height: 39px;
}

#menu-main-menu, #menu-main-menu ul {
  padding:0px auto;
}

.menu-item a {
  color:#4da6cb;
  outline:none;

  display:block;
  padding: 0 8px;
  height:39px;
  line-height:39px;
  white-space: nowrap;
  float: left;

  text-decoration:none;

  font-family: "Georgia";
  font-weight: bold;
  font-size:11px;

  text-transform:uppercase;
  text-shadow:0 1px 0 #fff;
}

#menu-main-menu a:hover {
  color:#8ac844;
}

.menu-item {
  float:left;
  position:relative;
  background:url(images/pipe.jpg) no-repeat left center;
  z-index: 1;
  height:39px;
  line-height:39px;
}

.sub-menu {
  position: absolute;
  z-index:10000;
  top:38px;
  width: 190px;

  -moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 10px rgba(0,0,0,0.2);

	left:-999em;
}

.sub-menu .menu-item {
  background-color:#fefefe;
  background-image:none;
  color:#4da6cb;
  font-size:12px;
  border:1px solid #94c94d;
  border-top:none;
  text-align:center;
  float: none;
  line-height: 1.2;

  width:180px;
  height: auto;

  margin: 0;
  padding: 5px;
}

.sub-menu .menu-item a {
  float: none;
  text-indent: 0;
  font-size: 11px;
  line-height: 1.2;
  margin: auto;
  height: auto;
  text-align: center;
  text-transform: none;
}

.sub-menu .menu-item a:hover {
  color:#8ac844;
}


.menu-item:hover .sub-menu ,
.sfhover .sub-menu {
  left:50%;
  margin-left:-95px;
  z-index: 10000;
}

/* Third menu support */

.menu-item .sub-menu .menu-item .sub-menu {
	left: -999em;
	border-top: 1px solid #94C94D;
	margin-top: -1px;
}

.menu-item .sub-menu .sfhover .sub-menu ,
.menu-item .sub-menu .menu-item:hover .sub-menu {
	left: 100%;
	top: 0;
	margin-left: 0;
}

/* =Content
------------------------------------------------------------------*/
div.entry img {
	-moz-box-shadow: 3px 3px 4px #bbb;
	-webkit-box-shadow: 3px 3px 4px #bbb;
	box-shadow: 3px 3px 4px #bbb;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bbbbbb')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bbbbbb');
}


/* =End Nav Menu
------------------------------------------------------------------*/

.left a {
  font-weight:bold;
  color:#47a7ce;
  text-decoration:none;
}

.img {
  float:right;
  padding-left:10px;
}

#testi {
  width:975px;
  margin:0;
  color:#7b7b7b;
  font-size:11px;
  /* margin-bottom:25px; */
  float:left;
}

#testi h2 {
	background: url(images/ui.png) no-repeat -280px -294px;
	text-indent: -9999px;
	font-size: 0pt;
	overflow: hidden;
	height: 15px;
	width: 416px;
}

.client a {
  color:#8fc743;
}

.client {
  width:295px;
  float:left;
  padding-right:27px;
  line-height:1.2;
}

.client1,
.client2,
.client3 {
	height: 90px;
	width: 103px;
  float:left;
  margin:0 5px 5px 0;
	background: url(images/ui.png);
}

.client1 { background-position: -107px -106px; }
.client2 { background-position: -312px -106px; }
.client3 { background-position: -209px -106px; }

a.name {
  color:#2b99c6;
  font-size:12px;
  text-decoration:none;
}

#members {
  width:975px;
  clear:both;
  float:left;
}

#footer {
  background:url(images/footerbg.jpg) top left no-repeat;
  height:63px;
  font-size:10px;
  color:#7b7b7b;
  clear:both;
}

.links {
  color:#aed9cf;
  font-size:11px;
  padding:10px 0 7px;
}

.links a,.links a:visited {
  color:#5fccf9;
  font-size:11px;
  text-decoration:none;
}

.links a:hover {
  color:#8fc743;
  font-size:11px;
  text-decoration:none;
}

table.content_tbl td {
  border:solid 1px #ddf6fc;
}

.fl_left {
  float:left;
  margin:0 15px 0 0;
}

form#myform {
  padding:18px 15px 0;
  border:solid 1px #ececec;
  border-top:none;
	display:block;
  font-family:Georgia;
}

table.estimate_form {
}

table.estimate_form td {
  padding:5px 0;
}

table.features td {
  text-align:left;
  vertical-align:top;
  padding-bottom:5px;
}

table.features input {
  vertical-align:middle;
  float:left;
  display:block;
}

table.features strong {
  display:block;
  float:left;
}

.text_field,.text_field_comment {
  width:180px;
  border:solid 1px #c0d5e2;
  color:#747370;
  font-size:inherit;
  font-family:inherit;
  line-size:1;
}

.text_field_comment {
  height:120px;
}

#form_border_bot {
  border-bottom:solid 1px #ececec;
}

.sidebar {
  border:solid 1px #ececec;
  padding:10px;
}

#sidebar #searchform #s {
  width:150px;
  height:22px;
  border:solid 1px #c0d5e2;
  padding:5px 5px 0;
  color:#747370;
}

.fleft {
  float:left;
}

.fright {
  float:right;
}

.waterscapes {
  padding:0 10px 0 0;
}

.paving {
  padding:0 10px 0 30px;
}

.landscape {
  padding:0 16px 0 0;
}

.divider {
  color:#47A7CE;
}

.sitemap ul li a,.sitemap ul li {
  list-style:none;
  padding:5px 5px 5px 10px;
}

.sitemap ul,.sitemap ul li ul {
  padding:0 0 0 10px;
}

.trademarks li {
  float:left;
	display: block;
	list-style: none;
}

.trademarks li a {
	display: block;
	background: url(images/ui.png) no-repeat;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
}


.trademarks .ppi-tm { width: 150px; height: 59px; background-position: -369px 0; }
.trademarks .cwi-tm { width: 150px; height: 59px; background-position: -519px 0; }
.trademarks .jti-tm { width: 85px; height: 65px; background-position: -415px -105px; }
.trademarks .pof-tm { width: 115px; height: 63px; background-position: -502px -106px; }

#trademarks {
  display:block;
  float:left;
  margin:30px 103px 0 0;
	background: url(images/ui.png) no-repeat -112px -202px;
	font-size: 0;
	overflow: hidden;
	text-indent: -9999px;
	height: 15px;
	width: 341px;
}

#awards {
  width:975px;
  margin-bottom:15px;
  clear:both;
  float:left;
}

#awards h2 {
	background: url("images/ui.png") no-repeat scroll -282px -314px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 0;
	height: 15px;
	width: 450px;
	margin-top: 8px;
}

#awards img {
  display: block;
}

#awards img.lbl {
  display:block;
  margin:0 0 10px 0;
  clear: both;
}

#awards ul.imgs {
  float:left;
  clear:both;
  margin:15px 0 0;
  padding: 0;
  list-style-type:none;
}

#awards ul.imgs li {
  float: left;
  background:url(images/ui.png) no-repeat #888;
  text-indent: -99999px;
  font-size: 0px;
  overflow: hidden;

  /* border: 1px solid #aaa; */
  margin-right: 35px;
}

#awards ul.imgs li.inc-500    { width: 72px; height: 64px; background-position: -356px -222px; }
#awards ul.imgs li.showcase   { width: 109px; height: 65px; background-position: -7px -223px; }
#awards ul.imgs li.angieslist { width: 70px; height: 65px; background-position: -127px -224px; }
#awards ul.imgs li.agc        { width: 156px; height: 51px; background-position: -442px -227px; }
#awards ul.imgs li.hgtv       { width: 122px; height: 60px; background-position: -152px -297px; }
#awards ul.imgs li.clca       { width: 133px; height: 61px; background-position: -213px -224px; }
#awards ul.imgs li.extreme    { width: 131px; height: 59px; background-position: -12px -295px; }
#awards ul.imgs li.thc        { width: 82px; height: 60px; background-position: -3px -154px; }

/* Social Media stuffs */
.sub-menu .menu-item-facebook a:hover,
.sub-menu .menu-item-facebook a {
  background:url(images/ui.png) no-repeat scroll -619px -122px #fff;
	height: 16px;
}

.sub-menu .menu-item-twitter a:hover,
.sub-menu .menu-item-twitter a {
  background:url(images/ui.png) no-repeat scroll -619px -138px #fff;
	height: 16px;
}

.sub-menu .menu-item-you-tube-channel a:hover,
.sub-menu .menu-item-you-tube-channel a {
  background:url(images/ui.png) no-repeat scroll -619px -106px #fff;
	height: 16px;
}

h1.title ,
h1.title2 {
	color: #94C94C;
	font-family: "Palatino","Georgia","Serif";
	font-size: 21px;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0;
	padding-bottom: 0;
	text-shadow: 1px 1px 1px #EEEEEE;
}

a.jobs {
  display:block;
  position:relative;
  top:-10px;
}

.line {
  padding-top:.5em;
}

p.rss {
  margin:.5em 0;
  padding:2px 5px;
  float:right;
  background:#eee;
  border:1px solid #ddd;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.navigation {
  clear:left;
}

p.rss a {
  font-family:Arial;
  font-size:12px;
  color:#1A4252;
}

p.rss a:hover {
  color:#47A7CE;
}

p.rss a img {
  margin-bottom:2px;
}

/* =AddThis Plugin
------------------------------------------------------------ */
.addthis_container {
  margin-top:2em;
  padding:.3em;
  background-color:#eee;
  border:1px solid #ddd;
  float:left;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

/* =Job Manager Plugin
------------------------------------------------------------ */
/* Application Form */
.job-apply-table {
  border-top:1px dotted #ccc;
  font-size:90%;
  font-family:Arial;
}

.job-apply-table th {
  font-weight:normal;
}

.job-apply-table td {
}

.job-apply-table input {
}

.job-apply-table .submit {
  border-top:1px dotted #ccc;
  padding-top:1em;
  text-align:center;
}

/* Front End list */
table.job-table {
  font-family:Arial;
  background:#eee;
  border:1px solid #ddd;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

table.job-table th {
  text-align:right;
  padding-right:10px;
}

td.jobs-applynow {
  display:block;
  width:auto;
  padding-bottom:10px;
}

td.jobs-applynow a {
  padding:10px 17px;
  text-shadow:0 1px 0 #fff;
  background:url(images/button-eee-bg.png) no-repeat;
  color:#47A7CE;
}

td.jobs-applynow a:focus,td.jobs-applynow a:hover {
  outline:none;
  background-position:0 -38px;
  text-decoration:none;
  color:#47A7CE;
  text-shadow:0 1px 0 #fff;
}

td.jobs-applynow a:active {
  outline:none;
  background-position:0 -76px;
}

.even {
}

.even {
  border:none;
}

/* =Press page
------------------------------------------------------------ */
.press {
  margin-bottom:20px;
  display:block;
  width:155px;
  height:40px;
  float:left;
  background:#ccc;
  border:40px solid #fff;
  border-right:none;
  border-left:none;
}

.press img {
  display:block;
  margin:0 auto;
  position:relative;
  top:-30px;
  -moz-box-shadow:0 0 15px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);
  box-shadow:0 0 15px rgba(0,0,0,0.3);
}

/* =Estimate Form
------------------------------------------------------------ */
h3#formheader {
	background: url(images/estimate-form.jpg);
	width: 335px;
	height: 49px;
	margin: 0;
	text-indent: -999em;
	font-size: 0;
	overflow: hidden;
}

input.estsubmit {
	background: url(images/submit.jpg);
	width: 240px;
	height: 32px;
	display: block;
	margin: 0 auto;
	border: none;
	font-size: 0;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
}


