/* Dreamspace CSS */
/* a lot of this css I'd normally do dynamically, but that isn't allowed in the scope of this project */

body {font-family: arial, sans-serif; font-size: 1.0em; line-height: 0.8em; letter-spacing: 0.05em; padding: 0px 0px 0px 14px; margin: 0px;}
/* below divs determine 'dynamic' variables: e.g. background image */
.bodyHome {background: #F2F2F2 url('assets/bkgrnd_home.gif') repeat-x;}
.bodyWhatsNew {background: #F2F2F2 url('assets/bkgrnd_whatsnew.gif') repeat-x;}
.bodyWhyUs {background: #F2F2F2 url('assets/bkgrnd_whyus.gif') repeat-x;}
.bodyWhatWeDo {background: #F2F2F2 url('assets/bkgrnd_whatwedo.gif') repeat-x;}
.bodyWhoWeAre {background: #F2F2F2 url('assets/bkgrnd_whoweare.gif') repeat-x;}
.bodyClients {background: #F2F2F2 url('assets/bkgrnd_clients.gif') repeat-x;}
.bodyPartners {background: #F2F2F2 url('assets/bkgrnd_partners.gif') repeat-x;}
.bodyContact {background: #F2F2F2 url('assets/bkgrnd_contact.gif') repeat-x;}

/* standard settings */
h1 {margin: 0px; padding: 0px; font-size: 0.68em; font-weight: bold;}
h2 {margin: 0px; padding: 0px; font-size: 0.68em; font-weight: bold;}
h3 {margin: 0px; padding: 0px; font-size: 0.68em; font-weight: bold;}
p {margin: 0px; padding: 0px; font-size: 0.68em; line-height: 1.3em;}
a {text-decoration: none; color: inherit;}
a:hover {text-decoration: underline; color: inherit;}

#theWrapper {width: 730px; padding-bottom: 20px;}

#contentColumnWrapper {float: left; width: 599px;}

#header {width: 599px; height: 110px;}
/* below divs determine 'dynamic' variables: e.g. background image which includes the header toy image */
.headerHome {background: url('assets/bkgrnd_header_home.gif') no-repeat;}
.headerWhatsNew {background: url('assets/bkgrnd_header_whatsnew.gif') no-repeat;}
.headerWhatsNewSub {background: url('assets/bkgrnd_header_whatsnew_sub.gif') no-repeat;}
.headerWhyUs {background: url('assets/bkgrnd_header_whyus.gif') no-repeat;}
.headerWhyUsSub {background: url('assets/bkgrnd_header_whyus_sub.gif') no-repeat;}
.headerWhatWeDo {background: url('assets/bkgrnd_header_whatwedo.gif') no-repeat;}
.headerWhatWeDoSub {background: url('assets/bkgrnd_header_whatwedo_sub.gif') no-repeat;}
.headerWhoWeAre {background: url('assets/bkgrnd_header_whoweare.gif') no-repeat;}
.headerWhoWeAreSub {background: url('assets/bkgrnd_header_whoweare_sub.gif') no-repeat;}
.headerClients {background: url('assets/bkgrnd_header_clients.gif') no-repeat;}
.headerClientsSub {background: url('assets/bkgrnd_header_clients_sub.gif') no-repeat;}
.headerPartners {background: url('assets/bkgrnd_header_partners.gif') no-repeat;}
.headerPartnersSub {background: url('assets/bkgrnd_header_partners_sub.gif') no-repeat;}
.headerContact {background: url('assets/bkgrnd_header_contact.gif') no-repeat;}
.headerContactSub {background: url('assets/bkgrnd_header_contact_sub.gif') no-repeat;}

#headerFeature {padding: 31px 0px 0px 336px; font-size: 0.7em; color: #666666;}
.headerFeatureText {float: left; width: 106px; height: 53px; overflow: hidden;}
.headerFeatureText a {color: #666666;}
.headerFeatureImage {float: left;}
.headerFeatureImage img {border: 1px solid #ccc;}

#contentColumn {border-left: 1px solid #fff;} 
/* below divs determine 'dynamic' variables: e.g. background and text colour */
.contentColumnHome {background-color: #B5C4E1; padding-bottom: 0px;}
.contentColumnWhatsNew {background-color: #B8AF98 ; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #fff;}
.contentColumnWhatsNewSub {background-color: #DCD8CB; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #6D644B;}
.contentColumnWhyUs {background-color: #B9B9C5; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #fff;}
.contentColumnWhyUsSub {background-color: #DBE9F0; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #3F7494;}
.contentColumnWhatWeDo {background-color: #9EB0B0; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #fff;}
.contentColumnWhatWeDoSub {background-color: #D5DDDD; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #596C6C;}
.contentColumnWhoWeAre {background-color: #C1C6B0; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #fff;}
.contentColumnWhoWeAreSub {background-color: #DBDED1; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #5C6147;}
.contentColumnClients {background-color: #BBC7C7; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #fff;}
.contentColumnClientsSub {background-color: #DAE0E0; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #6E6E6E;}
.contentColumnPartners {background-color: #E3B89B; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #fff;}
.contentColumnPartnersSub {background-color: #F1DCCD; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #8B5027;}
.contentColumnContact {background-color: #DA9EA2; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #fff;}
.contentColumnContactSub {background-color: #EED5D6; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #983A3F;}

#contentColumnHome2Wrapper {float: left; width: 709px;}
#contentColumnHome2 {background-color: #A1C3D7; padding-bottom: 20px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}

#homeImage {clear:both; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; margin-left: 16px; display: block;}
#homeImage1 {border-bottom: 1px solid #fff; border-left: 1px solid #fff; margin-left: 16px; display: block;}

#subImage {clear: both; display: block; border: 1px solid #fff; margin: 0px 0px 0px 16px; }

#homeContentArea {margin-top: 13px;}
#subContentArea {margin-top: 13px;}

#contentAreaIntroHome {float: left; width: 326px; padding-bottom: 70px;}
#contentAreaIntro {float: left; width: 336px; padding-bottom: 70px;}
#contentAreaIntroSub {float: left; width: 336px; padding-bottom: 70px;}

#contentAreaIntroHome p {font-weight: bold; color: #000; padding: 10px 17px 0px 28px;}
#contentAreaIntro p {padding: 10px 17px 0px 28px;}

#contentAreaIntroSub h3 {padding: 10px 17px 0px 18px; font-size: 0.8em; font-weight: bold;}
#contentAreaIntroSub p {padding: 10px 17px 0px 18px;}

#contentAreaIntro ul {font-size: 0.68em; margin-top: 10px; margin-bottom: 0px;}
#contentAreaIntro li {}
#contentAreaIntro a {color: #fff;}

#contentAreaIntroSub ul {font-size: 0.68em; margin-top: 10px; margin-bottom: 0px;}
#contentAreaIntroSub li {}


/* below divs determine 'dynamic' variables: e.g. floating image at bottom of intro text and text colour */
.contentAreaIntroHome {color: #000;}
.contentAreaIntroWhatsNew  {background: url('assets/div_bkgrnd_whatsnew_intro.gif') bottom right no-repeat; color: #fff;}
.contentAreaIntroWhatsNewSub {color: #6D644B;}
.contentAreaIntroWhatsNewSub a {color: #6D644B;}
.contentAreaIntroWhyUs {background: url('assets/div_bkgrnd_whyus_intro.gif') bottom right no-repeat; color: #fff;}
.contentAreaIntroWhyUsSub {color: #8C8C9F;} /*DO THIS*/
.contentAreaIntroWhyUsSub a {color: #8C8C9F;} /*DO THIS*/
.contentAreaIntroWhatWeDo {background: url('assets/div_bkgrnd_whatwedo_intro.gif') bottom right no-repeat; color: #fff;}
.contentAreaIntroWhatWeDoSub {color: #596C6C;}
.contentAreaIntroWhatWeDoSub a {color: #596C6C;}
.contentAreaIntroWhoWeAre {background: url('assets/div_bkgrnd_whoweare_intro.gif') bottom right no-repeat; color: #fff;}
.contentAreaIntroWhoWeAreSub {color: #5C6147;}
.contentAreaIntroWhoWeAreSub a {color: #5C6147;}
.contentAreaIntroClients {background: url('assets/div_bkgrnd_clients_intro.gif') bottom right no-repeat; color: #fff;}
.contentAreaIntroClientsSub {color: #6E6E6E;}
.contentAreaIntroClientsSub a {color: #6E6E6E;}
.contentAreaIntroPartners {background: url('assets/div_bkgrnd_partners_intro.gif') bottom right no-repeat; color: #fff;}
.contentAreaIntroPartnersSub {color: #8B5027;}
.contentAreaIntroPartnersSub a {color: #8B5027;}
.contentAreaIntroContact {background: url('assets/div_bkgrnd_contact_intro.gif') bottom right no-repeat; color: #fff;}
.contentAreaIntroContactSub {color: #983A3F;}
.contentAreaIntroContactSub a {color: #983A3F;}

#contentAreaNewsHome {float: left; width: 370px; background-color: #F2F2F2; color: #666; padding-bottom: 7px;}
.contentAreaNewsHomeHeading {border: 1px solid #fff; background-color: #A29677; padding: 2px 0px 2px 10px; color: #fff; margin-bottom: 7px;}
.contentAreaNewsHomeDivider {height: 1px; background-color: #A29677; margin: 4px 0px 4px 0px;}
#contentAreaNewsHome p {padding: 2px 0px 2px 10px;}
#contentAreaNewsHome a {color: #666;}

#contentAreaCaseStudyHome {clear: both; padding: 10px 0px 0px 28px;}
.contentAreaCaseStudyHomeItem {background-color: #BBC7C7; width: 121px; float: left; border: 1px solid #fff; color: #666666; margin-right: 28px;}
html>body .contentAreaCaseStudyHomeItem {width: 119px;}
.contentAreaCaseStudyHomeItem p {padding: 2px 5px 2px 10px;}
.contentAreaCaseStudyHomeItem img {margin-top: 10px; margin-bottom: 10px;}
.contentAreaCaseStudyHomeHeading {background-color: #A0A0B1; padding: 2px 5px 2px 10px; border-bottom: 1px solid #fff;}
.contentAreaCaseStudyHomeHeading h2 {color: #fff;}
.contentAreaCaseStudyHomeHeading a {color: #fff;}
.contentAreaCaseStudyHomeFooting {background-color: #DAE0E0; border-top: 1px solid #fff; font-weight: bold; color: #fff; margin-top: 10px;}
.contentAreaCaseStudyHomeFooting a {color: #fff;} 

#contentAreaFeatures {float: left; width: 247px;}
.featureItem {float: left;}

.contentAreaFeaturesWhatsNew {color: #6D644B;} 
.contentAreaFeaturesWhyUs {color: #8C8C9F;} 
.contentAreaFeaturesWhatWeDo {color: #596C6C;} 
.contentAreaFeaturesWhoWeAre {color: #5C6147;} 
.contentAreaFeaturesClients {color: #6E6E6E;} 
.contentAreaFeaturesPartners {color: #8B5027;} 
.contentAreaFeaturesContact {color: #983A3F;} 

#contentAreaHeading1 {width: 146px; height: 21px; border: 1px solid #fff; margin-left: 16px; color: #fff;}
html>body #contentAreaHeading1 {width: 144px; height: 17px;}
#contentAreaHeading2 {width: 247px; height: 21px; border: 1px solid #fff; color: #fff;}
html>body #contentAreaHeading2 {width: 245px; height: 17px;}
#contentAreaHeading1 h1 {padding: 2px 0px 0px 10px;}
#contentAreaHeading1 h2 {padding: 2px 0px 0px 10px;}
#contentAreaHeading2 h1 {padding: 3px 0px 0px 10px;}
#contentAreaHeading2 h2 {padding: 3px 0px 0px 10px;}

/* below divs determine 'dynamic' variables: e.g. background colour */
.contentAreaHeadingWhatsNew {background-color: #B5C4E1;}
.contentAreaHeadingWhyUs {background-color: #E3B89B;}
.contentAreaHeadingWhatWeDo {background-color: #B9B9C5;}
.contentAreaHeadingWhoWeAre {background-color: #9EB0B0;}
.contentAreaHeadingClients {background-color: #B8AF98;}
.contentAreaHeadingPartners {background-color: #D69497;}
.contentAreaHeadingContact {background-color: #9EB0B0;}

.contentAreaFeatureItem {float: left; width: 121px; margin-top: 13px;}
.contentAreaFeatureItem img {border: 1px solid #fff;}
.contentAreaFeatureItem p {padding: 5px 0px 2px 0px;}

.contentAreaFeatureSingleItem {margin-top: 13px;}
.contentAreaFeatureSingleItem img {border: 1px solid #fff;}
.contentAreaFeatureSingleItem p {color: #fff; padding: 5px 0px 2px 0px;}
.contentAreaFeatureSingleItem a {color: #fff;}

#navColumn {float: left; width: 121px;}
.navColumnHome {background: url('assets/bkgrnd_nav_home.gif') repeat-y;}
.navColumnSub {background: url('assets/bkgrnd_nav.gif') repeat-y;}

#navAreaShortcuts {height: 91px; background-color: #F2F2F2; font-size: 0.7em;}
#navAreaShortcuts a {color: #fff;}
.navItemShortcut {width: 110px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #9EB0B0;}
html>body .navItemShortcut {width: 108px;}

#navAreaMain {font-size: 0.7em;}
#navAreaMain a {color: #000;}

/* below divs determine 'dynamic' variables: e.g. background and border colour */
.navItemHome {width: 110px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #B5C4E1;}
html>body .navItemHome {width: 108px;}
.navItemHomeActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #B5C4E1; background-color: #B5C4E1; font-weight: bold;}
html>body .navItemHomeActive {width: 119px;}

.navItemWhatsNew {width: 110px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #B8AF98;}
html>body .navItemWhatsNew {width: 108px;}
.navItemWhatsNewActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #B8AF98; background-color: #B8AF98; font-weight: bold;}
html>body .navItemWhatsNewActive {width: 119px;}
.navItemWhatsNewSubActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #DCD8CB; background-color: #DCD8CB; font-weight: bold;}
html>body .navItemWhatsNewSubActive {width: 119px;}

.navItemWhyUs {width: 110px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #B9B9C5;}
html>body .navItemWhyUs {width: 108px;}
.navItemWhyUsActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #B9B9C5; background-color: #B9B9C5; font-weight: bold;}
html>body .navItemWhyUsActive {width: 119px;}
.navItemWhyUsSubActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #DBE9F0; background-color: #DBE9F0; font-weight: bold;}
html>body .navItemWhyUsSubActive {width: 119px;}

.navItemWhatWeDo {width: 110px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #9EB0B0;}
html>body .navItemWhatWeDo {width: 108px;}
.navItemWhatWeDoActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #9EB0B0; background-color: #9EB0B0; font-weight: bold;}
html>body .navItemWhatWeDoActive {width: 119px;}
.navItemWhatWeDoSubActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #D5DDDD; background-color: #D5DDDD; font-weight: bold;}
html>body .navItemWhatWeDoSubActive {width: 119px;}

.navItemWhoWeAre {width: 110px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #C1C6B0;}
html>body .navItemWhoWeAre {width: 108px;}
.navItemWhoWeAreActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #C1C6B0; background-color: #C1C6B0; font-weight: bold;}
html>body .navItemWhoWeAreActive {width: 119px;}
.navItemWhoWeAreSubActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #DBDED1; background-color: #DBDED1; font-weight: bold;}
html>body .navItemWhoWeAreSubActive {width: 119px;}

.navItemClients {width: 110px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #BBC7C7;}
html>body .navItemClients {width: 108px;}
.navItemClientsActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #BBC7C7; background-color: #BBC7C7; font-weight: bold;}
html>body .navItemClientsActive {width: 119px;}
.navItemClientsSubActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #DAE0E0; background-color: #DAE0E0; font-weight: bold;}
html>body .navItemClientsSubActive {width: 119px;}

.navItemPartners {width: 110px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #E3B89B;}
html>body .navItemPartners {width: 108px;}
.navItemPartnersActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #E3B89B; background-color: #E3B89B; font-weight: bold;}
html>body .navItemPartnersActive {width: 119px;}
.navItemPartnersSubActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #F1DCCD; background-color: #F1DCCD; font-weight: bold;}
html>body .navItemPartnersSubActive {width: 119px;}

.navItemContact {width: 110px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #DA9EA2;}
html>body .navItemContact {width: 108px;}
.navItemContactActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #DA9EA2; background-color: #DA9EA2; font-weight: bold;}
html>body .navItemContactActive {width: 119px;}
.navItemContactSubActive {width: 121px; border-right: 1px solid #fff; border-left: 1px solid #EED5D6; background-color: #EED5D6; font-weight: bold;}
html>body .navItemContactSubActive {width: 119px;}

.navItemDividerShort {width: 110px; height: 1px; background-color: #fff;} 
.navItemDividerLong {width: 121px; height: 1px; background-color: #fff;} 

.navIcon {vertical-align: middle; margin-left: 2px;}

#navAreaFeature {margin-top: 61px; width: 121px; border: 1px solid #fff; background-color: #BBC7C7; color: #fff;}
html>body #navAreaFeature {width: 119px;}
.navAreaFeatureHeading {padding: 2px 0px 2px 10px; background-color: #A0A0B1; border-bottom: 1px solid #fff;}

#footer {}
.footerContact {width: 459px; background-color: #D1D5E7; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.footerContact p {font-size: 0.7em; line-height: normal; letter-spacing: normal; padding-left: 11px;} 
.footerContact a {color: #000; } 
.footerNotices {width: 323px; background-color: #C2DDC9; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.footerNotices p {font-size: 0.6em; line-height: normal; letter-spacing: normal; padding: 2px 0px 2px 11px; } 
.footerNotices a {color: #000; } 
.footerIcon {vertical-align: middle; margin: 2px 2px 2px 0px;}

#printableMap {width: 700px; padding: 14px;}
#printableMap h1 {font-size: 1.0em; padding: 7px 0px 14px 0px;}
#printableMap h2 {font-size: 0.75em; padding: 14px 0px 7px 0px;}
#printableMap p {font-size: 0.68em; padding: 0px 0px 7px 0px;}

.form_textfield {width: 240px; border: 1px solid #C15E63;}
.form_textarea {width: 240px; border: 1px solid #C15E63; font-family: arial, sans-serif;}
.form_submit {border: 1px solid #C15E63; background-color: #fff; font-weight: bold; color: #C15E63;}

.formArea1 {}
.formArea1 p {padding: 10px 17px 0px 18px;}
.formArea2 {padding-top: 82px;}
.formArea2 p {padding: 10px 0px 0px 0px;}

.logoArea {background-color: #fff; width: 291px; margin: 7px 0px 0px 18px;}
.logoArea img {margin-left: 4px;}

.clearit {clear: both; height: 1px;}