/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 HTML STYLES
	 LAYOUT
	 TEXT
	 LINKS
	 ....................................... */

/* =HTML STYLES
   ....................................... */

body {
  line-height: 1.5;
  color:#000;
  background: transparent none!important;
  font-size: 100%;
}
/* =LAYOUT
   ....................................... */
.container {
  background: none;
}
hr { 
  background:#ccc; 
  color:#ccc;
  width:100%;
  height:2px;
  margin:2em 0;
  padding:0;
  border:none;
}
hr.space {
  background: #fff;
  color: #fff;
}

/* =TEXT
   ....................................... */
code { font:.9em "Courier New", Monaco, Courier, monospace; } 

img { float:left; margin:1.5em 1.5em 1.5em 0; }
a img { border:none; }
p img.top { margin-top: 0; }

blockquote {
  margin:1.5em;
  padding:1em;
  font-style:italic;
  font-size:.9em;
}

/* =LINKS
   ....................................... */
a:link, a:visited {
  background: transparent;
  font-weight:700;
  color:#666;
  text-decoration: underline;
}
a:link:after, a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 85%;
 padding: 0 0 0 5px;
 text-decoration:none!important;
 font-weight:normal;
}
p {
     color:#000;
}
/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */

 /*a[href^="/"]:after {
  content: " (http://www.yourdomain.com" attr(href) ") ";
} */
label { 
	display: block;
	font-weight: bold;
	margin: 0 0 2px 0;
	font-size: 13px;
	line-height: 14px;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
	color: #69939E;
}
input + label { /* targets any label that directly follows an input; typically labels for radio inputs or checkboxs */
	font-weight: normal;
}
input:focus, input:active {
	outline: none;
}
.labelReset label,
label.labelReset {
	display: inline;
	font-size: 100%;
	font-weight: normal;
	line-height: normal;
	margin: 0;
}/* This style is a reset for labels that should not recieve global "label" styling. */
label span.spanReset {
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
}/* Resetting span to display as a normal span tag (w/o additional styling). */
label em,
.formCol em 
{
     }
    .error, .error h3 
    {
         color:#C0303D!important;
        
         }
         
   input.error 
   {
        border:1px solid #C0303D!important;
        background-color:#D7848B!important;
        }

label em,
.formRow em,
.formCol em,
table.addressTable em {
	display: inline;
	color: #AE4C4C;
	font-weight: normal;
	font-style: normal;
}/* Shared attributes grouped for consistency. */
.formRow em {
	margin: 0 0 0 3px;
	position: absolute;
	top: 4px;
	left: 172px;
}
.formCol label em {
	margin: 0 0 0 1px;
	position: inline;
}

.formRow table.addressTable em,
.formCol table.addressTable em {
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
}/* Resetting inherited styles. */

label span,
.formRow p span {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}

.formRow {
	clear: both;
	margin: 0 0 18px 0;
	position: relative;
}
.formRow label,
.formRow p {
	float: left;
	width: 175px;
	margin: 0;
	padding: 5px 16px 0 0;
	text-align: right;
	font-weight: bold;
}
.formRow .labelStyleReset label,
.formRow .labelStyleReset p {
	float: none;
	width: auto;
	padding: 0;
	text-align: left;
	font-weight: normal;
}/* Inherited style resets for labels in form's right column. */

.formRow label strong,
.formRow p strong {
	color: #000000;
}
.formRow .notice {
	color: #CC0000;
}
.formCol.twohundred 
{
     width:300px;
     padding:0;
     }
.formCol {
	float: left;
	padding: 0 10px 0 0;
	margin: 0 0 18px 0;
	position: relative;
	display:inline;
}
.formCol.lastCol {
	padding: 0;
}

.separatorRow {
	border-top: solid 1px #99CC33;
	padding-top: 8px;
}

table.addressTable {
}
table.addressTable td {
	padding: 4px 10px 0 0;
}

.chbox {
	display: block;
	/* float: left; This property was causing IE8 to not render checkboxes. */
	padding: 4px 12px 0 0;
	margin: 0;
}
.chbox.horiz {
	padding-top: 7px;
}
.chbox input,
.formRow table.chbox_list td input {
	display: inline;
	margin: 0;
	width: 13px;
}
.chbox label,
.formRow table.chbox_list td label {
	display: inline;
	line-height: 14px;
	font-size: 13px;
	padding: 0 0 0 4px;
	text-transform: none;
	color: #9F8766;
}
.formRow table.chbox_list {
	margin: 5px 0 0 0;
	border-left: 1px solid #ccc;
}
.formRow table.chbox_list td {
	padding: 2px 2px 2px 10px;
}
.formRow table.chbox_list td label {
	font-weight: normal;
	padding: 0 4px 0 10px;
	margin: 0 0 8px 0;
	width: auto;
	float: none;
	text-align: left;
}
.formRow table.chbox_list td label:hover {
	color: #006699;
}

