/* Resetting default padding and margin - http://www.clagnut.com/blog/1287/ */
* {margin:0;padding:0;}

/*form {position:relative;top:0;left:0;}*/
img {border:none}
/* end reset */


@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('CartoGothicStd-Book-webfont.eot');
    src: url('CartoGothicStd-Book-webfont.eot?#iefix') format('eot'),
         url('CartoGothicStd-Book-webfont.woff') format('woff'),
         url('CartoGothicStd-Book-webfont.ttf') format('truetype'),
         url('CartoGothicStd-Book-webfont.svg#webfont3Jo4Ril0') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ===== BASICS ====== */

body { background-color: #0d2638; font-size: 11px; font-family: CartoGothicStdBook, arial; color: #5f5f5f; line-height: 1.2em; }

a:link, a:visited, a:active { text-decoration: none; color: #5f5f5f; cursor: hand; }
a:hover { text-decoration: underline; color: #5f5f5f; cursor: hand; }

.clearer { clear:both; }


/* ===== WRAPPER01 ====== */

#wrapper01a { background-image:url(images/bg01.jpg); background-repeat : repeat-x; background-color: #344857; }
#wrapper01b {  }
#wrapper01c { position:relative; left:0; top:0; margin:0 auto; width: 960px; background-color: #f0ebe1; }


/* ===== TOP01 ====== */

#top01 { background-image:url(images/bg02.jpg); background-repeat : repeat-x; background-color: #001b2e; }
#toptable01 { width: 150px; height: 122px; }
#logo01 { padding-left: 29px; padding-top: 20px; }


/* ===== TOPMENU01 ====== */

#topmenu01 { width: 810px; margin-top: 36px; margin-bottom: 10px; }

#topmenu01a { width: 320px; float: left; text-transform: uppercase; font-size: 13px; }
#topmenu01a, #topmenu01a ul { float: left; width: 320px; list-style: none; line-height: 1.4; padding: 0; margin: 0; font-weight: normal; }
#topmenu01a a { display: block; color: #808e97; text-decoration: none; padding: 0px 8px 0px 0px; }
#topmenu01a a:hover { text-decoration: none; color: #ffffff; }
#topmenu01a li { float:left; }

#topmenu01b { width: 325px; float: left; font-size: 14px; color: #ffffff; line-height: 1.2em; }
#topmenu01b a:link, #topmenu01b a:visited, #topmenu01b a:active { text-decoration: none; font-size: 14px; color: #ffffff; line-height: 1.2em; }
#topmenu01b a:hover { text-decoration: underline; font-size: 14px; color: #ffffff; line-height: 1.2em; }

#topmenu01c { width: 165px; float: left; }

#topmenu02 { width: 776px; height: 3px; background-color: #152a39; }

#topmenu03 { width: 960px; height: 3px; background-color: #cbd0d4; }


/* ===== MAIN MENU ====== */

#navbar { position: absolute; left: 135px; top: 68px; height: 55px; font-size: 13px; text-transform: uppercase; z-index: 100; }
#nav, #nav ul { float: left; width: 790px; list-style: none; line-height: 1.0; padding: 0; margin: 0; font-weight: bold; }
#nav a { display: block; color: #e9e0d2; font-weight: bold; text-decoration: none; padding: 11px 15px 0px 14px; }
#nav a.orange { display: block; color: #ec9813; font-weight: bold; text-decoration: none; padding: 11px 15px 0px 14px; }
#nav li { float: left; padding: 0; height: 31px; }

#nav li ul { position: absolute; left: -999em; height: auto; margin-left: 0px; width: 200px; text-transform: none; }
#nav li li { width: auto; background: #001a2d; border-bottom: 1px solid #152a39; }
#nav li ul a { width: 200px; }
#nav li ul ul { margin: 0; margin-top: 0; margin-left: 220px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; color: #ffffff; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; color: #ffffff; }
#nav li:hover, #nav li.sfhover { color: #ffffff; line-height: 1.0em;  }
#nav a:hover { text-decoration: none; color: #ffffff; line-height: 1.0em; }


/* ===== SLIDESHOW ====== */

#photos01 { }

#slideshow01 { position: relative; height: 287px; }
#slideshow01 IMG { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; }
#slideshow01 IMG.active { z-index: 10; opacity: 1.0; }
#slideshow01 IMG.last-active { z-index: 9; }


/* ===== FEATURE BOXES 01 ====== */

#featureboxes01 { width: 906px; margin-top: 11px; margin-left: 32px; margin-bottom: 7px; }

.featurebox01 { width: 278px; height: 123px; background-color: #cbd0d4; padding: 7px 7px 7px 7px; float: left; margin-right: 10px; margin-bottom: 10px; }
.featurebox01a { width: 163px; }
.featurebox01a h1 { font-size: 16px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; }
.featurebox01a ul { margin: 0px 0px 0px 8px; }
.featurebox01a ul li { list-style : url(images/listarrow01.png); margin: 0px 0px 2px 10px; }
.featurebox01a ul li a:link, .featurebox01a ul li a:visited, .featurebox01a ul li a:active { text-decoration: none; font-size: 11px; color: #4a4a4a; }
.featurebox01a ul li a:hover { text-decoration: underline; font-size: 11px; color: #4a4a4a; }
.featurebox01b { }
.featureboxpic01 { border: 5px solid #ffffff; }


/* ===== FEATURE BOXES 02 ====== */

#featureboxes02 { width: 910px; margin-left: 40px; }

.featurebox02 { width: 425px; height: 110px; float: left; margin-right: 30px; margin-bottom: 15px; }
.featurebox02a { width: 425px; height: 4px; background-color: #84909a; margin-bottom: 12px; }
.featurebox02aa { width: 425px; height: 4px; background-color: #84909a; margin-top: 10px; }
.featureboxpic02 { border: 4px solid #ffffff; }
.featurebox02b { width: 305px; }
.featurebox02b h1 { font-size: 16px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; }
.featurebox02b p { padding-bottom: 10px; }
.featurebox02b ul { margin: 0px 0px 0px 8px; }
.featurebox02b ul li { list-style : url(images/listarrow01.png); margin: 0px 0px 2px 10px; }
.featurebox02b ul li a:link, .featurebox01a ul li a:visited, .featurebox01a ul li a:active { text-decoration: none; font-size: 11px; color: #4a4a4a; }
.featurebox02b ul li a:hover { text-decoration: underline; font-size: 11px; color: #4a4a4a; }
.featurebox02c { }
.featurebox02d { border-right: 15px solid #f0ebe1; }


/* ===== WRAPPER02 ====== */

#wrapper02a { background-image:url(images/bg03.jpg); background-repeat : repeat-x; background-color: #0d2638; }
#wrapper02b {  }
#wrapper02c { position:relative; left:0; top:0; margin:0 auto; width: 960px; background-color: #00101c; background-image:url(images/bg04.jpg); background-repeat : repeat-x; }


/* ===== FOOTER01 ====== */

#footer01 { width: 896px; margin-left: 32px; padding-top: 24px; padding-bottom: 40px; color: #989c99; }
#footer01a { width: 716px; float: left; padding-top: 3px; }
#footer01b { width: 180px; float: left; text-align: right; }
#footer01 a:link, #footer01 a:visited, #footer01 a:active { text-decoration: none; font-size: 12px; color: #989c99; }
#footer01 a:hover { text-decoration: underline; font-size: 12px; color: #989c99; }


/* ===== MAIN COPY TABLE 01 ====== */

#maincopytable01 { width: 896px; margin-top: 11px; margin-left: 32px; margin-bottom: 27px; }
#maincopytable01 a:link, #maincopytable01 a:visited, #maincopytable01 a:active { text-decoration: underline; }
#maincopytable01 a:hover { text-decoration: none; }

#maincopytable01a { width: 574px; border-right: 30px solid #f0ebe1; }
#maincopytable01a h1 { font-size: 30px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: bold; padding-top: 15px; padding-bottom: 25px; text-transform: uppercase; }
#maincopytable01a h2 { font-size: 15px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: bold; padding-top: 6px; padding-bottom: 4px; text-transform: uppercase; }
#maincopytable01a p { padding-bottom: 10px; }
#maincopytable01a ul { margin: 0px 0px 10px 18px; }
#maincopytable01a ul li { list-style : url(images/listarrow01.png); margin: 0px 0px 2px 10px; }

.maincopytable01divide01 { width: 574px; height: 7px; background-color: #84909a; margin-top: 15px; }

#maincopytable01b { border-bottom: 10px solid #f0ebe1; }

#maincopytable01c { width: 272px; border-right: 30px solid #f0ebe1; }
#maincopytable01d { width: 272px; }


#maincopytable01e { width: 252px; background-color: #cbd0d4; padding: 0px 20px 20px 20px; }
#maincopytable01e h1 { font-size: 15px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: normal; padding-top: 18px; padding-bottom: 5px; text-transform: uppercase; }
#maincopytable01e h2 { font-size: 15px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.1em; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; }
#maincopytable01e p { padding-bottom: 10px; }
#maincopytable01e ul { margin: 0px 0px 10px 18px; }
#maincopytable01e ul li { list-style : url(images/listarrow01.png); margin: 0px 0px 2px 10px; }
.maincopypic01 { border: 5px solid #ffffff; margin-bottom: 10px; }

.maincopytable01divide02 { width: 252px; height: 7px; background-color: #84909a; margin-top: 15px; }
.maincopytable01divide03 { width: 252px; height: 7px; background-color: #84909a; margin-top: 15px; margin-bottom: 60px; }
.maincopytable01divide04 { width: 252px; height: 7px; background-color: #84909a; margin-top: 15px; margin-bottom: 70px; }
.maincopytable01divide05 { width: 896px; height: 7px; background-color: #84909a; margin-top: 15px; }

#maincopytitlesplit01 { width: 896px; }
#maincopytitlesplit01a { width: 700px; float: left; }
#maincopytitlesplit01b { width: 196px; float: left; padding-top: 25px; }
#maincopytitlesplit01 ul { margin: 0px 0px 10px 18px; }
#maincopytitlesplit01 ul li { list-style : url(images/listarrow01.png); margin: 0px 0px 2px 10px; }


/* ===== PRESS 01 ====== */

#press01 { width: 896px; margin-top: 11px; margin-left: 32px; margin-bottom: 0px; }
#press01 h1 { font-size: 30px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: bold; padding-top: 15px; padding-bottom: 10px; text-transform: uppercase; }


/* ===== PRESS BOXES 01 ====== */

#pressboxes01 { width: 906px; margin-top: 11px; margin-left: 32px; margin-bottom: 7px; }

.pressbox01 { width: 278px; height: 76px; background-color: #cbd0d4; padding: 7px 7px 7px 7px; float: left; margin-right: 10px; margin-bottom: 10px; }
.pressbox01a { width: 176px; padding-top: 5px; border-right: 10px solid #cbd0d4; }
.pressbox01a h1 { font-size: 12px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: normal; padding-bottom: 10px; text-transform: uppercase; }
.pressbox01b { }
.pressboxpic01 { border: 5px solid #ffffff; }


/* ===== MAIN COPY TABLE - CASE STUDIES 01 ====== */

#maincopytable-casestudy01 { width: 896px; margin-top: 11px; margin-left: 32px; margin-bottom: 27px; }
#maincopytable-casestudy01 a:link, #maincopytable-casestudy01 a:visited, #maincopytable-casestudy01 a:active { text-decoration: underline; }
#maincopytable-casestudy01 a:hover { text-decoration: none; }

#maincopytable-casestudy01 h1 { font-size: 30px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: bold; padding-top: 15px; padding-bottom: 10px; text-transform: uppercase; }
#maincopytable-casestudy01 h2 { font-size: 15px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: bold; padding-top: 6px; padding-bottom: 15px; text-transform: uppercase; }
#maincopytable-casestudy01 h3 { font-size: 14px; font-family: CartoGothicStdBook; color: #4a4a4a; line-height: 1.0em; font-weight: bold; padding-bottom: 15px; }
#maincopytable-casestudy01 p { padding-bottom: 10px; }
#maincopytable-casestudy01 ul { margin: 0px 0px 10px 18px; }
#maincopytable-casestudy01 ul li { list-style : url(images/listarrow01.png); margin: 0px 0px 2px 10px; }
#maincopytable-casestudy01 ol { margin: 0px 0px 15px 25px; }
#maincopytable-casestudy01 ol li { list-style : decimal; margin: 0px 0px 4px 0px; }

#maincopytable-casestudy01 ol li.case2  { list-style-type: lower-alpha; margin: 0px 0px 0px 25px; }

.casestudytable01 { border-right: 6px solid #f0ebe1; }


/* ===== CONTACT ====== */

#contacttable01 { padding-left: 20px; border-bottom: 10px solid #f0ebe1; }

.contacttable01 { width: 100px; border-right: 20px solid #f0ebe1; border-bottom: 5px solid #f0ebe1; }
.contacttable01b { width: 100px; padding-top: 5px; border-right: 20px solid #f0ebe1; border-bottom: 5px solid #f0ebe1; }
.contacttable02 { width: 372px; border-right: 10px solid #f0ebe1; border-bottom: 5px solid #f0ebe1; }
.contacttable02b { width: 372px; border-right: 10px solid #f0ebe1; border-top: 10px solid #f0ebe1; }


.field1 { font-size: 12px; font-family: CartoGothicStdBook; color: #5f5f5f; padding: 2px; height: 14px; width: 372px; border: 1px solid #5f5f5f; background-color: #e2dbcf; }
.field2 { font-size: 12px; font-family: CartoGothicStdBook; color: #5f5f5f; padding: 2px; height: 24px; width: 378px; border: 1px solid #5f5f5f; background-color: #e2dbcf; }
.comments { font-size: 12px; font-family: CartoGothicStdBook; color: #5f5f5f; height: 60px; width: 376px; border: 1px solid #5f5f5f; background-color: #e2dbcf; }