* (CC) 2004 Tantek Celik. Some Rights Reserved. */ /* http://creativecommons.org/licenses/by/2.0 */ /* This style sheet is licensed under a Creative Commons License. */ /* Purpose: undo some of the default styling of common (X)HTML browsers */ /* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */ :link,:visited { text-decoration:none } /* no list-markers by default, since lists are used more often for semantics */ ul,ol { list-style:none } /* avoid browser default inconsistent heading font-sizes */ /* and pre/code too */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* remove the inconsistent (among browsers) default ul,ol padding or margin */ /* the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. */ /* zero out the spacing around pre, form, body, html, p, blockquote as well */ /* form elements are oddly inconsistent, and not quite CSS emulatable. */ /* nonetheless strip their margin and padding as well */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* whoever thought blue linked image borders were a good idea? */ a img,:link img,:visited img { border:none } /* de-italicize address */ address { font-style:normal } /* Marsden's Confectionery CSS by Ridgeway Studios - www.ridgewaystudios.com*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ body { background-color: #464646; color: #666666; font-family: Palatino Linotype, Palatino, serif; font-size: 75%; text-align: center; } a:link { color:#016abe; text-decoration: none; } a:visited { color:#016abe; text-decoration: none; } a:hover { color:#016abe; text-decoration: underline; } a:active { color:#016abe; text-decoration: underline; } a.greylink:link { color:#464646; text-decoration: none; } a.greylink:visited { color:#464646; text-decoration: none; } a.greylink:hover { color:#262626; text-decoration: underline; } a.greylink:active { color:#262626; text-decoration: underline; } a.purplelink:link { color:#562b8c; text-decoration: none; } a.purplelink:visited { color:#562b8c; text-decoration: none; } a.purplelink:hover { color:#330868; text-decoration: underline; } a.purplelink:active { color:#330868; text-decoration: underline; } a.navylink:link { color:#2d3091; text-decoration: none; } a.navylink:visited { color:#2d3091; text-decoration: none; } a.navylink:hover { color:#041b76; text-decoration: underline; } a.navylink:active { color:#041b76; text-decoration: underline; } a.greenlink:link { color:#398558; text-decoration: none; } a.greenlink:visited { color:#398558; text-decoration: none; } a.greenlink:hover { color:#00471f; text-decoration: underline; } a.greenlink:active { color:#00471f; text-decoration: underline; } a.whitelink:link { width: 217px; display: block; font-size: 1.0em; text-decoration: none; color: #FFFFFF; } a.whitelink:visited { color:#FFFFFF; text-decoration: none; } a.whitelink:hover { color:#FFFFFF; text-decoration: underline; } a.whitelink:active { color:#FFFFFF; text-decoration: underline; } a.breadcrumbs:link { color:#555555; text-decoration: none; } a.breadcrumbs:visited { color:#555555; text-decoration: none; } a.breadcrumbs:hover { color:#000000; text-decoration: underline; } a.breadcrumbs:active { color:#000000; text-decoration: underline; } a.footerlink:link { color:#959595; text-decoration: none; } a.footerlink:visited { color:#959595; text-decoration: none; } a.footerlink:hover { color:#959595; text-decoration: underline; } a.footerlink:active { color:#959595; text-decoration: underline; } a.imagelink:link { border-bottom: 0px; text-decoration: none; } a.imagelink:visited { border-bottom: 0px; text-decoration: none; } a.imagelink:hover { border-bottom: 0px; text-decoration: none; } a.imagelink:active { border-bottom: 0px; text-decoration: none; } h1 { color:#414141; font-size: 2.0em; font-weight: normal; margin-top: 0px; } h2 { color:#414141; font-size: 1.4em; font-weight: normal; margin-top: 12px; } h3 { color:#555555; font-size: 1.3em; font-weight: normal; } h4 { color:#000000; font-size: 1.2em; font-weight: normal; margin: 15px 0px 3px 0px; } p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 12px; } ul { font-size: 1.1em; line-height: 1.4em; } .indentli { margin-left: 20px; list-position: inside; } .large { font-size: 1.4em; margin-top: 12px; } .nomargin { margin-top: 0px; } .greyul { margin-left: 20px; list-style-image: url(../images/grey-arrow.gif); list-position: inside; } .pinkul { margin-left: 20px; list-style-image: url(../images/pink-arrow.gif); list-position: inside; } .secondgreyul { margin-left: 40px; list-style-image: url(../images/grey-arrow.gif); list-position: inside; } .secondpinkul { margin-left: 40px; list-style-image: url(../images/pink-arrow.gif); list-position: inside; } .thirdpinkul { margin-left: 60px; list-style-image: url(../images/pink-arrow.gif); list-position: inside; } .padtop { margin-top: 3px; } .padleft { margin-left: 65px; } .lineabove { border-top: 1px solid #d7d7d7; padding-top: 12px; margin-top: 12px; } .listtop { margin-top: 8px; font-weight: bold; margin-bottom: 4px; padding-bottom: 0px; } .listbottom { margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; font-size: 0.1em; } .listindent { margin-top: 8px; margin-left: 8px; } .portfolio { margin: 10px 0px 0px 0px; } .padmore { margin-top: 18px; } .secret { display: none; visibility: hidden; } .xmark { font-weight: bold; font-size: 1.1em; color: #016abe; margin: 5px 5px 5px 5px; } input.btn { color: #FFFFFF; font-size: 1.4em; font-weight: normal; font-family: Palatino Linotype, Palatino, serif; background-color: #016abe; border: 1px solid #d7d7d7; padding: 5px; margin-bottom: 25px; } input.btnhov { color: #FFFFFF; font-size: 1.4em; font-weight: normal; font-family: Palatino Linotype, Palatino, serif;; background-color: #562b8c; border: 1px solid #d7d7d7; padding: 5px; margin-bottom: 25px; } .logo { border-bottom: 0px; text-decoration: none; position: relative; padding: 21px 0px 0px 32px; } .phonenumber { overflow: hidden; text-decoration: none; position: relative; float: right; color: #FFFFFF; font-size: 1.2em; padding: 21px 25px 0px 0px; } .slogan { font-size: 2.0em; line-height: 0.9em; color: #FFFFFF; margin: 0px 0px 30px 0px; } .subslogan { font-size: 0.8em; color: #DF0185;} .quote { font-size: 1.5em; color: #DF0185; font-weight: bold; } .testimonialp { font-size: 0.9em; line-height: 1.3em; color: #777777; margin-bottom: 12px; } .testimonialtitle { color:#FFFFFF; font-size: 1.2em; font-weight: normal; margin: 0px 0px 0px 0px; } .first { margin-top: 12px; } .firstextra { margin-top: 20px; } .blacktext { color: #000000; } .casestudy { font-size: 1.0em; line-height: 1.2em; margin-bottom: 0px; } .breadcrumbs { font-size: 0.9em; } .registration { margin-top: 250px; font-size: 1.0em; } .small { font-size: 0.9em; } .doubleul { color: #3E3E3E; font-size: 1.1em; line-height: 1.4em; list-style: square; list-position: inside; margin: 0px 0px 5px 55px; } .nostyle { list-style: none; } .subcaption { font-size: 0.8em; } .threecol { float: left; position: relative; color: #FFFFFF; width: 135px; margin: 0px 10px 20px 20px; } .white { color: #FFFFFF; } .formtext { color: #3D5F2F; margin: 5px 5px 5px 20px; } .bulletlist { font-size: 1.2em; line-height: 1.4em; margin-left: 20px; list-style: square; list-position: inside; } .underline { z-index: 1; float: left; position: relative; width: 452px; text-align: left; margin-top: 0px; margin-bottom: 10px; border-bottom: 1px solid #dedfe0; font-size: 0.4em; } .leftspace { padding: 0px 0px 0px 20px; } .button { border-bottom: 0px; text-decoration: none; position: relative; padding: 7px 0px 0px 0px; } .bulletlisterror { color: #9D080D; margin: 0px 20px 0px 37px; } .bulletlist { margin: 0px 20px 20px 37px; } .form_secret { visibility: hidden; display: none; } div#page_container { width: 973px; margin: 10px auto 30px auto; padding: 0 0 0 0; text-align: left; } div#page_size_blue_homepage { width: 973px; text-align: left; background: url(../images/blue-main-bottom-homepage.jpg) left bottom no-repeat; background-color: #FFFFFF; } div#page_size_blue { width: 973px; text-align: left; background: url(../images/blue-main-bottom.jpg) left bottom no-repeat; background-color: #FFFFFF; } div#page_size_skyblue { width: 973px; text-align: left; background: url(../images/skyblue-main-bottom.jpg) left bottom no-repeat; background-color: #FFFFFF; } div#page_size_purple { width: 973px; text-align: left; background: url(../images/purple-main-bottom.jpg) left bottom no-repeat; background-color: #FFFFFF; } div#page_size_navy { width: 973px; text-align: left; background: url(../images/navy-main-bottom.jpg) left bottom no-repeat; background-color: #FFFFFF; } div#page_size_green { width: 973px; text-align: left; background: url(../images/green-main-bottom.jpg) left bottom no-repeat; background-color: #FFFFFF; } div#page_left_blue { overflow: hidden; float: left; position: relative; width: 30px; height: 430px; background: url(../images/blue-topleft-bg.jpg) left top no-repeat; } div#page_left_skyblue { overflow: hidden; float: left; position: relative; width: 30px; height: 430px; background: url(../images/skyblue-topleft-bg.jpg) left top no-repeat; } div#page_left_purple { overflow: hidden; float: left; position: relative; width: 30px; height: 430px; background: url(../images/blue-topleft-bg.jpg) left top no-repeat; } div#page_left_navy { overflow: hidden; float: left; position: relative; width: 30px; height: 430px; background: url(../images/navy-topleft-bg.jpg) left top no-repeat; } div#page_left_green { overflow: hidden; float: left; position: relative; width: 30px; height: 430px; background: url(../images/green-topleft-bg.jpg) left top no-repeat; } div#left_column_blue { overflow: hidden; float: left; position: relative; width: 217px; background: url(../images/blue-nav-top.jpg) left top no-repeat; background-color: #046bc6; } div#left_column_skyblue { overflow: hidden; float: left; position: relative; width: 217px; background: url(../images/skyblue-nav-top.jpg) left top no-repeat; background-color: #0089c0; } div#left_column_purple { overflow: hidden; float: left; position: relative; width: 217px; background: url(../images/purple-nav-top.jpg) left top no-repeat; background-color: #5b2d93; } div#left_column_navy { overflow: hidden; float: left; position: relative; width: 217px; background: url(../images/navy-nav-top.jpg) left top no-repeat; background-color: #393b85; } div#left_column_green { overflow: hidden; float: left; position: relative; width: 217px; background: url(../images/green-nav-top.jpg) left top no-repeat; background-color: #398558; } div#left_column_footer_blue { overflow: hidden; float: left; position: relative; width: 217px; height: 290px; background: url(../images/blue-nav-bottom.jpg) left bottom no-repeat; background-color: #046bc6; } div#left_column_footer_blue_slightlylong { overflow: hidden; float: left; position: relative; width: 217px; height: 320px; background: url(../images/blue-nav-bottom.jpg) left bottom no-repeat; background-color: #046bc6; } div#left_column_footer_blue_medium { overflow: hidden; float: left; position: relative; width: 217px; height: 1400px; background: url(../images/blue-nav-bottom.jpg) left bottom no-repeat; background-color: #046bc6; } div#left_column_footer_blue_long { overflow: hidden; float: left; position: relative; width: 217px; height: 1700px; background: url(../images/blue-nav-bottom.jpg) left bottom no-repeat; background-color: #046bc6; } div#left_column_footer_blue_longer { overflow: hidden; float: left; position: relative; width: 217px; height: 1800px; background: url(../images/blue-nav-bottom.jpg) left bottom no-repeat; background-color: #046bc6; } div#left_column_footer_blue_verylong { overflow: hidden; float: left; position: relative; width: 217px; height: 2350px; background: url(../images/blue-nav-bottom.jpg) left bottom no-repeat; background-color: #046bc6; } div#left_column_footer_skyblue { overflow: hidden; float: left; position: relative; width: 217px; height: 252px; background: url(../images/skyblue-nav-bottom.jpg) left bottom no-repeat; background-color: #0089c0; } div#left_column_footer_purple { overflow: hidden; float: left; position: relative; width: 217px; height: 220px; background: url(../images/purple-nav-bottom.jpg) left bottom no-repeat; background-color: #5b2d93; } div#left_column_footer_navy { overflow: hidden; float: left; position: relative; width: 217px; height: 220px; background: url(../images/navy-nav-bottom.jpg) left bottom no-repeat; background-color: #393b85; } div#left_column_footer_green { overflow: hidden; float: left; position: relative; width: 217px; height: 250px; background: url(../images/green-nav-bottom.jpg) left bottom no-repeat; background-color: #398558; } div#right_column_blue_homepage { overflow: hidden; float: left; position: relative; width: 726px; background: url(../images/blue-topright-bg-homepage.jpg) left top no-repeat; } div#right_column_blue { overflow: hidden; float: left; position: relative; width: 726px; background: url(../images/blue-topright-bg.jpg) left top no-repeat; } div#right_column_skyblue { overflow: hidden; float: left; position: relative; width: 726px; background: url(../images/skyblue-topright-bg.jpg) left top no-repeat; } div#right_column_purple { overflow: hidden; float: left; position: relative; width: 726px; background: url(../images/purple-topright-bg.jpg) left top no-repeat; } div#right_column_navy { overflow: hidden; float: left; position: relative; width: 726px; background: url(../images/navy-topright-bg.jpg) left top no-repeat; } div#right_column_green { overflow: hidden; float: left; position: relative; width: 726px; background: url(../images/green-topright-bg.jpg) left top no-repeat; } div#breadcrumbs { overflow: hidden; float: left; position: relative; text-align: left; width: 689px; padding-left: 42px; } div#breadcrumbs p { font-size: 0.9em; padding-top: 20px; } div#homepage_products { overflow: hidden; float: left; position: relative; width: 689px; padding-left: 37px; } div#product_container { overflow: hidden; float: left; position: relative; width: 130px; } div#product_name { overflow: hidden; float: left; position: relative; width: 130px; text-align: center; } div#product_name p { font-size: 0.9em; padding-top: 20px; } div#product_image { overflow: hidden; float: left; position: relative; width: 130px; height: 274px; } div#product_list_container { overflow: hidden; float: left; position: relative; width: 435px; padding: 10px 0px 10px 15px; } div#product_item_container { float: left; position: relative; background-color: #f2f0f4; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; width: 193px; padding: 8px; margin-bottom: 8px; } .spaceright { margin-right: 8px; } div#product_item_container_link { float: left; position: relative; background-color: #f2f0f4; width: 191px; padding: 8px; margin-bottom: 8px; } .blue { border: 1px solid #016abe; } .purple { border: 1px solid #562b8c; } .navy { border: 1px solid #2d3091; } .green { border: 1px solid #398558; } .spaceright { margin-right: 8px; } div#product_text { overflow: hidden; float: left; position: relative; width: 105px; padding-right: 8px; } div#product_text h3 { font-size: 1.2em; } div#product_text p { font-size: 1.0em; padding-top: 10px; } div#product_thumb { overflow: hidden; float: left; position: relative; width: 75px; height: 75px; border: 1px solid #bfbfbf; } div#page_navigation { float: left; position: relative; text-align: center; padding: 20px 0px 0px 0px; } div#homepage_content { float: left; position: relative; width: 630px; padding: 20px 25px 0px 25px; margin-left: 16px; background: url(../images/homepage-content-top.png) left top no-repeat; background-color: #eaeff4; } div#blue_content_left { float: left; position: relative; width: 452px; padding: 20px 0px 0px 0px; margin: 23px 0px 0px 16px; background: url(../images/blue-content-bg.jpg) left top no-repeat; } div#blue_content_full { float: left; position: relative; width: 680px; padding: 20px 0px 0px 0px; margin: 23px 0px 0px 16px; background: url(../images/blue-content-bg.jpg) left top no-repeat; } div#skyblue_content_left { float: left; position: relative; width: 452px; padding: 20px 0px 0px 0px; margin: 23px 0px 0px 16px; background: url(../images/skyblue-content-bg.jpg) left top no-repeat; } div#purple_content_left { float: left; position: relative; width: 452px; padding: 20px 0px 0px 0px; margin: 23px 0px 0px 16px; background: url(../images/purple-content-bg.jpg) left top no-repeat; } div#navy_content_left { float: left; position: relative; width: 452px; padding: 20px 0px 0px 0px; margin: 23px 0px 0px 16px; background: url(../images/navy-content-bg.jpg) left top no-repeat; } div#green_content_left { float: left; position: relative; width: 452px; padding: 20px 0px 0px 0px; margin: 23px 0px 0px 16px; background: url(../images/green-content-bg.jpg) left top no-repeat; } div#content_text { width: 400px; padding: 0px 25px 0px 25px; } div#content_text_full { width: 660px; padding: 0px 25px 0px 25px; } div#content_right { float: left; position: relative; width: 218px; padding: 25px 0px 0px 0px; } div#logo { float: left; position: relative; text-align: center; padding: 30px 0px 10px 0px; } div#greybutton { overflow: hidden; float: left; position: relative; text-align: left; background-color: #747474; height: 25px; width: 217px; margin-bottom: 3px; margin-left: 10px; } .greybutton { font-size: 1.2em; padding: 0px 10px 0px 10px; color: #FFFFFF; } .greyoff { background: url(../images/arrow-off.gif) left top no-repeat; } .greyhover { background: url(../images/arrow-hover.gif) left top no-repeat; } div#eventpromo { overflow: hidden; float: left; position: relative; text-align: left; background: url(../images/events-promo-bg.jpg) left top no-repeat; background-color: #747474; height: 132px; width: 217px; margin: 21px 0px 3px 10px; } div#eventpromo p { font-size: 1.0em; line-height: 1.3em; padding: 16px 10px 0px 10px; color: #FFFFFF; } div#eventpromo .largetext { font-size: 1.3em; line-height: 1.2em; } div#award { float: left; position: relative; text-align: center; padding: 10px 0px 10px 0px; } #navigation_box { display: block; float: left; position: relative; list-style: none; } #navigation_box li { } #navigation_box li a { width: 217px; display: block; font-size: 1.0em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; border-bottom: 1px solid #3081cf; padding: 6px 0px 6px 0px; } #navigation_box li a:hover { display: block; background-color: #02457f; } #navigation_box li a:visited { display: block; } #navigation_box li a:active { display: block; background-color: #418ae3; } #navigation_box .hidden { visibility: hidden; display: none; } #navigation_box li .selected { background-color: #004997; } #navigation_box li .sub { border: none; } #navigation_box li a.sub { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #navigation_box li a.subbottom { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border-bottom: 1px solid #3081cf; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #navigation_box li a.sub:hover { display: block; color: #FFFFFF; } #navigation_box li a.sub:visited { display: block; } #navigation_box li a.sub:active { display: block; left top no-repeat; background-color: #418ae3; color: #FFFFFF; } #navigation_box li a.subbottom:hover { color: #FFFFFF; } #navigation_box li a.subbottom:active { display: block; left top no-repeat; background-color: #418ae3; color: #FFFFFF; } #navigation_box li .subselected { background-color: #004997; } #navigation_box li a.subselected { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #navigation_box li a.subselected:hover { display: block; color: #FFFFFF; } #navigation_box li a.subselectedbottom { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border-bottom: 1px solid #3081cf; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #navigation_box li a.subselectedbottom:hover { display: block; color: #FFFFFF; } #navigation_box li a.subselectedbottom:visited { display: block; } #navigation_box li a.subselectedbottom:active { display: block; left top no-repeat; background-color: #418ae3; color: #FFFFFF; } #skyblue_navigation_box { display: block; float: left; position: relative; list-style: none; } #skyblue_navigation_box li { } #skyblue_navigation_box li a { width: 217px; display: block; font-size: 1.0em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; border-bottom: 1px solid #3ea3dc; padding: 6px 0px 6px 0px; } #skyblue_navigation_box li a:hover { display: block; background-color: #006fa4; } #skyblue_navigation_box li a:visited { display: block; } #skyblue_navigation_box li a:active { display: block; background-color: #329bd3; } #skyblue_navigation_box .hidden { visibility: hidden; display: none; } #skyblue_navigation_box li .selected { background-color: #005082; } #skyblue_navigation_box li .sub { border: none; } #skyblue_navigation_box li a.sub { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #skyblue_navigation_box li a.subbottom { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border-bottom: 1px solid #3ea3dc; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #skyblue_navigation_box li a.sub:hover { display: block; color: #FFFFFF; } #skyblue_navigation_box li a.sub:visited { display: block; } #skyblue_navigation_box li a.sub:active { display: block; left top no-repeat; background-color: #329bd3; color: #FFFFFF; } #skyblue_navigation_box li a.subbottom:hover { color: #FFFFFF; } #skyblue_navigation_box li a.subbottom:active { display: block; left top no-repeat; background-color: #418ae3; color: #FFFFFF; } #skyblue_navigation_box li .subselected { background-color: #005082; } #skyblue_navigation_box li a.subselected { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #skyblue_navigation_box li a.subselected:hover { display: block; color: #FFFFFF; } #skyblue_navigation_box li a.subselectedbottom { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border-bottom: 1px solid #3ea3dc; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #skyblue_navigation_box li a.subselectedbottom:hover { display: block; color: #FFFFFF; } #skyblue_navigation_box li a.subselectedbottom:visited { display: block; } #skyblue_navigation_box li a.subselectedbottom:active { display: block; left top no-repeat; background-color: #329bd3; color: #FFFFFF; } #purple_navigation_box { display: block; float: left; position: relative; list-style: none; } #purple_navigation_box li { } #purple_navigation_box li a { width: 217px; display: block; font-size: 1.0em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; border-bottom: 1px solid #7644ad; padding: 6px 0px 6px 0px; } #purple_navigation_box li a:hover { display: block; background-color: #28173f; } #purple_navigation_box li a:visited { display: block; } #purple_navigation_box li a:active { display: block; background-color: #67399f; color: #FFFFFF; } #purple_navigation_box .hidden { visibility: hidden; display: none; } #purple_navigation_box li .selected { background-color: #43226c; } #purple_navigation_box li .sub { border: none; } #purple_navigation_box li a.sub { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #purple_navigation_box li a.subbottom { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border-bottom: 1px solid #7644ad; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #purple_navigation_box li a.sub:hover { display: block; color: #FFFFFF; } #purple_navigation_box li a.sub:visited { display: block; } #purple_navigation_box li a.sub:active { display: block; left top no-repeat; background-color: #67399f; color: #FFFFFF; } #purple_navigation_box li a.subbottom:hover { color: #FFFFFF; } #purple_navigation_box li a.subbottom:active { display: block; left top no-repeat; background-color: #67399f; color: #FFFFFF; } #purple_navigation_box li .subselected { background-color: #43226c; } #purple_navigation_box li a.subselected { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #purple_navigation_box li a.subselected:hover { display: block; color: #FFFFFF; } #purple_navigation_box li .subselectedbottom { background-color: #43226c; } #purple_navigation_box li a.subselectedbottom { width: 217px; display: block; font-size: 0.8em; color: #FFFFFF; font-weight: normal; border-bottom: 1px solid #7644ad; text-decoration: none; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #purple_navigation_box li a.subselectedbottom:hover { display: block; color: #FFFFFF; } #purple_navigation_box li a.subselectedbottom:visited { display: block; } #purple_navigation_box li a.subselectedbottom:active { display: block; left top no-repeat; background-color: #67399f; color: #FFFFFF; } #navy_navigation_box { display: block; float: left; position: relative; list-style: none; } #navy_navigation_box li { } #navy_navigation_box li a { width: 217px; display: block; font-size: 1.0em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; border-bottom: 1px solid #5352a0; padding: 6px 0px 6px 0px; } #navy_navigation_box li a:hover { display: block; background-color: #464693; } #navy_navigation_box li a:visited { display: block; } #navy_navigation_box li a:active { display: block; background-color: #67399f; color: #FFFFFF; } #navy_navigation_box .hidden { visibility: hidden; display: none; } #navy_navigation_box li .selected { background-color: #131f64; } #navy_navigation_box li .sub { border: none; } #navy_navigation_box li a.sub { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #navy_navigation_box li a.subbottom { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border-bottom: 1px solid #5352a0; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #navy_navigation_box li a.sub:hover { display: block; color: #FFFFFF; } #navy_navigation_box li a.sub:visited { display: block; } #navy_navigation_box li a.sub:active { display: block; left top no-repeat; background-color: #67399f; color: #FFFFFF; } #navy_navigation_box li a.subbottom:hover { color: #FFFFFF; } #navy_navigation_box li a.subbottom:active { display: block; lef top no-repeat; background-color: #67399f; color: #FFFFFF; } #navy_navigation_box li .subselected { background-color: #131f64; } #navy_navigation_box li a.subselected { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #navy_navigation_box li a.subselected:hover { display: block; color: #FFFFFF; } #navy_navigation_box li a.subselectedbottom { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border-bottom: 1px solid #5352a0; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #navy_navigation_box li a.subselectedbottom:hover { display: block; color: #FFFFFF; } #navy_navigation_box li a.subselectedbottom:visited { display: block; } #navy_navigation_box li a.subselectedbottom:active { display: block; left top no-repeat; background-color: #67399f; color: #FFFFFF; } #green_navigation_box { display: block; float: left; position: relative; list-style: none; } #green_navigation_box li { } #green_navigation_box li a { width: 217px; display: block; font-size: 1.0em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; border-bottom: 1px solid #56a373; padding: 6px 0px 6px 0px; } #green_navigation_box li a:hover { display: block; background-color: #075f35; } #green_navigation_box li a:visited { display: block; } #green_navigation_box li a:active { display: block; background-color: #54a071; color: #FFFFFF; } #green_navigation_box .hidden { visibility: hidden; display: none; } #green_navigation_box li .selected { background-color: #003b15; } #green_navigation_box li .sub { border: none; } #green_navigation_box li a.sub { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #green_navigation_box li a.subbottom { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border-bottom: 1px solid #56a373; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #green_navigation_box li a.sub:hover { display: block; color: #FFFFFF; } #green_navigation_box li a.sub:visited { display: block; } #green_navigation_box li a.sub:active { display: block; left top no-repeat; background-color: #67399f; color: #FFFFFF; } #green_navigation_box li a.subbottom:hover { color: #FFFFFF; } #green_navigation_box li a.subbottom:active { display: block; lef top no-repeat; background-color: #54a071; color: #FFFFFF; } #green_navigation_box li .subselected { background-color: #003b15; } #green_navigation_box li a.subselected { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; } #green_navigation_box li a.subselected:hover { display: block; color: #FFFFFF; } #green_navigation_box li a.subselectedbottom { width: 217px; display: block; font-size: 0.8em; font-weight: normal; border-bottom: 1px solid #56a373; text-decoration: none; color: #c6c6c6; padding-top: 2px; padding-bottom: 6px; margin-top: 0px; } #green_navigation_box li a.subselectedbottom:hover { display: block; color: #FFFFFF; } #green_navigation_box li a.subselectedbottom:visited { display: block; } #green_navigation_box li a.subselectedbottom:active { display: block; left top no-repeat; background-color: #54a071; color: #FFFFFF; } div#page_footer { overflow: hidden; float: left; position: relative; padding: 0px 0px 20px 0px; width: 973px; } div#copyright { overflow: hidden; float: left; width: 323px; } div#copyright .footer { color: #FFFFFF; font-size: 1.0em; line-height: 1.6em; margin: 10px 0px 10px 33px; } div#telephone { overflow: hidden; float: left; width: 323px; text-align: center;} div#telephone .telephone { color: #959595; font-size: 1.0em; line-height: 1.0em; margin-top: 10px; } div#telephone .largewhite { color: #FFFFFF; font-size: 1.5em; line-height: 0.6em; margin-top: -5px; padding-top: 0px; } div#credit { overflow: hidden; float: left; width: 323px; text-align: right;} div#credit .credit { color: #FFFFFF; font-size: 1.0em; line-height: 1.0em; margin: 32px 30px 10px 0px; } div#blue_footer { width: 973px; height: 30px; text-align: left; background: url(../images/blue-footer-ribbon.jpg) left top no-repeat; margin-bottom: 15px; } div#skyblue_footer { width: 973px; height: 30px; text-align: left; background: url(../images/skyblue-footer-ribbon.jpg) left top no-repeat; margin-bottom: 15px; } div#purple_footer { width: 973px; height: 30px; text-align: left; background: url(../images/purple-footer-ribbon.jpg) left top no-repeat; margin-bottom: 15px; } div#navy_footer { width: 973px; height: 30px; text-align: left; background: url(../images/navy-footer-ribbon.jpg) left top no-repeat; margin-bottom: 15px; } div#green_footer { width: 973px; height: 30px; text-align: left; background: url(../images/green-footer-ribbon.jpg) left top no-repeat; margin-bottom: 15px; } div#page_hero_about { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/hero-about.jpg) left top no-repeat; background-color: #FFFFFF; text-align: left; } div#page_hero_prservices { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/hero-pr-services.jpg) left top no-repeat; background-color: #FFFFFF; text-align: left; } div#page_hero_portfolio { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/hero-portfolio.jpg) left top no-repeat; background-color: #FFFFFF; text-align: left; } div#page_hero_contact { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/hero-contact.jpg) left top no-repeat; background-color: #FFFFFF; text-align: left; } div#homepage_slogan { overflow: hidden; float: right; position: relative; padding: 0px 30px 0px 30px; width: 700px; text-align: right; } div#page_white_homepage { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/white-shadow.gif) left top repeat-x; background-color: #FFFFFF; padding: 20px 0px; text-align: left; } div#homepage_left { overflow: hidden; float: left; position: relative; width: 448px; padding: 0px 0px 0px 32px; } div#homepage_centre { overflow: hidden; float: left; position: relative; width: 195px; border-left: 1px dotted #7F7F7F; padding: 0px 20px 30px 20px; } div#homepage_right { overflow: hidden; float: left; position: relative; width: 211px; padding: 0px 0px 30px 0px; } div#case_study { overflow: hidden; float: left; position: relative; width: 201px; padding-bottom: 5px; } div#case_study_line { overflow: hidden; float: left; position: relative; width: 460px; border-bottom: 1px dotted #7F7F7F; margin-bottom: 25px; } div#case_study_image { overflow: hidden; float: left; position: relative; width: 201px; } div#case_study_black { overflow: hidden; float: left; position: relative; width: 181px; padding: 5px 10px 5px 10px; border-top: 1px solid #DF0185; background: url(../images/white-arrow.gif) right top no-repeat; background-color: #000000; } div#testimonial { overflow: hidden; float: left; position: relative; width: 201px; padding: 20px 0px; } div#testimonial_black { overflow: hidden; float: left; position: relative; width: 181px; padding: 5px 10px 5px 10px; border-bottom: 1px solid #DF0185; background-color: #000000; } div#testimonial_grey { overflow: hidden; float: left; position: relative; width: 181px; padding: 5px 10px 5px 10px; border-bottom: 1px solid #DF0185; background-color: #EEEEEE; } div#centre_column { overflow: hidden; float: left; position: relative; padding: 50px 0px 20px 0px; width: 500px; } div#centre_column_wide { overflow: hidden; float: left; position: relative; padding: 50px 0px 20px 0px; width: 723px; } div#page_breadcrumbs { overflow: hidden; float: left; position: relative; padding-bottom: 5px; width: 500px;} div#page_title { overflow: hidden; float: left; position: relative; border-left: 1px dotted #7F7F7F; padding: 0px 20px 10px 20px; width: 460px;} div#page_title_wide { overflow: hidden; float: left; position: relative; border-left: 1px dotted #7F7F7F; padding: 0px 20px 10px 20px; width: 683px;} div#page_image_wide { overflow: hidden; float: left; position: relative; padding: 0px 0px 10px 0px; width: 723px;} div#page_body { overflow: hidden; float: left; position: relative; padding: 10px 20px 10px 20px; width: 460px; } div#right_column { overflow: hidden; float: left; position: relative; padding: 0px 0px 20px 0px; width: 201px; }