ul.radioList {
	list-style: none;
	margin: 4px 0 0;
	width: 150px;
}
ul.radioList li {
	padding: 0 0 2px;
}
.thirds ul.radioList li {
     height:20px;
     display:block;
     width:100%;
     margin:0;
     padding:0;
}
ul.radioList.horiz li {
	float: left;
	width: 60px;
}
ul.radioList label,
.formRow ul.radioList label {
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-align: left;
	float:left;
}
.thirds 
{
     display:inline-block;
     height:auto;
     width:30%;
     margin:0;
     padding:0;
     float:left;
     }
.thirds label {
     display:block;
     }
.thirds ul.radioList{
     display:block;
     width:100%;
     height:auto;
     }
div.thirds ul.radioList li label {
     float:left;
     display:inline-block;
     }
ul.radioList input,
.formRow ul.radioList input {
	float: left;
	margin: 0 5px 0 0;
}

/* =FORM FIELDS
	 ....................................... */
input.text,
input.text_sm,
input.text_lg,
select,
input[type="text"],
input[type="password"],
input[type="file"],
textarea{
	background: #EBE6DF;
	border: 1px solid #C2BAB1;
	color: #715348;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 13px;
	padding: 4px;
}
textarea {
	padding: 3px 5px;
	width: 450px;
	height: 100px;
}
input:hover.text,
input:hover.text_sm,
input:hover.text_lg,
select:hover,
textarea:hover,
input:focus.text,
input:focus.text_sm,
input:focus.text_lg,
select:focus,
textarea:focus {
	border: 1px solid #C2BAB1;
	-moz-box-shadow: 0 0 3px #A9A9A9;
    -webkit-box-shadow: 0 0 3px #A9A9A9;
    box-shadow: 0 0 3px #A9A9A9;
}
select.text,
select.text_sm,
select.text_lg,
select {
	background-image: none;
	padding: 3px 5px;
	line-height: 20px;
}
input.text {
	width: 265px;
}
input.text_lg {
	width: 360px;
}
input.text_sm {
	width: 127px;
}
input.text_xsm {
	width: 107px;
}
input.text_third {
	width: 170px;
}
select.text_sm {
	width: 137px;
}
select.text {
	width: 285px;
}


/* =BUTTON ASSETS
	 ....................................... */
.btnContainer {
	margin: 0 0 15px;
}
.btnContainer.horizForm {
	padding: 0 0 0 180px;
}
.btnContainer.floatRight {
	padding-right: 5px;
}

input.button,
a.textLinkBtn {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
	display: inline-block;
	height: 31px;
	padding: 0 0 3px;
	width:159px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	cursor: pointer;
	border: none;
	color: #fff;
	text-transform: uppercase;
	background: url(../fw/button.png) no-repeat 0 0;
	vertical-align: middle; /* Used to improve button alignment with User dropdown (for example, in IE8). */
	text-decoration: none;
	outline: none;
}/* Shared attributes grouped for consistency */
input.button.lgbtn,
a.textLinkBtn.lgbtn {
	width:209px;
	background: url(../fw/button_lg.png) no-repeat 0 0;
}/* Shared attributes grouped for consistency */
input.button.smbtn,
a.textLinkBtn.smbtn {
	width:119px;
	background: url(../fw/button_sm.png) no-repeat 0 0;
}/* Shared attributes grouped for consistency */

.searchbtn 
{
     margin:0 0 8px 5px;
     .margin:0 0 18px 5px;
     }
.CalloutContactform 
{
     padding:0;
     margin:10px 0 0;
     }
a.textLinkBtn {
	height: 31px;
	line-height: 31px;
	padding: 0;
}
input.button:hover,
a.textLinkBtn:hover {
	background-position: 0 100%;
}
input.button.floatLeft {
	margin-left: 10px;
}
input.button.cancelBtn,
input.button.saveBtn,
input.button.editBtn {
	padding-left: 28px;
}
input.button.cancelBtn {
	background: url(../fw/btnIcons/icon_cancel.gif) no-repeat 6px 50%;
}
input.button.saveBtn {
	background: url(../fw/btnIcons/icon_save.gif) no-repeat 6px 50%;
}
input.button.editBtn {
	background: url(../fw/btnIcons/icon_edit.gif) no-repeat 6px 50%;
}

.incomeFormTable {
	margin: 0 0 18px;
}
.incomeFormTable td,
.incomeFormTable th {
	padding: 3px 5px 3px 2px;
}
.incomeFormTable td label {
	font-size: 11px;
}

