@charset "UTF-8";
/* CSS Document */

/*
  ---------------------
  Author:  Chris McCain
  Company: Anderson Partners
  Website: www.andersonpartners.com
  ----------------------
*/

/*--------------- PAGE/GENERAL------------- */

* {
  margin: 0;
  padding: 0;
}
a {
	outline: none;
}
:focus {
  -moz-outline-style: none;
}
html, body {
	margin:0; padding:0; width:100%; height:100%;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-color: #8dc63f;
}
img {
	border: 0;
}
.clear {
  clear: both;
}

/*-------------- FACEBOOK BUTTON ---------------*/
/*set up the width of the rollover not counting rollover area*/
#facebookBtn {
	position: fixed;
	top: 32px;
	right: 0;
	width: 31px;
	height: 125px;
	background-image: url(../images/facebook_btn.gif);
	background-repeat: no-repeat;
}
/*set up the list*/
#facebookBtn li {list-style: none; float: left;}
#facebookBtn a {
	display: block;
	text-decoration: none;
}

/*set up the dimensions and position of each li button*/
#facebookBtn #facebook           {left: 0px; top: 0px; width: 31px; height: 125px;}

/*set up the height of each li button that is a link*/
#facebookBtn #facebook a         {height: 125px;}

/*set up the position of each li button so that upon rollover includes the necessary part of the image*/
#facebookBtn #facebook a:hover   {background:   url(../images/facebook_btn.gif) no-repeat -31px 0px;}

/*-------------- HEADLINE ---------------*/
#container {
	width: 753px;
	margin:  0 auto;
}
#container #headline {
	margin: 0 auto;
	width: 753px;
	height: 100px;
	padding-top: 81px;
	text-align:center;
	padding-bottom:73px;
	line-height: 17px;
}
#container #headline img {
	padding-bottom: 5px;
}
#container #headline strong {
	font-size: 17px;
	font-weight: bold;
}

/* PHOTO GALLERY*/
/*-------------- TOP NAVIGATION BAR ---------------*/
/*set up the width of the rollover not counting rollover area*/
#topNavBox {
	text-align: left;
	margin: 0 auto;
	width: 741px;
	height: 74px;
	background-image: url(../images/topRow.jpg);
	background-repeat: no-repeat;
}
/*set up the list*/
#topNavBox li {list-style: none; float: left;}
#topNavBox a {
	display: block;
	text-decoration: none;
}

/*set up the dimensions and position of each li button*/
#topNavBox #sampleOne           {left: 0px; top: 0px; width: 74px; height: 74px;}
#topNavBox #sampleTwo           {left: -74px; top: 0px; width: 74px; height: 74px;}
#topNavBox #sampleThree         {left: -148px; top: 0px; width: 74px; height: 74px;}
#topNavBox #sampleFour          {left: -222px; top: 0px; width: 74px; height: 74px;}
#topNavBox #somaConOne			{left: -296px; top: 0px; width: 75px; height:74px; display: block; text-decoration: none;}
#topNavBox #sampleFive          {left: -371px; top: 0px; width: 74px; height: 74px;}
#topNavBox #sampleSix           {left: -445px; top: 0px; width: 74px; height: 74px;}
#topNavBox #sampleSeven         {left: -519px; top: 0px; width: 74px; height: 74px;}
#topNavBox #sampleEight         {left: -594px; top: 0px; width: 74px; height: 74px;}
#topNavBox #sampleNine          {left: -668px; top: 0px; width: 74px; height: 74px;}

/*set up the height of each li button that is a link*/
#topNavBox #sampleOne a         {height: 74px;}
#topNavBox #sampleTwo a         {height: 74px;}
#topNavBox #sampleThree a       {height: 74px;}
#topNavBox #sampleFour a        {height: 74px;}
#topNavBox #sampleFive a        {height: 74px;}
#topNavBox #sampleSix a         {height: 74px;}
#topNavBox #sampleSeven a       {height: 74px;}
#topNavBox #sampleEight a       {height: 74px;}
#topNavBox #sampleNine a        {height: 74px;}

/*set up the position of each li button so that upon rollover includes the necessary part of the image*/
#topNavBox #sampleOne a:hover   {background:   url(../images/topRow.jpg) no-repeat -741px 0px;}
#topNavBox #sampleTwo a:hover   {background:   url(../images/topRow.jpg) no-repeat -815px 0px;}
#topNavBox #sampleThree a:hover {background:   url(../images/topRow.jpg) -889px 0px no-repeat;}
#topNavBox #sampleFour a:hover  {background:   url(../images/topRow.jpg) -963px 0px no-repeat;}
#topNavBox #sampleFive a:hover  {background:   url(../images/topRow.jpg) -1112px 0px no-repeat;}
#topNavBox #sampleSix a:hover   {background:   url(../images/topRow.jpg) -1186px 0px no-repeat;}
#topNavBox #sampleSeven a:hover {background:   url(../images/topRow.jpg) -1260px 0px no-repeat;}
#topNavBox #sampleEight a:hover {background:   url(../images/topRow.jpg) -1334px 0px no-repeat;}
#topNavBox #sampleNine a:hover  {background:   url(../images/topRow.jpg) -1408px 0px no-repeat;}

