body {
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 0.7em;
color: #717C73;
text-align: left;
letter-spacing: 0.02em;
line-height: 1.1em;
background: #ffffff url(../images/background_repeat.gif) repeat-x top;
}

body.popupBody {
background: #ffffff;
}

img {
display: block;
border: 0;
}

h1 {
text-transform: uppercase;
font-size: 1.3em;
font-weight: bold;
margin: 0;
padding: 0 0 8px 0;
color: #4C5A51;
line-height: 2em;
font-family: helvetica, arial, sans-serif;
letter-spacing: -0.03em;
}

h2 {
font-size: 1.3em;
font-weight: bold;
margin: 0;
padding: 0 0 8px 0;
color: #4C5A51;
font-family: helvetica, arial, sans-serif;
letter-spacing: -0.03em;
}

h3 {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 8px 0;
padding: 0 0 8px 0;
color: #4C5A51;
font-family: helvetica, arial, sans-serif;
letter-spacing: -0.03em;
}

h4 {
font-size: 1.1em;
font-weight: bold;
margin: 0 0 8px 0;
padding: 0 0 8px 0;
color: #4C5A51;
font-family: helvetica, arial, sans-serif;
letter-spacing: -0.03em;
line-height: 1.2em;
}

strong {
font-weight: bold;
letter-spacing: 0em;
}

a:link, a:visited {
color: #717C73;
font-weight: bold;
text-decoration: underline;
letter-spacing: 0em;
}

a:hover, a:active {
color: #4C5A51;
font-weight: bold;
text-decoration: underline;
letter-spacing: 0em;
}

kbd {
text-transform: uppercase;
font-family: "Courier New", courier, monospace;
font-size: 1em;
}

form {
margin: 0;
padding: 0;
font-size: 1em;
}

fieldset {
border: 0;
}


select, textarea, input {
font-family: arial, helvetica, sans-serif;
font-size: 1em;
letter-spacing: 0.02em;
line-height: 1.1em;
}

#Wrapper {
width: 770px;
margin: 0 auto 0 16px;
text-align: left;
}

#FlashHolder {
width: 534px;
float: right;
/* apply margin here rather than to #Wrapper for Opera 5 and 6 */
margin: 14px 0 0 0;
}

#LogoBlock {
float: left;
width: 236px;
margin: 14px 0 0 0;
background: #ffffff url(../images/header_repeat.gif) repeat-y top left;
height: 206px;
}

#PopupLogoBlock {
width: 100%;
margin: 14px 0 0 0;
background: #BF3019;
height: 54px;
}

#LogoBlock img {
margin: 40px 0 0 22px;
/* make inline element for Netscape 6 */
display: inline;
}

#PopupLogoBlock img {
margin: 0 0 0 22px;
/* make inline element for Netscape 6 */
display: inline;
}

#LogoBlock p {
font-size: 0.8em;
line-height: 1.1em;
margin: 0;
padding: 88px 4px 0 22px;
}

.Clearer {
height: 1px;
clear: both;
overflow: hidden;
}

.NavClearer {
height: 1px;
clear: both;
overflow: hidden;
background: #fff;
}

#NavWrapper {
margin: 2px 0 0 16px;
padding: 0;
background: #a8b5ab;
width: 650px;
clear: both;
}

#MainNav {
text-transform: uppercase;
list-style-type: none;
padding: 0;
margin: 0;
}

#MainNav li {
float: left;
font-size: 0.8em;
margin: 0;
/* duplicate the a styles here for Opera 5 and 6 */
color: #ffffff;
border-left: 1px solid #fff;
}

#MainNav li a:link, #MainNav li a:visited {
color: #ffffff;
padding: 1px 29px 1px 6px;
display: block;
text-decoration: none;
font-weight: normal;
letter-spacing: 0.02em;
margin: 0;
}

#MainNav li a:hover, #MainNav li a:active, #CurrentSection {
color: #ffffff;
padding: 1px 29px 1px 6px;
display: block;
text-decoration: none;
font-weight: normal;
letter-spacing: 0.02em;
background: #4C5A51;
margin: 0;
}

#ContentWrapper {
border-left: 1px solid #A5B2AB;
border-right: 1px solid #A5B2AB;
width: 533px;
float: right;
margin: 22px 0 0 0;
overflow: hidden;
}

#TertiaryWrapper {
width: 534px;
float: right;
margin: 22px 0 0 0;
}

.ContentPadding {
padding: 0 24px 0 8px;
}

#ContentWrapper p, #TertiaryWrapper p, #content p {
margin: 2px 0 16px 0;
padding: 0;
line-height: 1.3em;
}