/* =LEFT COLUMN VARIENTS
	 ....................................... */
.leftCol label {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 1px;
}
.leftCol .formCol label em {
	font-size: 11px;
}
.leftCol label span {
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	color: #9F8766;
	text-transform: none;
	padding: 0 0 0 4px;
}/* Resetting span to display as a normal span tag (w/o additional styling). */
.leftCol .formCol {
	margin: 0 0 5px 0;
}
.leftCol .chbox.horiz {
	padding: 4px 0;
}
.leftCol .chbox label {
	display: inline;
	line-height: 14px;
	font-size: 13px;
	padding: 0 0 0 4px;
	text-transform: none;
	color: #9F8766;
}
.leftCol input.text,
.leftCol input.text_sm,
.leftCol input.text_lg,
.leftCol select,
.leftCol input[type="text"],
.leftCol input[type="password"],
.leftCol input[type="file"],
.leftCol textarea {
	background: #EBE6DF;
	font-size: 11px;
	padding: 3px 2px;
}
.leftCol textarea {
	padding: 3px 2px;
	width: 270px;
	height: 50px;
}
.leftCol select.text,
.leftCol select.text_sm,
.leftCol select.text_lg,
.leftCol select {
	background-image: none;
	padding: 2px 3px;
	line-height: 1em;
}
.leftCol input.text {
	width: 270px;
}
.leftCol input.text_sm {
	width: 127px;
}
.leftCol select.text_sm {
	width: 133px;
}
.leftCol select.text {
	width: 276px;
}
.leftCol .btnContainer {
	margin: 5px 0;
}
.contactpageForm .btnContainer {
     width:460px;
     padding: 0 0 30px;
     margin: 0 0 10px 0; 
}
     
 .inlineCheckbox  {
	display: inline;
	height:17px;
	padding: 4px 0 0 7px;
	text-transform: none;
	color: #9F8766;
}

.inlineCheckbox label {
	display: inline;
	line-height: 1;
	font-size: 12px;
	padding: 0 0 0 4px;
	text-transform: none;
	color: #9F8766;
}
.CMWrapper {
    background: #069;
    border: 1px solid #999;
    padding: 5px 3px;
}
table.CMTop {
    margin: 0;
}
table.CMTop td {
    border: 0px none;
}
.CMTop label {
    display: inline;
    color: #fff;
}
.reWrapper {
    position: inherit !important;
}


