body { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #657865; background: #FFFFFF url(../images/layout/back.gif) top center no-repeat; margin: 0px; padding: 0px; } a { color: #333333; text-decoration: none; } p { font-size: .8em; } .clear { clear: both; } /*//////////////////////////////////////////////////////////////////////////////// globalNav ////////////////////////////////////////////////////////////////////////////////*/ #headerBar { width: 860px; left: 50%; margin-left: -430px; position: relative; background: #FFFFFF url(../images/layout/topBack.gif) bottom center no-repeat; } .branding { float: left; position: absolute; left: 26px; top: 18px; } #headerBar ul { margin: 0px; padding: 20px 0px 0px 0px; background: url(../images/globalNav/topLeft.gif); } #headerBar li { margin: 0px; padding: 0px; list-style: none; float: left; font-weight: bold; } #headerBar a { display: block; height: 80px; } #headerBar .left { height: 80px; width: 174px; background: url(../images/globalNav/topLeft.gif) left; } #headerBar .right { height: 80px; width: 301px; background: url(../images/globalNav/topRight.gif) left; } /* home btn */ #headerBar .a1 a:link, #headerBar .a1 a:visited { background: url(../images/globalNav/home.gif) left; width: 56px; } #headerBar .a1 a:hover { background: url(../images/globalNav/home.gif) right; } /* yourExperiences btn */ #headerBar .a2 a:link, #headerBar .a2 a:visited { background: url(../images/globalNav/yourEscape.gif) left; width: 109px; } #headerBar .a2 a:hover { background: url(../images/globalNav/yourEscape.gif) right; } /* aboutUs btn */ #headerBar .a3 a:link, #headerBar .a3 a:visited { background: url(../images/globalNav/aboutUs.gif) left; width: 81px; } #headerBar .a3 a:hover { background: url(../images/globalNav/aboutUs.gif) right; } /* clients btn */ #headerBar .a4 a:link, #headerBar .a4 a:visited { background: url(../images/globalNav/clients.gif) left; width: 68px; } #headerBar .a4 a:hover { background: url(../images/globalNav/clients.gif) right; } /* contact btn */ #headerBar .a5 a:link, #headerBar .a5 a:visited { background: url(../images/globalNav/contact.gif) left; width: 71px; } #headerBar .a5 a:hover { background: url(../images/globalNav/contact.gif) right; } #headerBar .phoneNo { float: right; position: absolute; top: 46px; right: 26px; } /* on states */ #a1 #headerBar .a1 a, #a1 #headerBar .a1 a:hover { background: url(../images/globalNav/home-on.gif) left; cursor: default; } #a2 #headerBar .a2 a, #a2 #headerBar .a2 a:hover { background: url(../images/globalNav/yourEscape-on.gif) left; cursor: default; } #a3 #headerBar .a3 a, #a3 #headerBar .a3 a:hover { background: url(../images/globalNav/aboutUs-on.gif) left; cursor: default; } #a4 #headerBar .a4 a, #a4 #headerBar .a4 a:hover { background: url(../images/globalNav/clients-on.gif) left; cursor: default; } #a5 #headerBar .a5 a, #a5 #headerBar .a5 a:hover { background: url(../images/globalNav/contact-on.gif) left; cursor: default; } /*//////////////////////////////////////////////////////////////////////////////// imagePanel ////////////////////////////////////////////////////////////////////////////////*/ #imagePanel { width: 860px; left: 50%; margin-left: -430px; position: relative; clear: both; } #imagePanel .left { border-top: 10px solid #FFFFFF; border-right: 8px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; border-left: 10px solid #FFFFFF; float: left; } #imagePanel .right { border-top: 10px solid #FFFFFF; border-right: 10px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; float: right; } #imagePanel .middle { border-top: 10px solid #FFFFFF; border-right: 30px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; float: right; } #imagePanel .single { border-top: 10px solid #FFFFFF; border-right: 20px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; border-left: 10px solid #FFFFFF; float: left; } #imagePanel .textCol { width: 250px; padding: 16px; float: left; } #imagePanel .sectionType { margin-bottom: .4em; } #imagePanel p, #imagePanel h1, #imagePanel h2 { margin-bottom: 1em; } #imagePanel .textCol h1 { font-size: .9em; line-height: 1.2em; font-weight: bold; } #imagePanel .textCol h2 { font-size: .8em; line-height: 1.2em; font-weight: normal; } #imagePanel .heroCopy { float:left; margin:5px 10px 10px 0; width:242px; } #imagePanel .heroImages { float:left; width:332px; } #imagePanel .heroImages .topImage { padding: 10px 0 8px 0 } #imagePanel .video { border-top: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; border-left: 0px solid #FFFFFF; float: left; } #imagePanel .videostill { border-top: 10px solid #FFFFFF; border-right: 8px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; border-left: 10px solid #FFFFFF; float: left; } /*//////////////////////////////////////////////////////////////////////////////// subNav ////////////////////////////////////////////////////////////////////////////////*/ #subNav { float: left; width: 242px; background: url(../images/layout/subLeftEdge.gif) left top no-repeat; list-style: none; margin: 10px 10px 10px 0px; padding: 0px 0px 0px 20px; } #subNav li { background: url(../images/layout/subListTop.gif) left bottom no-repeat; line-height: 1.4em; } #subNav li a, #subNav li a:visited { color: #78BED2; font-size: .7em; background: url(../images/layout/subNavArrow.gif) left center no-repeat; padding: 0px 0px 0px 8px; font-weight: bold; } #subNav li a:hover { color: #5C97A8; } /*//////////////////////////////////////////////////////////////////////////////// primary ////////////////////////////////////////////////////////////////////////////////*/ #primary { width: 860px; left: 50%; margin-left: -430px; position: relative; clear: both; background: #FFFFFF url(../images/layout/contentBack.gif) top repeat-x; line-height: 1.2em; overflow: hidden; } #primary .columnL { width: 348px; float: left; padding: 26px; margin-left: 30px; margin-top: 4px; background-color: #FFFFFF; } #primary .columnR { width: 348px; float: right; padding: 26px; margin-right: 30px; margin-top: 4px; background-color: #FFFFFF; } #primary .columnC { width: 748px; float: left; padding: 26px; margin-left: 30px; margin-right: 30px; margin-top: 4px; background-color: #FFFFFF; } .sectionType {margin: 0px; padding: 0px 0px 0px 8px; position: relative; left: -8px; font-size: .8em; background: url(../images/layout/greenArrowDR.gif) center left no-repeat; color: #bfe18d; display: block; } h1 { font-size: 1.4em; margin-top: -2px; margin-bottom: 0px; color: #53a819; } h2 { font-size: 1.2em; margin-top: 0px; margin-bottom: 30px; color: #53a819; } .heroCopy h1 { font-size: 1.1em; margin-top: 5px; margin-bottom: 20px; color: #53a819; } .columnC h1 { font-size: 1em; margin-top: -2px; margin-bottom: 0px; color: #53a819; } .columnC h2 { font-size: .8em; margin-top: 0px; margin-bottom: 30px; color: #647864; } .center { text-align: center; } .linkR { float: right; } .linkL, .linkR { font-size: .7em; font-weight: bold; margin-top: .3em; padding-left: 8px; background: url(../images/layout/blkArrwRt.gif) no-repeat scroll left center; } .experienceList { list-style: none; margin: 0px 0px; padding: 0px; } .experienceList li { margin: 18px 0px; background: url(../images/layout/listingUnderscore.gif) top no-repeat; clear: both; } .experienceList h1 { font-size: 1em; padding: 18px 0px 0px 0px; } .experienceList p { width: 200px; margin: 4px 0px 0px 0px ; font-size: .7em; } .experienceList img { float: right; padding: 18px 0px 0px 0px; } .contactInfo h2 { font-size: .8em; margin: 8px 0px 0px 0px; font-weight: bold; } .contactInfo h3 { font-size: .7em; margin: 0px; font-weight: normal; } .columnL p, .columnR p { margin: 8px 0px; } .contactInfo a:link, .contactInfo a:visited { color: #7FC31C; font-size: .8em; } .contactInfo a:hover { color: #666666; } /*//////////////////////////////////////////////////////////////////////////////// home list ////////////////////////////////////////////////////////////////////////////////*/ #homeList { list-style: none; padding: 0px; margin: 0px; } #homeList li { background: url(../images/layout/homeListSpacer.gif) top no-repeat; padding: 12px 0px; } #homeList h1 { font-size: .9em; } #homeList p { margin-top: 6px; margin-bottom: 0px; line-height: 1.3em; } #homeList .info { float: left; width: 230px; } #homeList img { float: right; padding: 16px 0px 0px 0px; border: none; } /*//////////////////////////////////////////////////////////////////////////////// experiences page ////////////////////////////////////////////////////////////////////////////////*/ .product { padding: 20px 0px; clear: both; background: url(../images/layout/wideListSpacer.gif) top center no-repeat; font-size: .9em; font-weight: bold; line-height: 1.1em; } .product h1 { font-size: 1.2em; } .product .colL { width: 336px; float: left; } .product .colR { width: 336px; float: right; } /*.product .colR img { width: 343px; height: 105px; }*/ .product .links { list-style: none; margin: 16px 0px 0px 0px; font-size: 1.2em; padding: 0px; } .product .links li.arrowR { float:right; padding-right: 145px; } .product p { line-height: 1.3em; margin: .4em 0em 0em 0em ; } .product .links li a, .product .links li a:visited { color: #000000; font-size: .7em; padding: 0px 0px 0px 8px; font-weight: bold; float: left; background: url("../images/layout/blkArrwRt.gif") left center no-repeat; } .product .links li a:hover { color: #666666; } /*//////////////////////////////////////////////////////////////////////////////// client page ////////////////////////////////////////////////////////////////////////////////*/ #logoPanel { width: 860px; left: 50%; margin-left: -430px; position: relative; clear: both; } #logoPanel .logos { width: 766px; float: left; padding-left: 46px;} #logoPanel img { border: 1px solid #e0eff4; margin: 10px 0px 0px 10px; padding: 0px; float: left;} #logoPanel .logoR { margin-right: 10px; } #logoPanel .clear { height: 10px; } .testimonial { background: url(../images/layout/testimonialSpacer.gif) top no-repeat; } #logoPanel h1 { margin-left: 596px; padding-top: 120px; color: #78BED2; font-size: 1.4em; font-weight: normal; } /*//////////////////////////////////////////////////////////////////////////////// footer ////////////////////////////////////////////////////////////////////////////////*/ #footer { width: 800px; left: 50%; margin-left: -400px; position: relative; clear: both; background: url(../images/layout/footerBack.gif) top no-repeat; text-align: center; padding-bottom: 20px; } #footer .copyright { font-size: .8em; padding-top: 12px; color: #BFE18D; } #footer a:link, #footer a:visited { color: #BFE18D; } #footer a:hover { color: #666666; } #footer p { padding-top: 4px; margin: 0px; }