#SubNavBlock {
width: 235px;
float: left;
margin: 22px 0 0 0;
padding: 7px 0 0 0;
}

#SubNav, #ProductSelector {
list-style-type: none;
margin: 0 0 0 3px;
padding: 0;
}

#ProductSelector {
border-bottom: 1px solid #C7D5CA;
margin-right: 12px;
}

#SubNavBlock li, #ProductSelector li{
padding: 0;
margin: 0;
text-transform: uppercase;
padding: 0 0 14px 0;
}

#SubNavBlock li a, #ProductSelector li a {
/* fix IE bug - http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/ */
display: inline-block;
}

#SubNavBlock li a, #ProductSelector li a {
text-decoration: none;
font-weight: bold;
letter-spacing: 0.02em;
padding: 0 0 0 23px;
color: #4C5A51;
/* make it block level for IE 5 to pick up padding correctly */
display: block;
}


#SubNavBlock ul li a:hover, #SubNavBlock ul li a:active, #ProductSelector ul li a:hover, #ProductSelector ul li a:active {
background-position: left center;
background-repeat: no-repeat; 
color: #BF3019;
font-weight: bold;
}

#SubNavCurrent {
background: #ffffff url(../images/subnav_arrow.gif) no-repeat left center;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.02em;
padding: 0 0 0 23px;
display: inline;
color: #BF3019;
}

#SubNavCurrent a:link, #SubNavCurrent a:visited {
text-decoration: none;
font-weight: bold;
letter-spacing: 0.02em;
color: #BF3019;
padding: 0;
background: none;
display: inline;
}

#SubNavCurrent a:hover, #SubNavCurrent a:active {
text-decoration: none;
font-weight: bold;
letter-spacing: 0.02em;
color: #BF3019;
padding: 0;
background: none !important;
display: inline;
}

#SubSubNavBlock {
float: left;
width: 216px;
background: #ffffff;
}

#SubNavBlock p {
padding: 0 8px 0 26px;
}

#SubNavBlock p img {
display: inline;
margin-right: 6px;
}

#SubNavBlock p span {
font-size: 0.8em;
font-weight: normal;
line-height: 15px;
}

#FeaturePanel {
float: right;
background: #5090CD;
color: #ffffff;
width: 316px;
}

#FeaturePanel img {
float: right;
clear: right;
margin: 0 0 1px 0;
}

#FeaturePanelContent {
margin: 6px 0 0 7px;
width: 204px;
}

#FeaturePanelContent h2 {
color: #B4D5F0;
margin: 0 0 16px 0;
padding: 0;
font-size: 1.3em;
line-height: 1.1em;
}

#FeaturePanelContent p {
margin: 2px 0 16px 0;
padding: 0;
}

.TertiaryNav {
margin: 0;
padding: 4px 0 0 0;
list-style-type: none;
color: #D67B6C;
line-height: 1.4em;
text-transform: capitalize !important;
}

.TertiaryNav ul {
list-style-type: none;
margin: 0;
padding: 0 0 0 16px;
}

.TertiaryNav ul li a {
padding: 0 0 0 18px;
}

.TertiaryNav li {
padding: 0 0 2px 0 !important;
}

.TertiaryNav li a {
/* fix IE bug - http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/ */
display: inline-block;
}

.TertiaryNav li a:link, .TertiaryNav li a:visited {
text-decoration: none;
font-weight: normal;
letter-spacing: 0.02em;
display: block;
color: #D67B6C !important;
text-transform: capitalize;
line-height: 1.4em;


}

.TertiaryNav li a:hover, .TertiaryNav li a:active {
color: #ffffff !important;
text-decoration: none;
font-weight: normal;
letter-spacing: 0.02em;
display: block;
text-transform: capitalize;
background-color: #D67B6C !important;
}

.TertiaryCurrent {
/* override font for current levels in the tree */
font-weight: bold !important;
letter-spacing: 0 !important;
color: #5090CD;
}

.TertiaryNav ul .TertiaryCurrent {
background-repeat: no-repeat;
background-position: 6px 3px !important;
color: #5090CD;
}

#SubNavBlock ul li a:hover, #SubNavBlock ul li a:active, #ProductSelector ul li a:hover, #ProductSelector ul li a:active {
background-image: url(../images/subnav_arrow.gif);
}

.TertiaryNav li a:hover, .TertiaryNav li a:active {
background-image: none !important;
}

#SubNavBlock .TertiaryCurrent {
background-image: url(../images/next_level.gif) !important;
}