.pinkBox {
	display: block;
	background: #D7848B;
	border: 1px solid #E1707C;
	color: #fff;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}
.pinkBox a 
{
     text-decoration:none;
}
.pinkBox.contactformbox 
{
     width:235px;
     padding:20px 20px 0 20px;
     height:180px;
     display:inline-block;
     border:none;
     float:right;
background:transparent url(../fw/bg_callOut_ContactUs.png) bottom left no-repeat;
     }
.pinkBox a span.header 
{
     font-size:18px;
     font-weight:bold;
     display:block;
     color:#386BA0;
     font-family:Palatino,"Palatino Linotype","Hoefler Text",Times,"Times New Roman",serif;
     }
.pinkBox.contactformbox p span.header 
{
     font-size:22px;
     font-weight:bold;
     display:block;
     color:#fff;
     font-family:Palatino,"Palatino Linotype","Hoefler Text",Times,"Times New Roman",serif;
     }


.pinkBox.contactformbox p span.phone,
.pinkBox a span.phone 
{
     display:block;
     font-size:28px;
     height:auto;
     width:auto;
     text-align:center!important;
     float:none!important;
     }
.pinkBox.contactformbox p span.phone
{
     line-height:1.25;
     }
 .block 
 {
      display:block;
      width:100%;
      }
/* =CALLOUT BOX STYLES
   ....................................... */
div.callOut {
	width: 314px;
	margin: 0 auto 10px;
	background: url(../fw/bg_callOut_tile.png) repeat-y 0 0;
}
div.callOut div.top {
	background: url(../fw/bg_callOut_top.png) no-repeat 0 0;
	border-bottom:none;
}
div.callOut div.btm {
	background: url(../fw/bg_callOut_btm.png) no-repeat 0 100%;
	padding: 13px 20px 13px 18px;
}
div.rightCol div.callOut {
	width: 146px;
	margin: 0 auto 10px;
	float:left;
	display:inline-block;
	background: url(../fw/bg_callOut_RightCol_tile.jpg) repeat-y 0 0;
}
div.rightCol div.callOut div.top {
	background: url(../fw/bg_callOut_RightCol_top.jpg) no-repeat 0 0;
}
div.rightCol div.callOut div.btm {
	background: url(../fw/bg_callOut_RightCol_btm.jpg) no-repeat 0 100%;
	padding: 13px 20px 13px 18px;
}
div.TestimonialsPage div.toddslettertile h2,
div.callOut h2 {
	font-size: 26px;
	text-transform: uppercase;
	text-align: right;
	color: #715348;
	margin: 0 0 10px;
	clear: both;
}
div.TestimonialsPage div.toddslettertile h2,
div.rightCol div.callOut h2,
div.callOut.quote h2 {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
	float: right;
	width: 256px;
	height: 36px;
	margin: 0 -20px 0 0;
	padding: 0 30px 0 0;
	line-height: 36px;
	font-size: 15px;
	text-transform: none;
	background: url(../fw/bg_callOut_h2.png) no-repeat 100% 0;
}
div.callOut.quote h2 span {
	font-size: 12px;
	color: #C5B176;	
}
div.rightCol div.callOut p,
div.callOut p {
	color: #9F8766;
	margin: 0 0 5px;
	width: 130px;
	text-align: right;
	float: right;
	clear: both;
	line-height: 1.2em;
}
div.callOut.quote p {
	text-align: left;
	float: none;
	width: auto;
	padding: 10px;
	margin: 0;
	font-size: 16px;
	font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	line-height: 1.3em;
}
div.rightCol div.callOut a,
div.callOut a {
	color: #69939E;
	text-transform: uppercase;
}
div.rightCol div.callOut a:hover,
div.callOut a:hover {
	text-decoration: underline;
}
a.storytext 
{
     text-decoration:none!important;
     }
a.storytext div.callOut.story {
	width: 276px;
	color:#9F8766;
	padding: 21px 20px 13px 18px;
	height: 186px;
	text-decoration:none;
	background: url(../fw/bg_callOut_story.png) no-repeat 0 0;
}
a.storytext div.callOut.story h2 
{
     color:#715348;
     text-decoration:none!important;
     }
.linkText 
{
text-transform:uppercase;     }
div.callOut.finder {
	width: 276px;
	padding: 13px 20px 13px 18px;
	height: 182px;
	background: url(../fw/bg_callOut_finder.png) no-repeat 0 0;
}
div.callOut.finder h2 {
	color: #C0303D;
}
div.callOut.finder p {
	margin-bottom: 15px;	
}
div.callOut.finder a {
	font-size: 15px;
}
div.callOut.products {
	width: 238px; /*248px*/
	height: 185px;
	padding: 34px 20px 0px 53px;
	background: url(../fw/bg_callOut_products.png) no-repeat 2px 0;
}
div.callOut.products p {
     font-size:13px;
     line-height:1.5;
     color:#fff;
     display:block;
     padding:0 0 0 55px;
     }
div.callOut.products a {
	display: block;
	float:right;
	width: 134px;
	height: 24px;
	color:#C53D49;
	font-weight:bold;
	text-align:center;
	line-height:24px;
	font-size:13px;
	background: url(../fw/btn_green.png) no-repeat 0 0;
}
div.callOut.products a:hover {
	background-position: 0 100%;
	text-decoration:none;
}
div.callOut.tips {
	width: 239px;
	height: 111px;
	padding: 20px 20px 20px 55px;
	background: url(../fw/bg_callOut_tips.png) no-repeat 0 0;
}
div.callOut.tips h2 {
	display: block;
	width: 240px;
	height: 55px;
	text-indent: -9999px;
	text-align: left;
	margin: 0 0 10px;
}
div.callOut.tips a {
	display: block;
	width: 231px;
	height: 41px;
	text-indent: -9999px;
	background: url(../fw/bg_callout_tips_learnMore.png) no-repeat 0 0;
}
div.callOut.tips a:hover {
	background-position: 0 100%;
}
div.callOut.contact div.top {
	background: url(../fw/bg_callOut_contact.png) no-repeat 0 0;
	border-bottom:none;
}
div.callOut.contact div.btm {
	padding: 15px 19px 13px;
}
div.callOut.contact h2 {
	margin: 0 0 5px 0;
}
div.callOut.contact p.qualifyingStatement {
margin: 30px 0 5px;
padding:0;
font-size:13px;
display:block;
height:20px;
line-height:20px;
width:100%;
font-style:italic;
text-align:left;
}
p.requiredStatement {
     width:100%!important;
}
div.callOut.contact p.qualifyingStatement sup {
     font-size:8px;
     margin:0 0 10px;
     font-weight:bold;
}
div.callOut.contact p.floatRight {
	float: right;
	text-align: right;
	width: 190px;
}
.quickfilters {
     display:block;
     width:100%;
     float:none;
     margin: 0 0 20px 0;
     padding:0 0 20px 0;
    	border-bottom:1px solid #eee;
}
.quickfilters input {
     font-size:12px;
     margin:10px 50px 10px 0;
     padding:0;
}
/* =SHOWCASE FEATURE
   ....................................... */
div.showcaseFull h1 {
     display:block;
     height:auto;
     width:100%;
     text-align:left;
}
div.showcaseSearch {
  display:none;
}

div.showcaseFull {
	width: 100%;
	margin: 0 auto;
}
.hidden
{
	display: none !important;
}
.minimize
{
	height: 0 !important;
	overflow: hidden !important;
	display: none !important;
}

div.showcaseFull h1.filterHead {
	margin: 0 0 0 20px;
	display:block
}
div.showcase ul, div.showcase li
{
	list-style: none;
	background: none;
	width:100%;
}
div.showcase .ui-tabs .ui-tabs-nav {
display:none;
}


/* =PROJECT LISTING
   ....................................... */
div.ResultsControls {
display:none;}
div.ResultsControls a {}
div.ResultsControls a:hover {cursor:pointer;}
div.ResultsControls a.previous.disabled,
div.ResultsControls a.next.disabled {color:#666;cursor:auto;}
div.ResultsControls a.previous.disabled:hover,
div.ResultsControls a.next.disabled:hover {text-decoration:none;}
div.categoryWrapper{
	height: 100% !important; /* To establish height before javascript */
     overflow:visible!important;
}
div.showcaseCategory ul#category {
	list-style: none;
	margin: 0 0 50px!important;
	height:auto!important;
	display:block;
}
div.showcaseCategory ul#category li {
	float: none;
	padding:0px;
	margin: 0px;
	height:auto;
	width:auto;
	display:inline-block;
	text-align:center;
}
div.showcaseCategory ul#category li a {
	text-decoration: none;
	display: block;
	padding: 10px;
	overflow: visible;
}

