html               { font: 75%/150% Arial, Helvetica, sans-serif; }

body               {
margin: 0;
padding: 0;
background-image: url(../images/bar-bg.gif), url(../images/bg.gif);
background-repeat: no-repeat, repeat-x;
background-position: top left, top left;
}

img                { display: block; float: left; border: 0; }

section,
article,
header,
footer,
nav,
aside,
hgroup             { display: block; }

.expander {
clear:both;
}

/* Start Headings & Text CSS */

@font-face {
    font-family: 'BreeSerifRegular';
    src: url('../fonts/BreeSerif-Regular-webfont.eot');
    src: url('../fonts/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BreeSerif-Regular-webfont.woff') format('woff'),
         url('../fonts/BreeSerif-Regular-webfont.ttf') format('truetype'),
         url('../fonts/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
cursor: default;
font-size: 17px;
color: #444;
font-weight: normal;
margin-bottom: 10px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
cursor: default;
color: #5a5a5a;
margin-bottom: 15px;
}

h3 {
font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
font-size: 27px;
cursor: default;
color: #383F43;
line-height: 35px;
margin: 0px;
}

h4 {
font-size: 12px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
cursor: default;
text-decoration: underline;
}

p {
font-size: 12px;
color: #666;
font-family: Arial, Helvetica, sans-serif;
cursor: default;
line-height: 21px;
}

.bold {
font-weight: bold;	
}

.big {
font-family: 'BreeSerifRegular', Arial, Helvetica, sans-serif;
font-size: 17px;
cursor: default;
color: #9ba9b7;
line-height: 35px;
margin: 0px;	
}

.huge {
font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
font-size: 25px;
margin-bottom: 30px;
color: #4e4e4e;
line-height: 40px;
}

.huge-padded {
font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
font-size: 27px;
margin: 35px 0px 30px 0px;
color: #4e4e4e;
}

.small {
font-size: 11px;
font-weight: normal;
color: #7a7a7a;
line-height: 20px;
}

.green {
color: #7da100;	
}

.link {
font-size: 11px;
text-decoration: underline;
color: #555;	
}

li {
padding-bottom: 5px;
font-weight: bold;	
}

a:link {
color: #6e6e6e;
text-decoration: underline;
}
a:visited {
color: #6e6e6e;
text-decoration: underline;
}
a:active {
color: #6e6e6e;
text-decoration: underline;
}
a:hover {
color: #6e6e6e;
text-decoration: underline;
}

.main-left-sub-left a:link {
color: #6e6e6e;
text-decoration: none;
}
.main-left-sub-left a:visited {
color: #6e6e6e;
text-decoration: none;
}
.main-left-sub-left a:active {
color: #6e6e6e;
text-decoration: none;
}
.main-left-sub-left a:hover {
color: #6e6e6e;
text-decoration: none;
}

.footer-content a:link {
color: #fff;
text-decoration: none;
}
.footer-content a:visited {
color: #fff;
text-decoration: none;
}
.footer-content a:visited {
color: #fff;
text-decoration: none;
}
.footer-content a:active {
color: #fff;
text-decoration: none;
}

/* End Headings & Text CSS */

/* Start Main Site CSS */

.header {
width: 960px;
height: 120px;
margin: 0px auto;
position: relative;	
}

.header p {
float: right;
color: #666;
margin-top: 0px;	
}

.map {
position: absolute;
right: 0px;
bottom: 10px;
}

.logo {
padding-top: 5px;	
}

.login-button {
float: right;
height: 40px;
background: #94be00;
padding: 0px 25px 7px 25px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.login-button p {
color: #fff;
font-weight: bold;
font-size: 13px;
	
}

.steps {
position: absolute;
right: 0px;
top: 75px;
float: right;	
}

.steps ul li {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: normal;
color: #333;	
}

.steps li {
float: left;
padding-left: 25px;
}

.main {
width: 960px;
min-height: 800px;
background: url(../images/main-bg.gif) repeat-x #fff;
margin: 0px auto 20px auto;
padding: 25px;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1),0px 0px 0px transparent;
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1),0px 0px 0px rgba(0,0,0,0);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1),0px 0px 0px transparent;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;			
}

.bar {
width: 100%;
height: 5px;
background: #005BAA;
margin-bottom: 1px;	
}

.main-menu {
width: 100%;
height: 50px;
background: url(../images/menu-bg.gif) repeat-x bottom #eceeef;
}

.featured-home {
width: 960px;
height: 400px;
margin-bottom: 1px;
position: relative;	
}

.home-banner {
width: 960px;
height: 400px;
margin-top: 1px;
}

.banner {
width: 620px;
height: 200px;
float: left;	
}

