/*
Theme Name: Farnham & Associates
Theme URI: http://www.designdoneright.com
Description: Custom theme for Farnham & Associates
Version: 1
Author: Design Done Right
Author URI: http://www.designdoneright.com
Tags: Just Perfect :)
*/

body {
	margin: 0px;
	padding: 0px;
background: #ffffff;
	font-family: arial, "Lucida Sans", "Lucida", sans-serif;
font-size: 12px;

}

a:link {
	text-decoration: none;
	color: #770d13;
}
a:visited {
	text-decoration: none;
	color: #770d13;
}
a:hover {
	text-decoration: none;
	color: #770d13;
}
a:active {
	text-decoration: none;
	color: #770d13;
}

#container {
/*position: relative;*/
margin-left: auto;
margin-right: auto;
width: 960px;
}

#container-top {
position: relative;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 71px;
}

#header-bg {
	position: relative;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: 527px;
	background-image: url(images/header-bg3.jpg);
	background-color: #135dbc;
	background-repeat: repeat-x;
	background-position: top center;
}
#header-bg-page {
	position: relative;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: 523px;
	background-color: #135dbc;
	background-image: url(images/header-page.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}
#waterHeader {
	background: url(images/header-bg3.png) no-repeat;
	background-position: center top;
    height: 145px;
	right: 92px;
    position: relative;
    width: 100%;
    z-index: 777;
}

#header-text {
position: relative;
float: left;
width: 676px;
height: 72px;
margin-top: 90px;
margin-left: 20px;
background-image: url(images/water-safe.png);
background-repeat: no-repeat;
z-index: 10;
}

#text2 span, #arrow span, #logo span, #header-text span, #copy-logo span {visibility: hidden;}

#logo {
position: relative;
float: left;
width: 248px;
height: 89px;
/*margin-top: 60px;*/
margin: 5px 0px 62px 0px;
/*background-image: url(images/logo.jpg);*/
background-repeat: no-repeat;
z-index: 10;
}

#logo-right {
	position: relative;
	float: right;
	height: 89px;
	margin: 5px 0px 80px 0px;
	color: #810e1d;
	font-size: large;
}

#header {
position: relative;
margin-left: auto;
margin-right: auto;
width: 960px;
}

#header-1 {
   float: left;
    height: 381px;
    position: relative;
    top: -27px;
    width: 960px;
}

#header-1 #text {
position: relative;
float: left;
width: 372px;
height: 44px;
/*background-image: url(images/water-fire-1.png);*/
margin-left: 30px;
}

#header-1 #video {
position: relative;
float: left;
width: 576px;
height: 377px;
background-image: url(images/video-bg.png);
margin-top: -5px;
}

#header-1 #tag {
position: relative;
position: top left;
width: 83px;
height: 93px;
margin-top: 19px;
margin-left: 20px;
background-image: url(images/video-logo.png);
z-index: 800;
}
#header-1 #text2 {
position: relative;
float: left;
width: 520px;
height: 17px;
background-image: url(images/header-text-2.png);
margin-left: 28px;
margin-top: -15px;
}

#youtube {
position: relative;
float: left;
width: 505px;
height: 303px;
z-index: 3;
margin-top: -77px;
margin-left: 35px;
}

#header-2 {
position: relative;
float: left;
width: 374px;
height: auto;
}

#header-2 #arrow {
position: relative;
float: left;
width: 512px;
height: 188px;
margin-top: 90px;
margin-left: -180px;
background-image: url(images/arrow-2.png);
z-index: 300;
}

#header-2 #form {
	font-size: medium;
	position: relative;
	float: left;
	width: 289px;
	height: 21px;
	margin-left:19px;
	margin-top: 10px;
	padding: 29px 10px 0 0;
	/*background-image: url(images/temp-form.png);*/
}

#header-2 #form p {
	color: white;
	font-size: medium;
	font-weight: bold;
}

#header-2 #button {
position: relative;
float: left;
width: 346px;
height: 60px;
margin-top: 10px;
margin-left: -10px;
}

#header-2 #social-media {
position: relative;
float: left;
width: 218px;
height: 15px;
margin-top: 30px;
margin-left: 50px;
background-image: url(images/social-text.png);
}

#header-2 #social-media2 {
position: relative;
float: left;
width: 300px;
height: 35px;
margin-top: 10px;
margin-left: 55px;
}

#section {
    display: block;
    float: left;
    overflow: hidden;
    width: 726px;
}