div.showcaseCategory ul#category li a img {display:block; margin: 0 auto;}
/*
div.showcaseCategory.display4 ul#category li {width:330px;height:auto !important;}
div.showcaseCategory.display9 ul#category li {width:216px;height:auto !important;}
div.showcaseCategory.display16 ul#category li {width:160px;min-height:105px;height:auto !important;height:105px;}
div.showcaseCategory.display25 ul#category li {width:129px;height:124px;}
*/
div.showcaseCategory.display4 ul#category li a {width:390px;height:auto; margin:7px 15px;}
div.showcaseCategory.display9 ul#category li a {width:255px;height:auto; margin:7px 10px;}
div.showcaseCategory.display16 ul#category li a {width:190px; height:auto; margin:7px 6px;}
div.showcaseCategory.display25 ul#category li a {width:145px;height:auto; margin:7px 7px;}
div.showcaseCategory.display25 ul#category li a span {
}
div.showcaseCategory.display16 ul#category li a,
div.showcaseCategory.display25 ul#category li a {font-size: 12px;}
div.showcaseCategory.display16 ul#category li a:hover,
div.showcaseCategory.display25 ul#category li a:hover {text-decoration:none;}
ul#category a {font-size: 110%;}
div.showcaseCategory div.showcaseDisplayWrapper {
    margin: 0 auto;
    width: 100%; 
    height: 285px;
}
div.showcaseCategory div.showcaseDisplay {
    margin: 0 auto;
    width: 200px; 
    height: 275px;
}
div.showcaseCategory div.showcaseResults p {
display:none!important;}
div.showcaseResults {
    border-bottom:1px solid #eee;
    padding: 5px 0;
    margin:0 0 10px 0;
}

div.showcaseCategory {
	background: none;
	padding: 0;
	margin: 0;
}
div.showcaseFull div.showcaseCategory {width:auto;} /* This controls width of results on showcase view */

div.showcaseCategory div.showcaseDisplayWrapper {
   	display: none;
}
div.showcaseCategory div.showcaseDisplay {
    width: 670px; 
    height: 366px;
}

/* =PROJECT LISTING FILTERS
   ....................................... */
div.filterWrapper {
display:none;}

/* =PROJECT DETAILS
   ....................................... */

