/* 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:"" ""; }

/* HTML Backgrounds */

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

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

/* Universal Font Rules */

body {
	background: url('../webimages/home/front_graphic.jpg') no-repeat 50% 122px;
	Font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #4D4444;
}
/* */
#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;
	}

/* */
#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 -78px;}

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;}




/* Call to Action Section */

/* Call to Action Section - Create, Record, Share*/

/* */
#goldmailsteps {
	width: 958px;
	height: 336px;
	margin: 0 auto;
        position: relative;
}

/* */
#goldmailsteps h1 {
	margin: 5px 0 25px 465px;
	Font-family: Arial, sans-serif;
	font-size: 45px;
	line-height: 52px;
	font-weight: bold;
	color: #F8D039;
}

/* Call to Action Section - Tagline - GoldMail is ....*/

/* */
#goldmailsteps p.goldmailsummary {
	margin-left: 465px;
	margin-top: -10px;
	font-size: 20px;
	line-height: 26px;
	Font-family: Arial, sans-serif;
	color: #FFF;
}

/* */
p.goldmailsummary a {
	text-decoration: none;
	color: #FFF;
}


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

/* home page - below call to action on right-hand side. - background and shape  */

/* */
#featurettes_section {
	margin-top: 8px;
	width: 515px;
	float: right;
	margin-bottom: 40px;
	background-image: url('../webimages/home/divider.gif');
background-repeat: repeat-y;
background-position: 1px 0px; 
}

/* home page - below call to action on right-hand side - width important */





/* 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;
}

#main_section_white2{
	width:100%;
	float:left;
	background:#ffffff;
	padding-top:14px;
}

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

/* */
#main_section_white2 .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_white2 .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_white2 .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;
	margin-bottom: 6px;
}

/* Interior Pages - Header Font */

#main_section_white2 .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;
}