#section-blog {
    display: block;
    float: left;
    text-align: justify;
    overflow: hidden;
    width: 726px;
}
#section-blog p{
    color: gray;
    font-size: 14px;
}
#section-blog h2 {
	color: #770d13;
	font-size: large;
	font-weight: bold;
}
#section-blog h6 {
	color: #770d13;
	font-size: small;
	font-weight: bold;
	display: block;
	float: right;
}
#section-blog a:link, a:hover, a:active, a:visited{
	/*
	color: #770d13;
	font-size: x-large;
	font-weight: bold;*/
}

#form-lg {
position: relative;
float: left;
margin-right: 10px;
}

#form-lg textarea {
position: relative;
float: left;
width: 540px;
height: 200px;
background-color: #f1f1f1;
color: #770d13;
font-family: arial, verdana;
font-size: 15px;
border: 0px;
padding: 10px;
}

#header-form {
    border: 3px solid white;
    border-radius: 1px 1px 15px 15px;
    height: 322px;
    padding: 0 10px;
    width: 294px;
}

#form-sm input {
	position: relative;
	float: left;
	width: 292px;
	height: 30px;
	font-weight: bold;
	background-color: #f1f1f1;
	color: #770d13;
	font-family: 'times new roman', arial, verdana;
	font-size: 21px;
	border: 0px;
	padding: 10px;
	margin-bottom: 6px;
}

#form-txt textarea {
    border: 1px solid;
    font-size: 15px;
    height: 121px;
    padding: 10px;
    width: 270px;
}

#form-send input {

	width: 118px;
	
/*
  	background-color: #770D13;
    border: 0 none;
    color: #F1F1F1;
    cursor: pointer;
    float: left;
    font-size: 21px;
    font-weight: bold;
    height: 49px;
    margin-bottom: 6px;
    padding: 10px;
    position: relative;
    width: 292px;
    */
    
}

#form-send-right input {
	display: block;
	width: 118px;
 
}

#secondary {
	/*background: url(images/right_bg.png) repeat-y;*/
	border-bottom: dotted 5px #ddddff;
	color: #191970;
    float: right;
    /*margin: 0 10px 0 0;*/
    width: 21.8%;
}
.textwidget {
	padding: 0px 0px 20px 0px;
}
.title {
    background-color: #135dbc;
    border: 3px none;
    border-radius: 0 0 15px 15px;
    color: white;
    font-size: x-large;
    font-weight: bold;
    padding: 10px;
    width: 100%;
}
.clear {
	clear: both;

}
#sidebar {
	 
	position: relative;
	left:10px;
	width: 200px;
	height: auto;
	float: right;
	display: block;
	/*margin: 20px 0px 0px 0px;*/
}

#sidebar h1 {
	color: #770d13;
	font-size: large;
	font-weight: bold;
	
}
#contactUs {
	width: 100px;
	
}

#content {
position: relative;
float: left;
width: 960px;
min-height: 600px;
}

#footer {
position: relative;
margin: 0px;
padding: 0px;
clear: both;
height: 100px;
width: 100%;
background-color: #770d13;
clear: both;
}

#footer-content {
position: relative;
margin-left: auto;
margin-right: auto;
height: 68px;
width: 960px;
}

#copyright {
position: relative;
float: left;
color: #ffffff;
font-size: 11px;
line-height: 9px;
font-family: arial, verdana;
height: 57px;
width: 690px;
margin-top: 20px;

}

#copyright a, #copyright a:link, #copyright a:active {
color: #ffffff;
}

#copyright a:hover {
color: #ffffff;
}
#copy-logo {
position: relative;
float: left;
height: 57px;
width: 152px;
margin-top: 5px;
}

#container-nav {
/*	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 41px;
	background-color: #dddddd; 
	height: 41px;
    margin: 0 auto;
    width: 952px; */
}

#nav {
    background-color: #DDDDDD;
    display: block;
    float: left;
    width: 100%;
/* position: relative;
margin-right: auto;
margin-left: auto;
width: 960px;
height: 30px;
z-index: 960; */
}

#menu-main-menu, #menu-main-menu ul {
    float:left;
    list-style-type:none;
    line-height:30px;
    padding:0;
    margin:2px 0 0 0px;;
z-index: 960;
    }
#menu-main-menu a {
font-size: 13px;
font-family: arial, verdana;
color: #5f5f5f;
padding-left: 14px;
padding-right: 14px;
    display:block;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: bold;
}