/*-------------- BOTTOM NAVIGATION BAR ---------------*/
/*set up the width of the rollover not counting rollover area*/
#bottomNavBox {
	text-align: left;
	margin: 0 auto;
	width: 741px;
	height: 74px;
	background-image: url(../images/bottomRow.jpg);
	background-repeat: no-repeat;
}
/*set up the list*/
#bottomNavBox li {list-style: none; float: left;}
#bottomNavBox a {
	display: block;
	text-decoration: none;
}

/*set up the dimensions and position of each li button*/
#bottomNavBox #sampleOne           {left: 0px; top: 0px; width: 74px; height: 74px;}
#bottomNavBox #somaConTwo		   {left: -296px; top: 0px; width: 74px; height:74px; display: block; text-decoration: none;}
#bottomNavBox #sampleTwo           {left: -74px; top: 0px; width: 74px; height: 74px;}
#bottomNavBox #sampleThree         {left: -148px; top: 0px; width: 74px; height: 74px;}
#bottomNavBox #sampleFour          {left: -222px; top: 0px; width: 74px; height: 74px;}
#bottomNavBox #sampleFive          {left: -371px; top: 0px; width: 74px; height: 74px;}
#bottomNavBox #sampleSix           {left: -445px; top: 0px; width: 74px; height: 74px;}
#bottomNavBox #somaConThree		   {left: -519px; top: 0px; width: 75px; height:74px; display: block; text-decoration: none;}
#bottomNavBox #sampleSeven         {left: -594px; top: 0px; width: 74px; height: 74px;}
#bottomNavBox #sampleEight         {left: -668px; top: 0px; width: 74px; height: 74px;}

/*set up the height of each li button that is a link*/
#bottomNavBox #sampleOne a         {height: 74px;}
#bottomNavBox #sampleTwo a         {height: 74px;}
#bottomNavBox #sampleThree a       {height: 74px;}
#bottomNavBox #sampleFour a        {height: 74px;}
#bottomNavBox #sampleFive a        {height: 74px;}
#bottomNavBox #sampleSix a         {height: 74px;}
#bottomNavBox #sampleSeven a       {height: 74px;}
#bottomNavBox #sampleEight a       {height: 74px;}

/*set up the position of each li button so that upon rollover includes the necessary part of the image*/
#bottomNavBox #sampleOne a:hover   {background:   url(../images/bottomRow.jpg) no-repeat -741px 0px;}
#bottomNavBox #sampleTwo a:hover   {background:   url(../images/bottomRow.jpg) no-repeat -889px 0px;}
#bottomNavBox #sampleThree a:hover {background:   url(../images/bottomRow.jpg) -963px 0px no-repeat;}
#bottomNavBox #sampleFour a:hover  {background:   url(../images/bottomRow.jpg) -1037px 0px no-repeat;}
#bottomNavBox #sampleFive a:hover  {background:   url(../images/bottomRow.jpg) -1111px 0px no-repeat;}
#bottomNavBox #sampleSix a:hover   {background:   url(../images/bottomRow.jpg) -1185px 0px no-repeat;}
#bottomNavBox #sampleSeven a:hover {background:   url(../images/bottomRow.jpg) -1334px 0px no-repeat;}
#bottomNavBox #sampleEight a:hover {background:   url(../images/bottomRow.jpg) -1408px 0px no-repeat;}

/*-------------- CONTENT ---------------*/
#contentContainer {
	padding-top: 45px;
}

#content {
	width: 470px;
	float: left;
	text-align: center;
	font-size: 14px;
}
#content h2 {
	font-size: 22px;
	font-weight: normal;
	padding: 0;
	padding-bottom: 5px;
}
#content a {
	color: #FFF;
}
#content a:hover {
	color: #558a0b;
}
#logos {
	width: 270px;
	text-align: center;
	float: right;
}
#logos .lofts {
	padding-right: 20px;
	
}
#logos .rows {
	padding-left: 20px;
}
#logos .address {
	padding-top:10px;
	font-size: 14px;
	clear: both;
}

/*-------------- FOOTER ---------------*/
#footer {
	text-align: center;
	color: #406b13;
	font-size: 10px;
	padding-top: 80px;
	padding-bottom: 15px;
	line-height: 13px;
}
#footer img {
	padding-bottom: 5px;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #406b13;
}