div.showcase div.projectPage{
	width: 100%;
	height: auto;
	padding: 10px;
	overflow: visible;
}
div.showcase div.topArea img {
    margin-bottom: 10px;
}
div#tabs{
}
div#tabs div.rightSide{
	width: 100%;
	padding: 10px 10px 10px 20px;
}
div#tabs h1
{
	padding: 0 0 5px;
	text-indent: 0px;
	letter-spacing: 0px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
}
div#tabs h1.projectTitle
{
	font-size: 19px;
	_width:282px;
	line-height: 24px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	text-transform: none;
	line-height:1;
	text-align:center;
}
div#tabs h3 {
	text-transform: none;
}
div#tabs p.projectDescription{
	font-size: 11px;
	margin: 0;
}
div.mediaText{
	float: left;
	width: 185px;
	padding-right: 15px;
	margin-right: 10px;
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
}
div#tabs div.leftSide{
	margin: 0;
	width: 282px;
	height: 430px;
	padding: 0 10px 0 0;
	float: left;
	display:block;
}
div#tabs div.leftSide img
{
}
img.contactCallout 
{
     margin:0;
     padding:0;
}
img.logoHeader      {
     display:block;
     width:169px;
     height:99px;
     margin:0;
     padding:0 0 0 60px;
}
.ui-tabs .ui-tabs-hide{
	display: block;
}
ul.ui-tabs-nav{
	list-style: none;
	text-align:left;
	margin: 0;
	padding: 0;
	width:282px;
	height:auto;
	display:block;
}
ul.ui-tabs-nav li a{
	display: block;
	width:282px;
	text-decoration: none;
	padding: 5px 8px;
}
ul.ui-tabs-nav li a:hover{
	text-decoration: none;
	color: #EBE6DF;
	background: #715348;
}
ul.ui-tabs-nav li.ui-tabs-selected a{
	color: #69939E;
	font-weight: bold;
	background: #EBE6DF;
}
div#tabs a.linkToPage{
	float: right;
	display: block;
	padding: 0 0 0 20px;
	width:100px;
	margin: 0 15px 0 5px;
	background: transparent url(../Fw/link.gif) no-repeat left center;
	font-size: 12px;
}
div.linkContainer{
	float: right;
	clear: right;
}
div#tabs div.slideWrapper.linkWrapper{
display:none;
}
div#tabs div.slideWrapper.linkWrapper.noTopImage{
	top: 18px;
	width: 250px;
	height: 20px;
	padding:2px 2px 2px 15px;
	right: 11px;
	min-height: 10px;
}
.mediaSlideshow {}
.mediaSlideshow img 
{
     display:inline-block;
     margin:0 auto;
     }
a#left {
     background:transparent url(../fw/leftarrow.png) top right no-repeat;
}
a#right {
     background:transparent url(../fw/rightarrow.png) top right no-repeat;
     }
a#left,
a#right      {
     display:inline-block;
     width:30px;
     height:80px;
     margin: 0 10px;
}
a#left:hover,
a#right:hover
{
     background-position:top left;
     }
/* =PROJECT DETAILS FILTERS
   ....................................... */

table.attributes td{
	vertical-align: top;
	padding: 2px 7px 2px 0;
	border-bottom: 1px solid #ddd;
	color: #444;
}
table.attributes span{
	font-weight: bold;
	color: #222;

}
table.attributes.featured{
	width: 240px;
	margin-bottom: 8px;
}
table.attributes.featured td{
	font-size: 11px;
	width: 50%;
}
table.attributes.featured span{
}
table.attributes.full td	{
     font-size: 100%;
}
table.attributes.full span{
}

/* =TABS MEDIA
----------------------------------*/

.largeimage{
}
.largevideo{
	margin: auto;
	text-align: center;
}
.captionHolder {
	height: 25px;
}
.mediaCaption{
	color: #666;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 0;
	
}
.thumbnails a.item{
	display: block;
	float: left;
	width: 96px;
	padding-right: 10px;
	outline: none;
}
.thumbnails a img{
	width: 96px;
	height: 60px;
}

/* =Slider
----------------------------------*/
.sliderContent .ui-state-default, .sliderContent .ui-widget-content .sliderContent .ui-state-default{
	background: transparent url(../Fw/slider2.png) repeat-x left top;
	outline: none;
}
.sliderContent .ui-state-hover, .sliderContent .ui-widget-content .sliderContent .ui-state-hover, .sliderContent .ui-state-focus, .sliderContent .ui-widget-content .sliderContent .ui-state-focus{
	border: 1px solid #8BB0BC;
	background: transparent url(../Fw/slider2.png) repeat-x left bottom;
	outline: none;
	cursor: pointer;
}
.sliderContent .ui-state-hover a, .sliderContent .ui-state-hover a:hover{
	color: #212121;
	text-decoration: none;
	outline: none;
}
.sliderContent .ui-state-active, .sliderContent .ui-widget-content .sliderContent .ui-state-active{
	border: 1px solid #8BB0BC;
	background: transparent url(../Fw/slider2.png) repeat-x left bottom;
	outline: none;
}
.sliderContent .ui-state-active a, .sliderContent .ui-state-active a:link, .sliderContent .ui-state-active a:visited{
	color: #212121;
	outline: none;
	text-decoration: none;
}