#menu-main-menu li {
float: left;
padding-top: 0px;

}
.sub-menu li li a{
	color: black;


}
#menu-main-menu ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:210px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    }
#menu-main-menu li li {
    width:205px;
    border-bottom:1px solid #12263f;
    border-left:1px solid #12263f;
    border-right:1px solid #12263f;
    font-family:verdana,sans-serif;
    text-align: left;
	padding-left: 5px;

    }
#menu-main-menu li li a {
    padding:10px 10px;
    width:185px;
    font-size:12px;
    color:#5f5f5f;
    }
#menu-main-menu li ul ul {
    margin:-21px 0 0 160px;
    }
#menu-main-menu li li:hover {
    background:#cfcece;
    }
#menu-main-menu li ul li:hover a, #menu-main-menu li ul li li:hover a, #menu-main-menu li ul li li li:hover a, #menu-main-menu li ul li li li:hover a {
    color: #4d4d4d;
    background:#002a5c;
    }
#menu-main-menu li:hover a, #menu-main-menu li.sfhover a {
	background:#cfcece;
	cursor: pointer;
    color:#4d4d4d;
    }

#menu-main-menu li:hover li a, #menu-main-menu li li:hover li a, #menu-main-menu li li li:hover li a, #menu-main-menu li li li li:hover li a {
    /*color:#ffffff;*/
    color: black;
    }
#menu-main-menu li:hover ul ul, #menu-main-menu li:hover ul ul ul, #menu-main-menu li:hover ul ul ul ul, #menu-main-menu li.sfhover ul ul, #menu-main-menu li.sfhover ul ul ul, #menu-main-menu li.sfhover ul ul ul ul {
    left:-999em;
    }
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li li li:hover ul, #menu-main-menu li li li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul, #menu-main-menu li li li.sfhover ul, #menu-main-menu li li li li.sfhover ul {
    left:auto;
    background:#002a5c;

    }
#menu-main-menu li:hover, #menu-main-menu li.sfhover {
    background:#002a5c;

    }


.menu-footer-menu-container {
position: relative;
float: left;
width: 960px;
height: 14px;
margin-top: 10px;
}

.menu-footer-menu-container ul {
position: relative;
margin: 0px;
padding: 0px;
float: left;
list-style-type: none;
height: 14px;
}

.menu-footer-menu-container li {
position: relative;
float: left;
list-style-type: none;
margin-right: 0px;
padding-right: 13px;
font-family: arial, verdana ;
color: #ffffff;
font-size: 13px;
}

.menu-footer-menu-container a {
color: #ffffff;
}

#ColOneMain {
    float: left;
    position: relative;
    width: 600px;
}

.entry {
padding-left: 30px;
padding-right: 35px;
font-size: 13px;
font-family: 'trebuchet ms', arial;
color: #505050;
padding-bottom: 40px;
}

.entry img {
/*padding: 5px;*/

}

#ColOneMain h1 {
font-size: 25px;
font-family: arial, verdana;
color: #7c0e1a;
margin: 0px;
padding-top: 20px;
padding-bottom: 20px;
}


a img {
	border: 0px none;
}

.alignleft {
	float: left;
margin-right: 7px;
}

.alignright {
	float: right;
margin-left: 7px;
}

.blockquote {
    background: url("images/quote.gif") no-repeat scroll 0 0 transparent;
    font-size: 0.9em;
    height: auto;
    margin: 1em 2em 1em 1em;
    padding-left: 50px;
    text-align: justify;
    width: 90%;
}
.blockquote em {
	color: #810E1D;
    display: inline;
    font-family: times New Roman;
    font-size: medium;
    font-weight: bold;
}

