/*
Theme Name: eROI Event
Description: Custom theme for eROI Event Website.
Version: 1.0
Author: eROI
Author URI: http://eroi.com


*/



/* Begin Typography & Colors */
/************************************************************************

	Site:		Site name

	Author:		eROI		[www.eroi.com]  

	Client:		Client name		[http://www.url.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Left Navigation
	4 - Main Content
	5 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, 
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
	color:#555;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    background: transparent;
}

body {
    line-height: 1.0;
    background: #333 url(images/bground_lines.jpg);
    color: #f5f5f5;
	text-align: center;
}

a img {
	border: none;
}

a {
	color: #0076a3;
	text-decoration: none;
}

.disappear {
	margin-left: -9999px;
}

.clearer {
	clear: both;
	line-height: 0;
}

a.hidden {
	color: #555;
}
a.hidden:hover {
	text-decoration: underline;
}
div#header a.hidden {
	color: #999;
}
div#quicklinks a.hidden {
	color: #e7e7e7;
	font-weight: normal;
}
h3 a.hidden {
	color: #cb0101;
}
div#newslettersignup a.hidden, div#newslettersignup strong {
	color: #999;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

.alignleft{
	float:left;
	margin-right:15px;
}

div#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font: .75em 'Lucida Sans', Arial, Helvetica, sans-serif;
	padding-bottom: 25px;
}

div#contentwrap {
	
	color: #393939;
}

.siteMap{
	margin:20px 0 0 60px;
}


.siteMap h2{
	font-size:15px;
	text-decoration:underline;
	color:#363636;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:5px;
}



/***********************************************************************
	3 - HEADER STYLES
************************************************************************/

div#header {
	background: #fff url(images/bg_header.jpg) no-repeat bottom center;
	width: 960px;
	margin: 0 auto 0px auto;
	height: 100px;
	position: relative;

	
}

div#logo {
	width: 190px;
	height: 47px;
	background: url(images/logo_eroievent.png) no-repeat top left;
	position: absolute;
	top: 32px;
	left: 30px;
	z-index: 1;
}

div#logolink {
	width: 190px;
	height: 47px;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 5;
}

div#logolink a {
	display: block;
	width: 190px;
	height: 47px;
	z-index: 10;
}

div#logolink p {
	text-transform: uppercase;
	color: #999;
	font: bold 11px Helvetica, Arial, sans-serif;
	position: absolute;
	top: 30px;
	left: 255px;
	white-space: nowrap;
}

div#nav {
	position: absolute;
	top: 57px;
	left: 473px;
}
div#nav ul {
	list-style-type: none;
	padding-left: 22px;
}
div#nav ul li {
	display: block;
	float: left;
	font: bold 11px/1em 'Lucida Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #555;
}
div#nav ul li a {
	color: #555;
	text-decoration: none;
}

li#productNav{
	background-image: url(images/product_features_over.gif);
	background-repeat:no-repeat;
}

li#productNav a{
	display:block;
	background-image: url(images/product_features.gif);
	background-repeat:no-repeat;
	height:15px;
	width:132px;
}

li#productNav a:hover{
	display:block;
	background:none;
	height:15px;
	width:132px;
}

li#blogNav{
	background-image: url(images/blog_over.gif);
	background-repeat:no-repeat;
}

li#blogNav a{
	display:block;
	background-image: url(images/blog.gif);
	background-repeat:no-repeat;
	height:15px;
	width:51px;
}

li#blogNav a:hover{
	display:block;
	background:none;
	height:15px;
	width:51px;
}

li#forumsNav{
	background: url(images/forums_over.gif) no-repeat top left;
	height:15px;
	width:67px;
}

li#forumsNav a{
	display:block;
	background: url(images/forums.gif) no-repeat top left;
}

li#forumsNav a:hover{
	display:block;
	background:none;
	height:15px;
	width:67px;
}

li#helpNav{
	background-image: url(images/help_over.gif);
	background-repeat:no-repeat;
}

li#helpNav a{
	display:block;
	background-image: url(images/help.gif);
	background-repeat:no-repeat;
	height:15px;
	width:51px;
}

li#helpNav a:hover{
	display:block;
	background:none;
	height:15px;
	width:51px;
}

li#contactNav{
	background-image: url(images/contact_over.gif);
	background-repeat:no-repeat;
}

li#contactNav a{
	display:block;
	background-image: url(images/contact.gif);
	background-repeat:no-repeat;
	height:15px;
	width:73px;
}

li#contactNav a:hover{
	display:block;
	background:none;
	height:15px;
	width:73px;
}

li#loginNav{
	background-image: url(images/login_over.gif);
	background-repeat:no-repeat;
}

li#loginNav a{
	display:block;
	background-image: url(images/login.gif);
	background-repeat:no-repeat;
	height:15px;
	width:53px;
}

