/* Universal Settings */
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,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
 margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }
strong { font-weight:bold; }
em { font-style:italic; }
:focus { outline:0; }
ol,ul { list-style:none; }
table { border-collapse:separate;border-spacing:0; }
caption,th,td { text-align:left;font-weight:normal; }
blockquote:before,blockquote:after,
q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

div.bodysizer {
	width: 960px ;
  margin-left: auto ;
  margin-right: auto ;
}

/* HTML Backgrounds */

/* you need to change these two */
html {
	background: url('../webimages/interiors/bg_interior.jpg') repeat-x top left;
}

html.interior {
	background: url('../webimages/interiors/repeat_image2.jpg') repeat-x top left;
}

/* Universal Font Rules */

body {
	
	Font-family:   Helvetica, Arial,Verdana,sans-serif;
	font-size: 15px;
	line-height: 140%;
	color: #4D4444;
}



h2 {
	Font-family: Arial, sans-serif;
	font-size: 22px;
	color: #ED8314;
	font-weight: bold;
}

h3 {
	Font-family: Arial, sans-serif;
	font-size: 20px;
	color: #01356E;
	font-weight: bold;
}

/* */
#topheader {
	height: 123px;
	margin: 0 auto;
	width: 955px;
    position: relative;
}

/* Universal Placement of Logo and Login on top */
/* */
#mainlogo {
	margin-top: 10px;
	display: block;
	width: 190px;
	float: left;
}

#phonenumber {
	
	width: 142px;
	height: 12px;
	margin:0px 0px 0 0;
        position:absolute;
        right:1px;
        top:5px;
	}

/* */

#webinar_button { 
	position:relative;
	top:10px;
	list-style:none;
	width:177px;
	height:50px;
	padding:0;
	margin:13px -4px 0 0;
        position:absolute;
        right:0px;
        top:10px;
        width:177px;
}


/* */
#login_signup { 
	position:relative;
	top:10px;
	list-style:none;
	width:283px;
	height:56px;
	padding:0;
	margin:13px 1px 0 0;
        position:absolute;
        right:0px;
        top:10px;
        width:283px;
}

/* */
#login_signup ul {
	width:283px;
	height:56px;
	padding:0;
	display: block;
}

/* */
#login_signup li { 
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width: 136px;
	height: 56px;
}

/* */
#login_signup li a { 
	background: url('../webimages/universal/signup_login2.gif') top left no-repeat;
	text-indent:-999em;
	padding:0;
	display:block;
	height:50px;
}

/* */
#login_signup li.signup a { 
	background-position:top right;
	width:147px;
}

/* */
#login_signup li.signup a:hover { 
	background-position:bottom right;
	width:147px;
}

/* */
#login_signup li.login_signup a {
	width:136px;
}

/* */
#login_signup li.login_signup a:hover {
	width:136px;
	background-position:bottom left;
}

/* Main Navigation Rules and Placement */

/* */
#main_navigation { 
	clear: both;
	float: left;
	height: 40px;
	margin: 3px 0 0 100px;
	position: relative;
	width: 778px;
	
}

/*  height here is the size showed.  this is key!*/
#main_navigation li {
	margin:0;
	list-style:none;
	padding:0;
	line-height:1.4em;
	display:block;
	position:absolute;
	top:0;
	height:45px;
	width:auto;
}

/*  sam here!!!*/
#main_navigation li a {
	text-indent: -999em;
	display: block;
	height: 45px;
	background: url('../webimages/universal/mainnavigation2.gif') no-repeat;
}

/* don't know if I need these two below */




/* width is width of area.  left is pixel where it begins +1 !!! */
ul#main_navigation li.features{width:119px;left:0px;}
ul#main_navigation li.solutions{width:138px;left:119px;}
ul#main_navigation li.support{width:122px;left:257px;}
ul#main_navigation li.customers{width:146px;left:379px;}
ul#main_navigation li.pricing{width:112px;left:525px;}
ul#main_navigation li.follow_us{width:141px;left:637px;}