#fb-columns-wrapper{
	width: 300px;	
}
#fb-left-column-image1{ 
    background: url(images/americanchemical.jpg) no-repeat;   
    width:87px;
    height: 115px;
    display: inline;
    float: left; 
    margin: 0px auto 5px auto; 
    padding: 5px 15px 10px;
    position: relative;
}
#fb-left-column-image2{
    background: url(images/americanwater.jpg) no-repeat;
    width:87px;
    height: 115px;
    display: inline;
    float: left; 
    margin: 0px auto 5px auto; 
    padding: 5px 15px 10px;
    position: relative;
}
#fb-left-column-image3{
    background: url(images/full_fragrances_magic_20110808.jpg) no-repeat;
    width:87px;
    height: 115px;
    display: inline;
    float: left; 
    margin: 0px auto 5px auto; 
    padding: 5px 15px 10px;
    position: relative;
}
#fb-left-column-image4{
    background: url(images/urbanFarmhouse.png) no-repeat;
    width:87px;
    height: 115px;
    display: inline;
    float: left; 
    margin: 0px auto 5px auto; 
    padding: 5px 15px 10px;
    position: relative;
}
#fb-right-column-image1{
    background: url(images/nationalfireprotection.jpg) no-repeat;
    width:87px;
    height: 115px;
    display: inline;
    float: left; 
    margin: 0px auto 5px auto; 
    padding: 5px 15px 10px;
    position: relative;
}
#fb-right-column-image2{
    background: url(images/societyofplastics.jpg) no-repeat;
    width:87px;
    height: 115px;
    display: inline;
    float: left; 
    margin: 0px auto 5px auto; 
    padding: 5px 15px 10px;
    position: relative;
}
#fb-right-column-image3{
    background: url(images/full_fragrances_imagination_20110808.jpg) no-repeat;
    width:87px;
    height: 115px;
    display: inline;
    float: left; 
    margin: 0px auto 5px auto; 
    padding: 5px 15px 10px;
    position: relative;
}
#fb-right-column-image4{
    background: url(images/urbanFarmhouse.png) no-repeat;
    width:87px;
    height: 115px;
    display: inline;
    float: left; 
    margin: 0px auto 5px auto; 
    padding: 5px 15px 10px;
    position: relative;
}
/* JFlow Top Banner */
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
  color: white;
}
#slideshow a:hover, a:active, a:visit {
	color: red;

}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
}
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:980px;
	height:325px;
	/*background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
}
#slideshow #slidesContainer {
    height: 360px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    width: 850px;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:95%; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:304px;
}
#slidesContainer {
	float: left;
	display: block;
	padding: 0 50px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:120px;
  left:0;
  background:transparent url(images/left_arrow.png) no-repeat 0 0;
}
#rightControl {
  top:120px;
  right:0;
  background:transparent url(images/right_arrow.png) no-repeat 0 0;
}

#pageContainer {
  margin:0 auto;
  width:960px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  background:transparent url(images/bg_pagecontainer_h1.jpg) no-repeat top left;
  text-indent: -10000px;
}
#rightText {
    color: white;
    display: block;
    font-size: medium;
    overflow: hidden;
    padding: 0 5px 10px 15px;
    text-align: justify;
    width: 271px;
}
.slide h2, .slide p {
  /*margin:15px;*/
  padding: 10px;
  color: white;
  font-size: medium;
  text-align: justify;
}
.slide h2 {
    color: #CCCCCC;
    float: right;
    font: italic 24px Georgia,"Times New Roman",Times,serif;
    letter-spacing: -1px;
    margin: 0 177px 0 0;
}
.readon {
    background: none repeat scroll 0 0 white;
    border: medium none;
    border-radius: 4px;
    display: inline-block;
    float: left;
    margin: 30px 0 30px 13px;
    opacity: 0.8;
    overflow: visible;
}
.readon span, .readon .button {
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 14px;
    margin: 0;
    overflow: visible;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
    white-space: normal;
}

.readon:hover {
    opacity: 1;
    background-position: 100% -51px;
}

.readon span {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
}
.readon span span {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    float: none;
    margin-left: 0;
    padding: 0;
}
.readon:active {
    margin-bottom: -1px;
    margin-top: 1px;
}
.readonstyle-link .readon {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
.readonstyle-link .readon .button, .readonstyle-link .readon span {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    height: auto !important;
    line-height: 14px !important;
    margin: 0 !important;
    outline: medium none !important;
    padding: 0 !important;
    text-shadow: none !important;
}
.slide a, .readon span{
    color: #810e1d;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.slide img {
    display: inline;
    float: left;
}
#rightTextBlock {
	display: block;
	float: right;
	width: auto;
	height: auto;
	overflow: hidden;

}
#slideshowPhotos{
    border: 5px ridge #135DBC;
    height: 479px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 640px;
    z-index: 2;
}
#slideshowPhotosGasWells{
	/*border: 5px ridge #135DBC;*/
    height: 426px;
    width: 635px;

}
div.menu-main-menu-container{
	margin: 0 auto;
    width: 960px;
}
/* Chemicals Page */
div#columns-chemicals{
	float: left;
    width: 243px;
}