@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('font-face/helveticaneue-roman-webfont.eot');
    src: url('font-face/helveticaneue-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/helveticaneue-roman-webfont.woff') format('woff'),
         url('font-face/helveticaneue-roman-webfont.ttf') format('truetype'),
         url('font-face/helveticaneue-roman-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueRegularBold';
    src: url('font-face/helveticaneue-bold-webfont.eot');
    src: url('font-face/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/helveticaneue-bold-webfont.woff') format('woff'),
         url('font-face/helveticaneue-bold-webfont.ttf') format('truetype'),
         url('font-face/helveticaneue-bold-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('font-face/helveticaneue-light.eot');
    src: url('font-face/helveticaneue-light.eot?#iefix') format('embedded-opentype'),
         url('font-face/helveticaneue-light.woff') format('woff'),
         url('font-face/helveticaneue-light.ttf') format('truetype'),
         url('font-face/helveticaneue-light.svg#helveticaneue-light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url('font-face/helveticaneue-medium.eot');
    src: url('font-face/helveticaneue-medium.eot?#iefix') format('embedded-opentype'),
         url('font-face/helveticaneue-medium.woff') format('woff'),
         url('font-face/helveticaneue-medium.ttf') format('truetype'),
         url('font-face/helveticaneue-medium.svg#helveticaneue-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-LightItalic';
    src: url('font-face/helveticaneue-lightitalic.eot');
    src: url('font-face/helveticaneue-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('font-face/helveticaneue-lightitalic.woff') format('woff'),
         url('font-face/helveticaneue-lightitalic.ttf') format('truetype'),
         url('font-face/helveticaneue-lightitalic.svg#helveticaneue-lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-MediumItalic';
    src: url('font-face/helveticaneue-mediumitalic.eot');
    src: url('font-face/helveticaneue-mediumitalic.eot?#iefix') format('embedded-opentype'),
         url('font-face/helveticaneue-mediumitalic.woff') format('woff'),
         url('font-face/helveticaneue-mediumitalic.ttf') format('truetype'),
         url('font-face/helveticaneue-mediumitalic.svg#helveticaneue-mediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 15px;
    line-height: 19px;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    color: #000;
    background: #fff url(images/body-bg.jpg) repeat-x 0 128px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }

a img { border: 0; }

h1 { font-size:36px;  padding-bottom:16px;  }
h1 span {color:#23368e; }
h2 { font-size:24px; padding-bottom:21px }
h3 { font-family: 'HelveticaNeue-MediumBold', Arial, sans-serif; padding-bottom:27px; font-size:18px}
h4 { font-family: 'HelveticaNeue-MediumItalic', Arial, sans-serif; padding-bottom:16px; font-size:14px}

ul { padding:9px 0 0 13px; }
li { padding:0 0 8px 21px;  }

blockquote {  font-family: "Myriad Pro", sans-serif;  position:relative; width: 552px; padding-top:40px; padding-left:8px}
blockquote h3 { font-size:21px; }
blockquote h4 { font-size:18px; font-style: oblique;}
blockquote p { font-size:21px !important; line-height:28px !important; }
blockquote .wrap { background:url(images/ql.png) no-repeat 0 0; padding-left:50px;  }
blockquote .inner { background:url(images/qr.png) no-repeat right bottom; padding-right:35px; padding-bottom:20px}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.shell { width:950px; margin:auto; }

#header {font-size:17px ;font-family: 'HelveticaNeue-Light', Arial, sans-serif; padding:24px 0 5px 0; height:100%; } 

#logo { width:352px; font-size:0; line-height:0; float:left; }
#logo a { background:url(images/logo.png) no-repeat 0 0; height:58px; display:block; text-indent:-4000px } 

#header p.contact { float:right; padding:33px 40px 5px 0}
#header p.contact span { font-family: 'HelveticaNeueRegularBold', Arial, sans-serif; }

#navigation { float:right; margin-top:13px}
#navigation ul { list-style:none; height:33px; line-height:33px; padding:0; }
#navigation ul li { display:inline; background:url(images/navigation.png) no-repeat center 0; float:left; border-right:1px solid #fff; padding:0}
#navigation ul li.first { background-position: left top; } 
#navigation ul li.last { background-position: right top; border-right:0; padding-right:9px} 
#navigation ul li a { float:left; padding:0 19px; color:#fff}
#navigation ul li:hover { background-position: center bottom; }
#navigation ul li.active{
	background: #2018b0;
}
#navigation ul li.first { background-position: left bottom; }
#navigation ul li.last:hover { background-position: right bottom; }

#banner { position:relative; margin-bottom:3px; width: 100%;}
#banner img { display:block; } 
#banner h2 { background:url(images/fresh.png) no-repeat 0 0 ; width: 494px;  height: 192px; position:absolute; top:-5px; left:-20px; font-size:0; line-height:0; text-indent:-4000px; }
#banner h2.port { background:url(images/harvest.png) no-repeat 0 0; width: 709px; height: 209px; }
#banner h2.zest { background:url(images/zest.png) no-repeat 0 0 ; width: 457px;  height: 202px;  }
#banner h2.joy { background:url(images/excite.png) no-repeat 0 0 ; width: 709px;  height: 209px; }
#banner h2.surge { background:url(images/surge.png) no-repeat 0 0 ; width: 582px;  height: 177px;  top:10px;  }
#banner h2.hello { background:url(images/hello.png) no-repeat 0 0; width: 709px; height: 209px; }
#banner h3 {  position:absolute; bottom:50px; left:101px; color:#5868be; font-size:26px;  text-align:right; line-height:29px; padding:0; }
#banner h3.cont-s { font-family: 'HelveticaNeue-Light', Arial, sans-serif; bottom:62px; left:418px; }
#banner h3.port-s { font-family: 'HelveticaNeue-Light', Arial, sans-serif; bottom:25px; left:247px; }
#banner h3.zest-s { font-family: 'HelveticaNeue-Light', Arial, sans-serif; bottom:5px; left:225px; color:#5868be; }
#banner h3.joy-s { font-family: 'HelveticaNeue-Light', Arial, sans-serif; bottom:5px; left:220px; color:#706044; }
#banner h3.surge-s { font-family: 'HelveticaNeue-Light', Arial, sans-serif; bottom:8px; left:200px; color:#5c5c5c; }
#banner h3.hello-s { font-family: 'HelveticaNeue-Light', Arial, sans-serif; bottom:22px; left:275px; color:#5c5c5c; }
#banner a.button { font-size:17px; font-family: 'HelveticaNeue-Light', sans-serif; width: 149px; height: 33px; background:url(images/button-bg.png) repeat-x 0 0; display:block; line-height:33px; text-align:center; color:#fff; cursor:pointer; position:absolute; bottom:53px; left:348px; text-shadow:1px 1px 1px #222;}
#banner a.button-cont { position:absolute; bottom:21px; left:481px; }

#main { background:#fff; padding:22px 36px 0 42px; position:relative; height:100%; min-height:350px}

#sidebar { width: 190px; float:left; margin-right:82px; }
#sidebar h3 { font-size:22px; padding:0}
#sidebar ul { list-style:none; font-family: 'HelveticaNeue-Light', Arial, sans-serif;  padding:10px 0 0 0; }
#sidebar ul li { padding:0; }
#sidebar ul li a { color:#0252aa; }
#sidebar ul li a strong { font-family: 'HelveticaNeueRegularBold', Arial, sans-serif; }
#sidebar ul li a:hover { text-decoration:underline; color:#394fb9; }

#content { width: 600px; float:left; font-family: 'HelveticaNeue-Light', Arial, sans-serif; margin-bottom:30px;}
#content h2.small {  font-size:22px; padding-bottom:11px!important; }

.box { width: 246px; display:block; position:absolute; right:40px; top:-12px; font-family: 'HelveticaNeue-Light', sans-serif; color:#fff; font-size:14px; line-height:15px; }
.box .box-top { background: url(images/box-top.png) no-repeat 0 0; height:10px; }
.box .box-cont { background: url(images/box-repeat.png) repeat-y 0 0; padding:22px 24px 42px 33px;  width: 189px;}
.box .box-cont p.quote { font-family: 'HelveticaNeue-LightItalic', Arial, sans-serif; padding-bottom:5px}
.box .box-bottom { background: url(images/box-bottom.png) no-repeat right 0; height:2px; }

#footer { color:#777; font-family:'HelveticaNeueRegular', Arial, sans-serif; padding-bottom:20px; border-top:1px solid #d7d7d7; font-size:12px}
#footer p { padding-top:5px; }
#footer p a { color:#777; }
#footer p a:hover { text-decoration:underline}

#main-post h1 { padding-top:4px; padding-bottom:10px; }
#main-post h4 { font-family: 'HelveticaNeueRegularBoldItalic', Arial, sans-serif; font-size:14px; padding: 6px 0 5px 0;  }
#main-post p { font-size:14px; }
#main-post p.served { padding-bottom:20px; border-bottom:1px solid #d2d2d2; margin-bottom:28px; }

.project { border-bottom:1px solid #d2d2d2; font-family: 'HelveticaNeue-Light', Arial, sans-serif;  margin-bottom:18px; font-size:12px;}
.final { border:0; }
.project p { padding-bottom:21px;}
.project a.view-project { background: url(images/p-buttons.png) no-repeat 0 0; width: 142px; height: 35px; display:block;  line-height:35px; text-align:center; color:#000; margin-bottom:21px;}
.project a.view-project:hover { background-position: 0 -35px;  }