li#loginNav a:hover{
	display:block;
	background:none;
	height:15px;
	width:53px;
}

li#pricingNav{
	background: url(images/pricing_over.gif) no-repeat;
}

li#pricingNav a{
	display:block;
	background: url(images/pricing.gif) no-repeat;
	height:15px;
	width:65px;
}

li#pricingNav a:hover{
	display:block;
	background:none;
	height:15px;
	width:65px;
}

li#supportNav{
	background-image: url(images/support_over.gif);
	background-repeat:no-repeat;
}

li#supportNav a{
	display:block;
	background-image: url(images/support.gif);
	background-repeat:no-repeat;
	height:15px;
	width:72px;
}

li#supportNav a:hover{
	display:block;
	background:none;
	height:15px;
	width:72px;
}


/***********************************************************************
	4 - BANNER STYLES
************************************************************************/

div#banner {
	width: 960px;
	height: 333px;
	padding-top: 10px;
	margin: 0 auto;
	background: #fff url(images/get_sold_out.jpg) no-repeat bottom center;
	position: relative;
	
	
}

#whitebg{
	background:#fff;
}


div#banner div {
	position: absolute;
	top: 140px;
	left: 675px;
	color: #fff;
	text-align: center;
}

div#banner div p {
	padding-top: 6px;
}

a#calltoaction {
	display: block;
	width: 225px;
	height: 37px;
	background: url(images/btn_checkfeatures.gif) no-repeat top left;
}
a#calltoaction2 {
	display: block;
	width: 225px;
	height: 37px;
	background: url(images/btn_signupforfree.gif) no-repeat top left;
}
div#banner div p a {
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}

/***********************************************************************
	4 - CALLOUTS STYLES
************************************************************************/

div#callouts {
	background: #fff url(images/bg_contentwrap.gif) no-repeat bottom center;
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

div#create, div#collect, div#report {
	width: 220px;
	float: left;
	padding-left: 75px;
	margin-right: 20px;

}

div#create {
	background: url(images/icon_magical.gif) no-repeat top left;
	margin-left:15px;
}
div#collect {
	background: url(images/icon_dollars.gif) no-repeat top left;
}
div#report {
	background: url(images/icon_piechart.gif) no-repeat top left;
	margin-right: 0;
}

div#create p, div#collect p, div#report p, div#create h3, div#collect h3, div#report h3 {
	padding-left: 10px;
}

div.watch {
	background: url(images/callout_divider.gif) no-repeat top left;
	padding: 8px 0;
	margin: 5px 0;
}

div.watch p {
	background: url(images/icon_arrow.gif) no-repeat top left;
	background-position: 0 4px;
	padding-left: 13px !important;
	margin-left: 10px;
}
div.watch a {
	padding:1px;
	font-weight: bold;
	color: #0076a3;
	text-decoration: none;
}
div.watch a:hover {
	text-decoration: underline;
}

div#callouts div.watch p {
	background: none;
	padding-left: 0 !important;
}

div#callouts div.watch p a {
	background: url(images/icon_arrow_blue.gif) no-repeat top left;
	background-position: 0 4px;
	padding-left: 13px !important;
	height: 100%;
}
/***********************************************************************
	4 - QUICKLINKS STYLES
************************************************************************/

div#quicklinks {
	background-image:url(images/transBox_mid.png);
	width: 960px;
	margin: 0 auto;
	min-height: 140px;
	padding: 7px 0 0px 0;

}

div#quicktop{
	background: url(images/transBox_top.png) no-repeat;
	height:9px;
	width:960px;
	margin-top:12px;
}

div#quickbot{
	background: url(images/transBox_bot.png) no-repeat;
	height:9px;
	width:960px;
}


div.quickbox {
	position:relative;
	width: 210px;
	float: left;
	margin: 0 12px;
}

div.quickbox p, div.quickbox ul  {
	font: .9em/1.6em 'Lucida Sans', Arial, Helvetica, sans-serif;
	color:#e7e7e7;
	
}

.quickbox p, div#newslettersignup p, div#newslettersignup form {
	color:#999;
	padding: 0 10px;
}

div.quickbox ul {
	list-style-type: none;
	padding: 3px 0 0 0;
}

div.quickbox ul li {
	line-height: 1.2em;
	padding-bottom: 1em;
}
div.quickbox a {
	font-weight: bold;
	color: #0076a3;
	text-decoration: none;
}

div.quickbox h4 {
	color:#e7e7e7;
	font-weight: bold;
	padding: 0 0 6px 10px;
	border-bottom: 2px solid #4e4e4e;
	margin-bottom: 6px;
}

div.quickbox div.watch p {
	background-position: 0 4px;
	margin-left: 8px;
	padding-left: 12px;
}