/* a and a:hover and a:active.  hover is the same as above.  hover is  */

ul#main_navigation li.features a{width:119px;background-position:0px 0px;}
ul#main_navigation li.features a:hover{width:119px;background-position:0px -45px;}
ul#main_navigation li.features a.active,ul#global_nav li.features a.active:hover{width:119px;background-position:0px -90px;}

ul#main_navigation li.solutions a{width:138px;background-position:-119px 0px;}
ul#main_navigation li.solutions a:hover{width:138px;background-position:-119px -45px;}
ul#main_navigation li.solutions a.active,ul#global_nav li.pricing a.active:hover{background-position:-119px -90px;}

ul#main_navigation li.support a{width:122px;background-position:-257px 0px;}
ul#main_navigation li.support a:hover{width:122px;background-position:-257px -45px;}
ul#main_navigation li.support a.active,ul#global_nav li.customers a.active:hover{background-position:-257px -90px;}

ul#main_navigation li.customers a{width:146px;background-position:-379px 0px;}
ul#main_navigation li.customers a:hover{width:146px;background-position:-379px -45px;}
ul#main_navigation li.customers a.active,ul#global_nav li.resources a.active:hover{background-position:-379px -90px;}

ul#main_navigation li.pricing a{width:112px;background-position:-525px 0px;}
ul#main_navigation li.pricing a:hover{width:112px;background-position:-525px -45px;}
ul#main_navigation li.pricing a.active,ul#global_nav li.support a.active:hover{background-position:-525px -90px;}

ul#main_navigation li.follow_us a{width:141px;background-position:-637px 0px;}
ul#main_navigation li.follow_us a:hover{width:141px;background-position:-637px -45px;}
ul#main_navigation li.follow_us a.active,ul#global_nav li.about a.active:hover{background-position:-637px -90px;}


/* Universal - Footer - Brown Bar going across all pages */

/* */
#footer_area {
	background: #43231D repeat-x 0 0;
	width: 100%;
}
	
/* Universal - placement of footer text content */

/* */
#footer_links{
	text-align:center;
}

/* Universal - color and decoration of footer text content pre-hover */

/* */
#footer_links a{
	color:#FFFFFF;
	text-decoration:none;
}

/* Universal - color and decoration of footer text content on hover */

/* */
#footer_links a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/* Universal - font type and size of footer text */

/* COPY THESE OVER TO GOLDMAIL4 HOMEPAGE*/
#footer_links {
	Font-family: Verdana, Arial, sans-serif;
	font-size:12px; 
}

/* Universal - font type, color, and size of footer copyright text */

/* */
p.copyright_text {
	Font-family:  Arial, sans-serif;
	font-size:12px; 
	color:#FFFFFF
}

/* Interior Pages - Placement of main container */

/* */
#main_placeholder{
	width:955px;
	margin:0 auto; 
	position: relative;
}



/* */
#main_placeholder_end{
	width:100%;
	float:left;
	background:url('../webimages/interiors/bottom_interior.jpg') no-repeat bottom left;
	padding-bottom:7px;
	margin-bottom:1px;
}

/* Interior Pages - Space between main container and footer + extra space after content within main container */

/* */
#main_placeholder_end_subnavigation{
	width:100%;
	float:left;
	background:url('../webimages/interiors/bottom_interior.gif') no-repeat bottom left;
	padding-bottom:7px;
	margin-bottom:17px;
}



/* Interior Pages - Space between main container and header + color of main background */

/* */
#main_section_white{
	width:100%;
	float:left;
	background:#ffffff;
	padding-top:10px;
}

/* Interior Pages - interior container design.  Subnavigation AND Main content area.  Alter for pricing */

/* */
#main_section_white .container{
	background:url('../webimages/interiors/back_filler.gif') repeat-y;
	float:left;
	position:relative;
}

/* Interior Pages - Removes Subnavigation Design and leaves the rest intact.  Definitely Alter for pricing */

