/*---- 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; height: auto; padding: 0; display: block; clear: both;}
.webinars {width: 860px; height: auto; margin: 0 auto; padding: 0; display: block; clear: both;}
.topics {width: 430px; height: 135px; margin: 0; padding: 0; float: left; background: url(../imgs/webinars/webicon_bg.jpg) no-repeat;}


/* ---- Hero ---- */
#hero{margin:0 auto;padding:0;width:958px;height:253px;background:url(../imgs/webinars/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/webinars/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_crnt.png);}
a#mkt {background-image: url(../imgs/pgnav/pgNAV_mktng.png);}
a#mkt:hover {background-image: url(../imgs/pgnav/pgNAV_mktng_ovr.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: 'robotobold', Arial, Helvetica, sans-serif; font-size: 1.25em; font-weight: normal; color: #333; padding: 35px 0 5px 115px;}
h4 {font-family: 'robotolight', Arial, Helvetica, sans-serif; font-size: .85em; font-weight: normal; color: #333; padding: 0 0 0 115px; text-decoration: none;}
.topics a {text-decoration: none; color: #333;}
.topics a:hover {text-decoration: underline;}
.topics a:active {color: #F68B1D; 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; padding: 50px;}