div#productfeatures {
	margin-left: 20px;
}
div#newslettersignup {
	padding-right: 0;
}
div#newslettersignup form {
	padding-top: 5px;
}

div#newslettersignup input.textbox {
	padding: 3px 2px;
	border: 2px solid #404040;
	background-color: #707070;
	color: #fff;
	width: 182px;
	margin-bottom: 5px;
	font-size: .9em;
}
div#newslettersignup input.submitbutton {
	margin-left: 90px;
}

div#productnews ul li {
	padding-bottom: 4px;
}

div#productnews a {
	display: block;
	width: 190px;
	padding: 3px 10px;
}


div#productnews a:hover{
	background-color: #000;
}

/***********************************************************************
	5 - PRICING PAGE STYLES
************************************************************************/


.pricebadge{
	background-image:url(images/price_graphic.gif);
	background-repeat:no-repeat;
	width:200px;
	height:80px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;

}

.pricingText{
	margin-top:18px;
	margin-left:10px;
	width:420px;
	float:right;
}	


.pricingText h1{
	font-size:15px;
	font-weight:bold;
	color:#333333;
	
}

.priceformTitle{
	font-size:18px;
	font-weight:bold;
	color:#333333;
	margin-left:32px;

}


/***********************************************************************
	6 - CONTACT FORM STYLES
************************************************************************/

.cformTop{
	margin-top:10px;
	background-image:url(images/cformtop.gif);
	height:20px;
	background-repeat:no-repeat;
	width:580px;
	margin-left:25px;
}


.cformBot{
	background-image:url(images/cformbot.gif);
	height:5px;
	background-repeat:no-repeat;
	width:580px;
	margin-left:25px;
}


#cformsform, #cforms2form, #cforms3form{
	background: url('images/cform_mid.gif') repeat-y top left;
	width:580px;
	padding:0 20px 10px 0;
	margin:-5px 0 0 25px;
	
}

#usermessage2a,#usermessage3a, #usermessagea {
	background: #f0f0f0 url('images/cform_mid.gif') repeat-y left top;
	color: #CA262F;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 0 25px;
	padding: 10px 20px 20px;
	width: 540px;
}

p.cf-sb {
	text-align: center !important;
}

.cf-sb input#sendbutton, .cf-sb input#sendbutton2, .cf-sb input#sendbutton3{
	background: url('images/btn_submit.gif') no-repeat top left;
	width: 150px;
	height: 19px;
	border: 0;
	margin: -5px 0 0 -100px !important;
	cursor: pointer;
}
.cf-sb input#sendbutton2, .cf-sb input#sendbutton3{
	background: url('images/btn_requestaccount_small.gif') no-repeat top left;
	border: none;
	outline: none;
}

.cform textarea {
	width: 260px !important;
	font-size: 12px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}


.cform ol li input, .cform ol li textarea, .cform ol li select{
	margin-left:40px;
}

.cform ol li label{
	color:#777777;
	text-align:left;
	margin-left:30px;
}

.cf-sb input .sendbutton{
	width:150px;
	height:18px;
}

p.contactText{
	color:#999;
	font-weight:bold;
	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size:1.2em;
}


.ast{
	color:#e26e5c;
}

.cform input.cf-box-b {
	margin-left: 40px !important;
}


ol.cf-ol li.cf_li_err {
	border-style: dotted !important;
}

div.failure {
	padding: 20px 0 0 20px;
	color: #CA262F !important;
	font-family: 'Lucida Sans', Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
}

/***********************************************************************
	7.- Jquery Dropshadow
************************************************************************/

.wrap0, .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap0 {
  float:left;
  background:url(images/Shadow.gif) right bottom no-repeat;
}
.wrap1 {
  background:url(images/Shadow180.gif) no-repeat;
}
.wrap2 {
  background:url(images/corner_bl.gif) -18px 100% no-repeat;
}
.wrap3 {
  padding:10px 14px 14px 10px;
  background:url(images/Corner_tr.gif) 100% -18px no-repeat;
}






/***********************************************************************
	8 - FOOTER STYLES
************************************************************************/
div#footer {
	padding: 5px 0 10px 10px;
	font-size: .8em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

div#footer ul {
	list-style-type: none;
	padding-bottom: 3px;
}
div#footer ul li {
	float: left;
	margin-right: 15px;
}
div#footer ul li a {
	text-decoration: none;
	color: #fff;
}

div#footer p {
	color: #ccc;
	float: left;
}

div#poweredby {
	background: url(images/logo_poweredbyeroi.gif) no-repeat top right;
	width: 122px;
	height: 24px;
	float: right;
	margin: -5px 5px 0 0;
}
div#poweredby a {
	display: block;
	width: 100%;
	height: 100%;
}

img#wpstats {
	visibility: hidden;
}