.box {
width: 220px;
background: #fff;
position: absolute;
bottom: 0px;
right: 70px;
padding: 15px 22px 10px 28px;
opacity: 0.9;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
z-index: 99;	
}

.box p {
color: #5e5e5e;
font-size: 12px;	
}

.featured-box {
width: 280px;
height: 400px;
background: url(../images/box.png) repeat;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1),0px 0px 0px transparent;
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1),0px 0px 0px rgba(0,0,0,0);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1),0px 0px 0px transparent;
position: absolute;
top: 50px;
left: 50px;
padding-top: 5px;
}

.featured-home-bar {
width: 250px;
height: 45px;
margin: 0px 15px;
background: url(../images/bar-bg.gif) repeat-x #9dbd00;	
}

.featured-home-bar h1 {
color: #fff;
padding: 14px 0px 10px 15px;	
}

.main-left {
width: 720px;
float: left;	
}

.main-left-sub {
width: 680px;
float: left;
padding: 40px 20px 20px 20px;	
}

.main-left-sub img {
width: 680px;
height: 250px;
margin-bottom: 25px;	
}

.main-left-sub-left {
width: 180px;
float: left;
padding: 0px 20px 20px 0px;	
}

.main-left-sub-left ul li {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5e5e5e;
font-weight: normal;
}

.main-left-sub-left ul {
padding-left: 0px;
}

.main-left-sub-left li {
border-top: 1px solid #dedede;
padding: 15px 0px;
}

img.case-study-left {
width:180px;
height:200px;
}

.main-left-sub-right {
width: 450px;
float: right;
padding: 0px 0px 20px 0px;	
}

.main-left-feature {
width: 210px;
float: left;
padding: 20px 30px 0px 0px;	
}

.main-left-feature img {
margin: 5px 0px 25px 0px;	
}

.main-left-feature h1 {
color: #6a7378;
margin-top: 12px;	
}

.main-left-feature p {
line-height: 19px;	
}

.main-right {
width: 220px;
float: right;
padding-top: 20px;	
}

.main-right img {
width: 210px;
height: 100px;
margin: 20px 0px 20px 0px;	
}

.main-right img .mailing-brands { width:100px; margin:0px; padding:0px}

.brands-left {}

.line {
width: 100%;
height: 1px;
border-top: 1px dotted #d0d0d0;
background: none;
margin: 20px 0px;	
}

.footer {
width: 1010px;
margin: 0px auto;
background-image: url(../images/footer-bg-block.gif), url(../images/footer-bg.gif);
background-color: #1a1a1a;
background-repeat: no-repeat, repeat-x;
background-position: top right, top left;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1),0px 0px 0px transparent;
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1),0px 0px 0px rgba(0,0,0,0);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1),0px 0px 0px transparent;
margin-bottom: 50px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;		
}

.footer-content {
width: 900px;
height: 250px;
margin: 0px auto;
padding: 30px 0px 0px 0px;	
}

.footer-content p {
color: #fff;
text-align: right;
font-weight: bold;
}

.footer-box {
min-width: 150px;
float: left;
margin-right: 40px;	
}

.footer-box ul {
padding-left: 0px;;	
}

.footer-box ul li {
list-style: none;
}

.footer-box li {
margin-left: 0px;
list-style: none;
color: white;
font-weight: normal;
font-size: 12px;
padding: 10px 0px 10px 0px;
border-top: 1px solid #64615d;
font-family: Arial, Helvetica, sans-serif;
}

.partner {
width: 200px;
float: left;
padding-right: 40px;
padding-bottom:15px
}

.partner-right {
width: 200px;
float: right;	
}

.partner img, .partner-right img {
width: 200px;
height: 200px;
}

.case img {
width: 29px;
height: 34px;	
}

.partner p {
padding-bottom: 15px;	
}

/* End Main Site CSS */


.form {
margin: 30px 0px 0px 30px;
}

.contactTable {
font-size: 12px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}

.contactTable th {
vertical-align:top;
padding-right:55px;
text-align:left;
padding-top: 15px;
color: #555;
width: 240px;
}

.contactTable input {
width: 500px;
border: 1px solid #d0d0d0;
margin-top:10px;
background-color: #fff;
height: 25px;
padding-left: 5px;
}

.contactTable textarea {
width:501px;
height: 215px;
max-width:501px;
max-height: 215px;
border: 1px solid #d0d0d0;
margin-top:10px;
background-color: #fff;
}

#submit {
margin: 25px 0px 20px 0px;
background-color: #00A8FF;
color: white;
border: 1px solid #0088CE;
width: 127px;
height: 40px;
font-size: 17px;
font-weight: normal;
}