.ui-slider{
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle{
	position: absolute;
	z-index: 2;
	width: 30px;
	height: 20px;
	cursor: default;
}
.ui-slider .ui-slider-range{
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
}

.ui-slider-horizontal{
	height: 12px;
	background:#8BB0BC;
	border: 1px solid #8BB0BC;
	width: 530px;
}
.ui-slider-horizontal .ui-slider-handle{
	top: -.3em;
	margin-left: -.6em;
	cursor: pointer;
}
.ui-slider-horizontal .ui-slider-range{
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min{
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max{
	right: 0;
}
.sliderContent{
}
.sliderContent h1 {
	margin: 0 0 10px 0;
}
.sliderContent .sliderPadding {
	padding: 0 0 0 10px;
}
.sliderPadding .imageHolder {
	display: block;
	height: 230px;
	width: 100%;
}
.andText{
	width: 425px;
	float: left;
}
.viewer{
	width: 524px;
	height: 60px;
	overflow: hidden;
	position: relative;
	margin: 10px 0 11px;
}
.content-conveyor{
	width: 425px;
	height: 60px;
	position: relative;
}
.ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* used to add the required option for field elements */
.required { }
.Zach {}

/* =FEATURES STYLES
....................................... */
div.tooltip {
	display: none;
	border: 2px solid #9F8766;
	background: #fff;
	-moz-box-shadow: 0 0 3px #A9A9A9;
    -webkit-box-shadow: 0 0 3px #A9A9A9;
    box-shadow: 0 0 3px #A9A9A9;
	font-size: 11px;
	width: 300px;
	padding: 12px;
	z-index: 1000;
}           
div.tooltip br {
	margin: 8px 0;
}
.mailLink {
	background: url(../fw/mailIcon.gif) no-repeat 0 50%;
	padding: 0 20px 0 25px;
	display: block;
	float: left;
}

/* =SOCIAL ICONS
....................................... */ 
a.social, a.social:link {
	background: transparent url(../Fw/social.png) no-repeat left top;
	height:32px;
	display:inline-block;
	margin:0 15px 5px 0;
	padding:0 0 0 32px;
}              
a.facebook, a.facebook:link {
	background-position:0 0;
}
a.twitter, a.twitter:link {
	background-position:0 -32px;  
}
a.youtube, a.youtube:link {
	background-position:0 -64px;  
}
div.toddslettertile{
     background: transparent none;
height:auto;
margin:0 auto;
padding:30px 25px;
width:100%;
display:block;
min-height:40px;
}
div.TestimonialsPage div.toddslettertop{
display:none;
}
div.toddslettertop{
display:none;}
div.toddsletterbtm{
display:none;}
.toddslettercontent {
     width:100%;
     margin:0 auto;
     padding:0;
     display:block;
}
div.TestimonialsPage .toddslettercontent {
     width:100%;
     margin:0 auto;
     padding:20px 0;
     display:block; 
}
div.TestimonialsPage div.toddslettertile h2 {
	margin: 10px -28px 0px 0;
	padding: 0 30px 0px 0;
	display:block;
	height:30px;
	width:100%;
}
div.TestimonialsPage 
{
     margin:0 auto 0px;
     display:block;
     }
     
div.TestimonialsPage div.toddslettertop{
        display:none;
   }

     
div.toddPhotoAngled {
     background:url(../fw/letterToddPhoto.png) top center no-repeat;
     height:301px;
     width:293px;
     display:inline-block;
}
p.Toddsignature {
     background:url(../uploads/images/signature.png) top left no-repeat; 
     height: 150px;
     width:100%;
     display:block;
     padding:0;
     margin:0;
}
 div.rightCol img 
 {
      display:block;
      height:auto;
      width:auto;
      }
      /* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 HTML STYLES
	 MAIN STRUCTURE STYLES
	 SEARCH STYLES
	 HOMEPAGE STYLES
	 PAGINATION STYLES
	 
	 ....................................... */

/* =HTML STYLES
   ....................................... */
body {
	background: transparent none;
}

a 
{
     outline:none;
     }
img.floatLeft {margin-right: 10px;}
img.floatRight { margin-left: 10px;}

/* =MAIN STRUCTURE STYLES
   ....................................... */
div.header,
div.banner,
div.content,
div.footer,
div.sec {
	width: 100%;
}
div.master {
	width: 960px; /*main page size*/
	margin: 0 auto;
}
/*************Header*************/
div.header {
	background: url(../Fw/bg_header.png) repeat-x 50% 100%;
	position:relative;
	z-index:19;
}
div.header div.master {
	height: 80px;
	width: 920px;
	position: relative;
	padding: 0 20px;
}
div.headerShadow {
	height: 8px;
	width: 100%;
	position: absolute;
	top: 80px;
	background: url(../Fw/bg_headerShadow.png) repeat-x 50% 0;
}
a.logo[href^="/"]:after {
display:none;} 

img.logoImg 
{
     display:block;
     }
span.phone {
	color: #386BA0;
	margin: 7px 10px 0;
	font-size: 24px;
	line-height: 24px;
	height: 25px;
	letter-spacing: -0.04em;
	float: right;
}
span.phone span {
	font-size: 10px;
	float: left;
	padding: 1px 5px 0 0;
	color: #715348;
	text-transform: uppercase;
	letter-spacing: 0;
}
/*************Banner*************/
div.banner {
	background: url(../fw/bg_banner.png) repeat-x 50% 0;
}
div.banner div.master {
	height: 319px;
}
div.flash {
	width: 432px;
	height: 292px;
	padding-top: 15px;
	float: left;
	z-index: 0;
}
/*************Content*************/
div.content div.master {
	width: 920px;
	margin: 0 auto;
	padding: 15px 20px 30px;
	background: transparent;
}
div.breadCrumbs {
	padding: 0 0 15px 0;
}
div.fullCol {
	width: 920px;
	padding: 20px 0 20px 0;
}
div.leftCol {
	float: left;
	width: 314px;
	padding: 20px 0 20px 0;
}
div.rightCol {
	float: right;
	width: 581px;
	padding: 20px 0 20px 0;
}
/*************Footer*************/
div.footer {}
div.footer div.master { 
	width: 920px;
	padding: 10px 20px 30px 20px;
	font-size: 12px;
}
div.footer div.copyright {
	width: 200px;
	text-align:right;
	margin:10px 0;
	float: right;
	height:auto;
	display:inline-block;
	color: #AC8A7D;
}
div.footer div.contact {
	width: 500px;
	text-align:left;
	margin:10px 0;
	float: left;
	height:auto;
	display:inline-block;
	color: #AC8A7D;
}
div.footer div.menu {
	width: 100%;
	float: none;
	display:block;
	margin:18px auto;
}







.teal {color:#69939E;}
.red {color:#AE4C4C;}
.smTxt {font-size: 10px;}

/* =GENERAL TAGS
    font sizing MUST remain the same for the percentages to calculate properly
	 ....................................... */
body {
	font: 13px/1.5 "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
}
p {
	margin: 0 0 10px 0;
	line-height: 1.6em;
}
hr {
	background:  #ccc;
	color:  #ccc;
	margin: 10px 0 15px;
}
blockquote, q {
	color:white;
	margin:0 auto;
	width: 460px;
	line-height: 150%;
}
blockquote:before {
	content: '"'; 
}
blockquote:after {
	content: '"'; 
}

/* =HEADINGS
	 ....................................... */
h1,h2,h3,h4,h5,h6 { 
	font-family:Times, "Times New Roman", serif;
	color: #666;
	margin-bottom: 15px;
	text-transform: uppercase;
	line-height: 1.2em;
}
h1 { 
	font-size: 32px;
	color: #69939E;
}
h2 { 
	color: #69939E;
	font-size: 22px;
	
}
h3 { 
	color: #69939E;
	font-size: 18px;
}
h4 { 
	font-size: 16px;
}
h5 { 
	font-size: 14px;
}
h6 { 
	font-size: 14px;
}
 
/* =LISTS 
    default values can be edited
	 ....................................... */
li ul, 
li ol { 
	margin:0 1.5em; /*default: 0 1.5em;*/
}
ul, ol { 
	margin: 0 1.5em 1.5em 1.5em; /*default: 0 1.5em 1.5em 1.5em;*/
}
ul { 
	list-style-type: disc;
}
ol { 
	list-style-type: decimal;
}
dl { 
	margin: 0 0 1.5em 0; /*default: 0 0 1.5em 0;*/
}
dl dt { 
	font-weight: bold;
}
dd { 
	margin-left: 1.5em; /*default: 1.5em;*/
}

/* =LINKS
   ....................................... */
a { 
	color: #69939E;
	text-decoration: underline;
}
a:focus, 
a:hover { 
	text-decoration: none;
}


#fancybox-left,
#fancybox-right,
div.leftCol,
a.homePatients,
a.homePros,
div.banner,
ul.popUpMenu,
.noprint,
.showcaseLogos,
div.footer div.menu ul 
{
     display:none;
     }
 div.rightCol 
 {
      width:100%;
      }