/* 
    AUTHOR: Westward Strategy & Design Group, LLC.
            www.westwardstrategy.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { 
  margin: 0; 
  padding: 0; 
  }
html { 
  overflow-y: scroll; 
  }
body { 
  font: 62.5% Arial, Verdana, sans-serif; 
  color: #212121;
  background: #39302b url(/wp-content/themes/bartlett/img/body_bg.jpg) top center repeat-x;
  }
ul { 
  list-style: none; 
  }
h1 { 
  font-size: 2.4em;
  }
h2 {
  font-size: 1.8em;
  }
h3 {
  font-size: 1.2em;
  }
p { 
  font-size: 1.2em; 
  line-height: 1.5em; 
  margin-bottom: 1.3em; 
  }
a { 
  outline: none; 
  }
a img { 
  border: none; 
  }
/* END RESET */

/**** GENERAL STYLES ****/

.floatleft {
  float: left;
  }

.floatright {
  float: right;
  }

.last {
  margin-right: 0;
  padding-right: 0;
  }

.clearboth {
  clear: both;
  } 

/* END GENERAL STYLES */

#container {
  margin: 0 auto 20px auto;
  width: 1015px;
  }

#head {
  height: 221px;
  background: #fff url(/wp-content/themes/bartlett/img/head_bg.jpg) 0 0 no-repeat;
  }

.slogan, #nav {
  float: right;
  }

p.georgia16 {
  margin: 35px 50px 27px 0;
  font-size: 1.6em;
  font-family: Georgia, Times, serif;
  }

#nav {
  clear: right;
  width: 560px;
  margin-right: 50px;
  }

#nav li {
  float: left;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  }

#nav li a {
  float: left;
  margin: 1px;
  padding: 18px;
  text-decoration: none;
  color: #333;
  background: #cacfc4;
  }

#nav li a:hover {
  color: #fff;
  background-color: #d11d16;
  }

#nav li.current a {
  color: #fff;
  background-color: #d11d16;
  }

.homemain, .level2main {
  clear: both;
  display: block;
  margin: -42px 20px 0 20px;
  padding: 7px;
  background: #fff;
  }

.top {
  background: #1f1a17;
  }

.homemain .top p {
  line-height: 1.8em; 
  color: #f3f2f0;
  }

.homemain .hometop {
  width: 325px;
  height: 263px;
  padding: 30px 64px 24px 25px;
  background: #1f1a17;
  }

*+html .homemain .hometop {
  height: 262px;
  }

*html .homemain .hometop {
  height: 262px;
  }

.top h1 {
  margin: 0 0 5px 0;
  font-family: Georgia, Times, serif;
  font-weight: normal;
  color: #da251c;
  }

.top h2 {
  font-family: Georgia, Times, serif;
  font-weight: normal;
  color: #fff;
  }

.top h3 {
  margin: 14px 0 30px 0;
  color: #777;
  }

.top a {
  display: block;
  width: 125px;
  padding: 6px 19px 6px 8px;
  font-size: 1.2em;
  text-decoration: none;
  color: #4a84ff;
  background: #d4dff7 url(/wp-content/themes/bartlett/img/red_arrow.png) 91% 47% no-repeat;
  }
  
.top a:hover {
  background: #dedede url(/wp-content/themes/bartlett/img/red_arrow.png) 91% 47% no-repeat;  
  }

.thirds div {
  width: 283px;
  margin-top: 20px;
  padding: 0 25px;
  border-right: solid 1px #dfdfdd;
  }

.thirds h3 {
  margin: 28px 0 15px 0;
  font-size: 1.6em;
  font-family: Georgia, Times, serif;
  font-weight: normal;
  color: #201f1c;
  }

.thirds div.first {
  padding: 0 25px 0 10px;
  }

.thirds div.last {
  border: none;
  padding: 0 0 0 25px;
  }

.thirds p {
  line-height: 1.8em; 
  color: #777;
  }

.bloglink {
  font-size: 1.2em;
  }
 
.bloglink li a {
  line-height: 2.8em;
  }

.thirds a {
  color: #4a84ff;
  text-decoration: underline; 
  }
  
.thirds a:hover {
  color: #4a84ff;
  text-decoration: none; 
  }

.footer {
  margin-top: 25px;
  margin-left: 10px;
  margin-right: 25px;
  }

*+html .footer {
  margin-top: 13px;
  }

.footer h4 {
  padding: 10px;
  border-top: solid 1px #d2d2d2;
  border-bottom: solid 1px #d2d2d2;
  font-size: 1.4em;
  font-family: Georgia, Times, serif;
  font-weight: normal;
  color: #666;
  position: relative;
  }

.footer h4 span {
  padding: 0 68px 0 0;
  font-size: .8em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #545454;
  }

.footer p {
  margin: 10px 55px 10px 5px;
  font-size: 1em;
  color: #333;
  }

.footer li {
  float: left;
  margin-top: 18px;
  padding: 0 7px;
  border-right: solid 1px #dadada;
  font-size: 1.1em;
  }

.footer li a {
  text-decoration: none;
  color: #4a84ff;
  }

.footer li a:hover {
  text-decoration: underline;
  }

.footer li.last {
  border: none;
  }

/**** LEVEL2 STYLES ****/

.level2main .top {
  position: relative;
  z-index: 10;
  background: none;
  }

.level2main .top h1 {
  margin: 0;
  padding: 103px 0 27px 24px;
  font-family: Georgia, Times, serif;
  font-weight: normal;
  color: #fff;
  }