/* */
#main_section_white .subnavigation{
	background:url('../webimages/interiors/side_nav_bar_image2.gif') repeat-y;
}

#subnavigation.nonav{
	background:url('../webimages/interiors/sidenav_nosub.gif') repeat-y;
}

#nosubnav {
	background:url('../webimages/interiors/back_filler.gif') repeat-y;
}

/* Interior Pages - Defines placement and size of main header and page placement*/

#main_section_white .under_heading{
	background:url('../webimages/interiors/content_header2.gif') no-repeat left bottom; 
	 
	height:54px; 
	margin-left:0px; 
	padding:0px 0 -40px 0px; 
	padding-left: 25px;
	width:949px;
}

/* Interior Pages - Defines placement and size of main header and page placement*/

#main_section_white .player_error{
/*	background:url('../webimages/interiors/content_header2.gif') no-repeat left bottom; 
	*/ 
	height:320px; 
	margin-left:0px; 
	padding:0px 0 -40px 0px; 
	padding-left: 25px;
	width:949px;
}

/* Interior Pages - Header Font */

#main_section_white .border_casing .under_heading h2{
	font-size:26px;
	margin:3px 0 0 0;
	line-height: 2.0em; 
	color: #01356F;
	text-shadow: 2px 2px 2px #CAC8C9;
}
	
/* Interior Pages - area where content text and pictures and header exists. */
	
#main_section_white .subnavigation .below_content{
	float:left;
	width:660px;
	margin-top:19px;
	padding:0;
	margin-left:235px;
}

#below_content{
	padding-top: 70;
	}
	
#subheading_spacer {
	margin-bottom: 5px;
	}

#below_content_nosub{
	width:850px;
	padding-top: 70;
		width:215px;
	float:left;
	list-style:none;
	margin-left:1px;
	margin-top:0px;
	padding-left:20px;
	position:absolute;
	top:100px;
	left:-20px;}
}


/* Interior Pages - Outer casing border */

/* */
.border_casing{
	width:928px;
	float:left;
}

/* Interior Pages - Subnavigation - Placement. */

/* */
ul#subnavigation{
	width:215px;
	float:left;
	list-style:none;
	margin-left:1px;
	margin-top:0px;
	padding-left:8px;
	position:absolute;
	top:100px;
	left:-20px;}

/* */
ul#subnavigation li
	{list-style:none;
	margin:0;
	padding:0;
	float:left;
}

/* Interior Pages - Subnavigation - Font Style. */

/* */
ul#subnavigation li a{
	width:167px;
	float:left;
	border-bottom:1px solid #D7D8D8;
	border-top:1px solid #fff;
	text-decoration:none;
	font-weight:bold;
	color:#4A4949;
	display:block;
	padding:6px 0;
	line-height:1.7em;
	margin-left:12px;
	Font-family: arial, sans-serif; 
	font-size:12px;
	padding-left:16px;
	position:relative;
	text-shadow :0px 1px 0px #fff;}

/* Interior Pages - Subnavigation - Font Style. On Hover */

/* */
ul#subnavigation li a:hover{color:#ED8314}

/* Interior Pages - Subnavigation - Active Marker - text style and graphic */

/* */
ul#subnavigation li a.active,ul#subnavigation li a.active:hover{
	color:#181817;
	background:url('../webimages/interiors/marker.jpg') 0px 0 no-repeat;
	width:215px;
	border:0;
	position:relative;
	top:0px;
	left:-1px;
	border:0;
	text-indent:-0px;
	padding-bottom:7px;
}

/* Interior Pages - Subnavigation - ? */

/* */
ul#subnavigation li a.first{
	border-top:2;
}

/* Interior Pages - space between image and text within main content section */

/* */
#under_text_content_dash {
	margin-bottom: 5px;
	text-align:left;
	width: 657px;
	}
	


/* Interior Pages - space after dash to the bottom of main content section */

/* */
#navigation_for_future {
	background: url('../webimages/interiors/dash.gif') repeat-x;
	padding-top: 5px;