/*---- Self-Clearing Floats ----*/

.mod:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/*---- Fluid Images and Objects ----*/

img,
object,
embed{max-width:100%;}

/*---- Optional Vanity Styles ----*/

img::selection{background:transparent;}
img::-moz-selection{background:transparent;}
@media only screen and (max-device-width:480px) {
	html{-webkit-text-size-adjust:none;}
	a{-webkit-tap-highlight-color:rgba(200,0,0,0.4);}
}


/* ---- Standard Links ---- */

a, a:link, a:visited{color:#779ab4;text-decoration:underline;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;}
a:hover, a:active, a:focus{color:#fff;text-decoration:underline;cursor:pointer;}

/*----------------------------------------------------------------------------------*/

body{background-color:#F5EEDB;color:#222;font:normal 100% Helvetica, Arial, Verdana, sans-serif;}
abbr{cursor:help;}

/* ---- Containers ---- */

#main{margin:0 auto;padding:0;width:958px;height:auto;border-left:1px solid #fff;border-right:1px solid #fff;background-color: #fff;}
#intro {width: 958px; margin: 0; padding: 0; display: block; clear: both; height: auto;}
.downloads {width: 958px; height: auto; margin: 0 auto; padding: 0; display: block; clear: both;}
#brandrelated {width: 958px; min-height: 250px; margin: 0; padding: 0; display: block; clear: both; background: url(../imgs/mktng/brand_bg.jpg) no-repeat;}
#productrelated {width: 958px; min-height: 400px; margin: 0; padding: 0; display: block; clear: both; background: url(../imgs/mktng/prod_bg.jpg) no-repeat;}
.leftCol {width: 375px; display: block; float: left; margin: 40px 0 0 75px; height: auto; padding: 0;}
.rightCol {width: 390px; display: block; float: right; margin: 40px 70px 0 0px; height: auto; padding: 0;}


/* ---- Hero ---- */

#hero{margin:0 auto;padding:0;width:958px;height:253px;background:url(../imgs/mktng/hero.jpg) no-repeat; position: relative;}


/* ---- Navigation --- */

a.homebtn {display: block; clear: both; float: right; margin: 0; padding-right: 58px; width: 45px; height: 45px; text-indent: -9999px; white-space: nowrap; background-image: url(../imgs/pgnav/home_btn.png); background-repeat: no-repeat;}
a.homebtn:hover {background-image: url(../imgs/pgnav/home_btn_ovr.png); background-repeat: no-repeat;}
a.homebtn:active {background-image:url(../imgs/pgnav/home_btn_active.png); background-repeat: no-repeat;}

.nav {width: 958px; height: 100px; margin: 0; padding: 0; display: block; clear: both; background-image: url(../imgs/mktng/nav_bg.jpg); background-repeat: no-repeat;}
.navWrap {width: 860px; margin: 0 auto; padding: 0; display: block; clear: both; height: 100px;}
.nav ul {list-style-type: none;}
.nav ul li{display:inline;}
.nav ul li a {display: block; float: left; width: 172px; height: 100px; margin: 0; padding: 0; text-indent: 100%; overflow: hidden; white-space: nowrap;}

a#eval {background-image: url(../imgs/pgnav/pgNAV_prodeval.png);}
a#eval:hover {background-image: url(../imgs/pgnav/pgNAV_prodeval_ovr.png);}
a#maps {background-image: url(../imgs/pgnav/pgNAV_roadmap.png);}
a#maps:hover {background-image: url(../imgs/pgnav/pgNAV_roadmap_ovr.png);}
a#webi {background-image: url(../imgs/pgnav/pgNAV_webinar.png);}
a#webi:hover {background-image: url(../imgs/pgnav/pgNAV_webinar_ovr.png);}
a#mkt {background-image: url(../imgs/pgnav/pgNAV_mktng_crnt.png);}
a#rma {background-image: url(../imgs/pgnav/pgNAV_rma.png);}
a#rma:hover {background-image: url(../imgs/pgnav/pgNAV_rma_ovr.png);}


/* ---- Typography --- */
   
h1 {font-family: 'robotobold', Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: normal; color: #333; padding: 150px 0 5px 53px; margin: 0;}
h2 {font-family: 'robotobold', Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; color: #FFF; padding: 0 0 0 53px; margin: 0;}
h3 {font-family: 'robotolight', Arial, Helvetica, sans-serif; font-size: 1.25em; font-weight: normal; color: #FFF; padding: 15px 0 0 75px;}
h4 {font-family: 'robotolight', Arial, Helvetica, sans-serif; font-size: .85em; font-weight: normal; color: #333; padding: 0 0 0 115px; text-decoration: none;}
p {font-family: 'robotolight', Arial, Helvetica, sans-serif; font-size: 1.25em; font-weight: normal; color: #333; text-align: left; line-height: 1.5em; margin: 50px;}

/* --- Downlaod Links --- */

a.items {display: block; float: left; width: 390px; height: 30px; background-image: url(../imgs/mktng/zip_icon.jpg); background-repeat: no-repeat; background-position: right; margin: 5px 0; text-decoration: none; font-size: 1em; color: #333; font-family: 'robotoregular', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 30px;}

a.items:hover {background: url(../imgs/mktng/zip_icon_ovr.jpg) no-repeat; background-position: right; color: #32d5b6;}