#residential {
  background: url(/wp-content/themes/bartlett/img/section_bg.gif) 0 0 no-repeat;
  }

.leftcolumn {
  width: 155px;
  margin: 40px 20px 20px 10px;
  }

.leftcolumn ul {
  margin-bottom: 25px;
  border-top: solid 1px #cccccc;  
  }

.leftcolumn li {
  padding: 10px 0;
  border-bottom: solid 1px #cccccc;  
  } 

.leftcolumn li a {
  font-size: 1.2em;
  text-decoration: none;
  color: #4a84ff;
  }

.leftcolumn li a:hover {
  text-decoration: none;
  color: #004991;
  }

.leftcolumn h3 {
  margin-top: 40px;
  padding-bottom: 5px;
  font-size: 1.6em;
  font-family: Georgia, Times, serif;
  color: #201f1c;
  } 

.leftcolumn p {
  margin: 5px 0;
  line-height: 1.2em;
  }

.leftcolumn p a {
  text-decoration: none;
  color: #4a84ff;
  }

.leftcolumn p a:hover {
  text-decoration: underline;
  color: #4a84ff;
  }

.rightcolumn {
  width: 715px;
  margin: 40px 35px 0 20px;
  }

.rightcolumn img {
  margin: 5px 10px 5px 10px;
  float: left;
  }

.rightcolumn a {
  color: #497ad3;
  text-decoration: underline; 
  }
  
.rightcolumn a:hover {
  color: #497ad3;
  text-decoration: none; 
  }
  
 
.rightcolumn h2 {
  padding-bottom: 11px;
  border-bottom: solid 1px #ebebeb;
  font-family: Georgia, Times, serif;
  color: #201f1c;
  } 



.rightcolumn h3 {
  margin-bottom: .4em;
  font-size: 1.8em;
  color: #333;
  }

.rightcolumn h4 {
  margin-bottom: .4em;
  font-size: 1.2em;
  color: #555;
  }

.rightcolumn p.resname {
  margin-bottom: .4em;
  font-size: 1.4em;
  color: #333;
  }

.rightcolumn a, .onecolumn a {
  color: #4a84ff
  }

.rightcolumn p {
  margin-top: 1.3em;
  }

.rightcolumn ol {
  margin-left: 35px;
  font-size: 1.2em;
  }

.rightcolumn ul {
  margin-left: 35px;
  font-size: 1.2em;
  list-style: disc;
  }

.rightcolumn pre {
  font-size: 1.2em;
  }

.onecolumn h2 {
  margin: 40px 0 20px 0;
  padding: 10px ;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  font-size: 1.8em;
  font-weight: normal;
  color: #4174e2;
  }

.onecolumn h2 span {
  display: inline-block;
  width: 665px;
  font-size: .7em;
  text-align: right;
  color: #333;
  }

#myGallerySet {
  float: left;
  margin-right: 40px;
  }

#myGallerySet h2 {
  border: none;
  }

.resname {
  margin: 30px 0 10px 0;
  }

.onecolumn h4 {
  font-size: 1.2em;
  color: #333;
  }



#items_container {
  width: 385px;        
  height: 348px;
  overflow: hidden;
  position:relative;
  }

div.slide_item {
  width: 385px;
  height: 348px;
  position: absolute;
  }

div.first_item {
  left: 0px;
  }



.onecolumn p {
  margin-top: 1.3em;
  }

p.gallnext {
  margin-top: 4em;
  text-align: right;
  }

#controls a {
  padding: 0 10px;
  cursor: pointer;
  }

/**** BLOG STYLES ****/

.rightcolumn small, .entry, .commentlist {
  color: #666666;
  }

.rightcolumn small {
  margin: 0 10px;
  }

p.meta {
  margin: 10px 0 35px 0;
  padding: 0;
  line-height: 1em;
  }

.entry ul, .entry ol, .entry p {
  line-height: 1.6em;
  }

.entry li {
  margin-bottom: .8em;
  }

#searchform input {
  padding: 4px;
  border: solid 1px #d4dff7;
  background: #d4dff7;
  }

#searchform #searchsubmit, #submit {
  border: solid 1px #d31e16;  
  color: #fff;
  background: #d31e16;
  }

#searchform #searchsubmit:hover {
  cursor: pointer;
  }

#author, #email, #url, #comment {
  padding: 4px;
  border: solid 1px #d4dff7;
  background: #d4dff7;
  }

#comment {
  width: 600px;
  }

#comments, #respond {
  font-size: 1.4em;
  color: #555;
  }

.commentlist li {
  font-size: .8em;
  }
  
*html .leftcolumn {
  width: 245px;
  margin: 40px 0 0 5px;
  }  
  
*html .rightcolumn {
  width: 645px;
  margin: 40px 17px 0 0;
  }  
  
*html p.georgia16 {
  margin: 35px 25px 27px 0;
  font-size: 1.6em;
  font-family: Georgia, Times, serif;
  }

*html #nav {
  clear: right;
  width: 560px;
  margin-right: 25px;
  }  
  
*html .homemain .hometop {
  width: 325px;
  padding: 30px 64px 25px 25px;
  background: #1f1a17;
  } 
  
*+html .homemain .hometop {
  width: 325px;
  padding: 30px 64px 25px 25px;
  background: #1f1a17;
  }    
  
*+html .footer h4 {
  padding-top: 7px;
  }  

img, div { behavior: url(/iepngfix.htc) }