#TertiaryCurrentParent {
font-weight: bold !important;
background-image: url(../images/subsubnav_arrow.gif) !important;
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 0 16px;
}

#FooterLinks {
margin: 8px 0 12px 0;
padding: 60px 0 0 0;
clear: both;
font-size: 0.8em;
font-weight: normal;
}

#FooterLinks a:link, #FooterLinks a:visited {
font-size: 1em;
font-weight: normal;
text-decoration: none;
padding: 0 4px;
}

#FooterLinks a:hover, #FooterLinks a:active {
font-size: 1em;
font-weight: normal;
text-decoration: underline;
padding: 0 4px;
}

.hide {
display: none;
}

#FooterLinks a:link.first, #FooterLinks a:visited.first, #FooterLinks a:hover.first, #FooterLinks a:active.first {
padding-left: 0;
}

#cs_form {
margin: 0;
padding: 0;
}

#cs_form fieldset {
margin: 0;
padding: 0;
}

#CaseStudiesSelect {
width: 350px;
margin: 0 4px 6px 0;
padding: 0;
height: 20px;
}


#CaseStudiesGo {
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
background: #4C5A51;
color: #fff;
overflow: visible;
padding: 1px 4px;
margin: 0 0 6px 0;
text-transform: uppercase;
cursor: pointer;
font-size: 0.8em;
height: 20px;
}

.ImageRow img {
float: left;
margin: 0 6px 12px 0;
}

.LastImage {
margin-right: 0;
}

.ImageRow {
margin: 12px 0 0 0;
}

#LayoutTable {
border-collapse: separate;
font-size: 1em;
margin: 0 0 16px 0;
width: 400px;
}

#LayoutTable td {
background: #a8b5ab;
color: #ffffff;
padding: 3px 8px;
}

#SiteMap {
margin: 0;
padding: 0 0 0 21px;
text-transform: uppercase;
line-height: 1.4em;
list-style-image: url(../images/subnav_arrow.gif);
list-style-type: disc;
}

#SiteMap ul {
text-transform: none;
list-style-image: url(../images/hover_arrow.gif);
list-style-type: disc;
}

#SiteMap ul ul {
text-transform: none;
list-style-image: none;
list-style-type: disc;
}

#SiteMap a {
font-weight: normal;
}
	
#SiteMap2 {
margin: 0;
padding: 0 0 0 21px;
text-transform: uppercase;
line-height: 1.4em;
list-style-image: url(../images/subnav_arrow.gif);
list-style-type: disc;
}

#SiteMap2 a:link, #SiteMap2 a:visited, #SiteMap2 a:hover, #SiteMap2 a:active {
font-weight: normal;
text-decoration: none;
}
	
#SupplementaryContentPadding {
padding: 0 0 0 8px;
}
	
#SupplementaryImageWrapper {
background: url(../images/supplementary_img_rpt.gif) repeat-y top right;
height: 1%;
}

#SupplementaryImageText {
float: left;
width: 424px;
}

#SupplementaryImageImage {

width: 100px;
float: right;
}

.entry {
border-bottom: 1px solid #D3DAD5;
padding-top: 2px;
}

.entry h3 a:link, .entry h3 a:visited {
background: #A8B5AB;
color: #fff;
text-decoration: none;
padding: 4px 0 4px 4px;
display: block;
}

.entry h3 a:hover, .entry h3 a:active {
background: #4C5A51;
color: #fff;
text-decoration: none;
padding: 4px 0 4px 4px;
display: block;
}

.date a:link, .date a:visited, .date a:hover, .date a:active {
font-weight: normal;
}

.blogEntry {
border-bottom: 1px solid #D3DAD5;
}

#blog-box {
border-bottom: 1px solid #D3DAD5;
margin-bottom: 8px;
padding-top: 6px;
}

#JSHidden {
display: none;
}

#PopupBody {
height: 538px;
overflow: auto;
}

#PopupContent {
padding: 12px 22px;
}

#PopupFooter {
background: #A8B5AB;
width: 100%;
margin-bottom: 8px;
}

#PopupFooter p {
background: #4C5A51;
margin: 0 0 0 22px;
width: 222px;
padding: 4px 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#PopupFooter a:link, #PopupFooter a:visited {
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
color: #fff;
padding: 0 8px;
}

#PopupFooter a:hover, #PopupFooter a:active {
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
color: #A8B5AB;
padding: 0 8px;
}

#PopupColsWrapper {
background: url(../images/popup_repeater.gif) repeat-y top left;
}

#PopupLeft {
width: 222px;
float: left;
}

#PopupRight {
width: 477px;
float: right;
}

#PopupRightPadding {
padding: 0 0 0 8px
}

#brickSelector {
list-style-type: none;
margin: 0 0 0 3px;
padding: 0;
font-size: 0.9em;
}

#brickSelector li {
padding: 4px 0 4px 8px;
margin: 0;
line-height: 1em;
background: #ECEFED;
margin: 0 0 2px 0;
}

#brickSelector label {
color: #4C5A51;
}

.BrickStyledInput {
width: 119px;
}

.BrickStyledLabel {
width: 78px;
float: left;
clear: both;
}

.BrickLongLabel {
padding-bottom: 4px;
display: block;
}

#FormH3 {
margin: 16px 0 3px 0;
}

.StyledButton {
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
background: #4C5A51;
color: #fff;
overflow: visible;
padding: 1px 4px;
text-transform: uppercase;
cursor: pointer;
}

.Smaller {
font-size: 0.8em;
}

#searchResults {
list-style-type: none;
margin: 6px 0 5px 0;
padding: 0;
}

#searchResults li {
border: 1px solid #A8B5AB;
width: 65px;
height: 65px;
overflow: hidden;
float: left;
margin: 0 4px 4px 0;
}

.pagination {
list-style-type: none;
margin: 4px 0;
padding: 0 39px 0 0;
}

.pagination li {
float: left;
margin: 0 4px 2px 0;
}

#BrickSample {
border-bottom: 1px solid #A5B2AB;
margin-bottom: 20px;
}

#BrickSample img, .InlineImage img {
display: inline;
border: 1px solid #A8B5AB;
}

.InlineImage {
margin: 6px 0;
}

.styledTable, .styledTableAlt {
margin: 6px 0;
border: 1px solid #4C5A51;
padding: 0px;
}

.styledTable tr, .styledTableAlt tr {
background: #A8B5AB;
color: #fff;
border-bottom: 1px solid #fff;
margin: 0;
padding: 0;
}

.styledTable td, .styledTable th, .styledTableAlt td, .styledTableAlt th {
padding: 4px 8px;
margin: 0;
}

.styledTable th {
border-right: 1px solid #fff;
}

#PopupHalfRight {
width: 345px;
float: right;
}

#PopupHalfLeft {
width: 345px;
float: left;
}

.thumb1 {
width: 150px;
height: 115px;
overflow: hidden;
border: 1px solid #A5B2AB;
float: left;
margin-right: 10px;
}

.thumb2 {
width: 150px;
height: 115px;
overflow: hidden;
border: 1px solid #A5B2AB;
}

.StyledForm {
color: #4C5A51;
}

.StyledInput {
width: 237px;
}

.StyledForm label, .FakeLabel {
float: left;
width: 185px;
clear: both;
color: #4C5A51;
}

.FormRow {
background: #ECEFED;
margin-bottom: 2px;
padding: 4px 0 4px 12px;
}

.FeintHighlightBox {
background: #ECEFED;
margin: 4px 0;
padding: 8px;
color: #4C5A51;
}

.FeintHighlightBox p {
margin: 0 !important;
padding: 0 !important;
}

#RSSBlock {

}

.alert2 {
background: #BF3019;
padding: 3px 8px !important;
margin: 6px 0;
color: #fff;
font-weight: bold;
}

#f_contact {
background: #A8B5AB;
color: #fff;
margin-bottom: 12px;
}

#f_contact fieldset {
padding: 6px;
border: 0;
}

#comment-form fieldset {
margin: 6px 0;
border: 0;
}

#f_contact label, #comment-form label {
width: 100px;
float: left;
clear: both;
}

#f_contact .StyledInput, #comment-form .StyledInput {
width: 200px;
margin: 0 8px 8px 0;
float: left;
border: 1px solid #4C5A51;
}

#f_contact hr {
clear: both;
border-top: 1px solid #C1CAC3;
border-bottom: 0;
height: 1px;
overflow: hidden;
background: #BF3019;
}

#f_contact hr, #comment-form hr {
clear: both;
border-top: 1px solid #fff;
border-bottom: 0;
height: 1px;
overflow: hidden;
background: #fff;
}

#f_submit {
margin-left: 100px;
}

#ImagePanels {
padding: 8px 0;
}

#ImagePanels img {
float: left;
margin: 0 8px 8px 0;
}

.ImageLeft {
float: left;
margin: 0 12px 12px 0;
clear: both;
display: block;
}

.ImageRight {
float: right;
margin: 0 0 12px 12px;
clear: both;
display: block;
}

.ImageRow {
float: left;
margin: 0 4px 4px 0;
display: block;
}

.StartNewLine {
display: block;
clear: both;
}