/*
READ THIS FIRST!
This CSS file has been divided into sections for greater maintainability.
Comments in each section describe what types of things go there.
Here is an outline / overview:

general styles
    - body styles
    - reset
    - links
    - headings
    - other elements, tags
    
Helper Styles
    [consistent items with normally just one class]
    - Forms
    - Notifications and Errors
    

Page Structure / Overall Layout
    [skeleton including page furniture, layout for overall containers]
    
page components
    [most of your styles will be in here]
    - Branding
    - Navigation
    - Content Areas
    - Footer
    
overrides

*/




/* ============================================= */

/*Group: General Styles */
/* body styles, reset, default element styles */
/*BeginGroup */

/*@ body styles 
============ */ 
/* set your default font and font size here */

body {
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 62.5%;  /* allows use to use 1em = 10px for layout */
 background: #fff url(/images/BG1.gif) 0 -2px repeat-x;
 color: #000;
 background-color: #fff;
 margin: 0;
 margin-bottom: 10em;
}

a:link {
}

a:visited {
 /*color: #fc0; */
}

a:hover {
}

a:active {
 /* color: #000; */
}




/*@ resets
============ */

form {
    margin: 0;
}

a img {
 border: none;
 text-decoration: none;
}

label {
    font-weight: bold;
}

dt {
    margin: 0;
    font-weight: bold;
}

dd {
    margin: 0;
    margin-bottom: 0.5em;
}

ul, p {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}


/*@ links 
============ */
/* define default link styles */

/*@ resets: headings
============ */

/* these are taken from firefox user-agent css, and mostly to give IE some more sensible defaults */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.17em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	margin: 1.33em 0;
}

h5 {
font-size:0.83em;
margin:1.67em 0
}

h6 {
font-size:0.67em;
margin:2.33em 0;
}


/*@ headings
============ */
/* better to use h1, h2, h3 etc tags than span class="stylex" on */

h1.image {
    margin: 0;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4, h5, h6 {
    font-size: 12px;
}


/*EndGroup General Styles*/









/* ============================================= */

/*Group: Helper Styles */
/* forms, notifications, paginations, etc: consistent items with a class */
/*BeginGroup */


.clear {
 clear: both;
 height: 0;
}

.ir {
 position: relative;
 display: block;
}

span.ir, .ir span.ir {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.hiddenlink {
	display: block;
	position: absolute;
	top: 10px;
	left: 45px;
	background: url(/images/shim.gif);
	width: 40px;
	height: 40px;
	border: none;
}

/*@ forms
============ */

.field_help {
 color: #444;
 font-style: italic;
}

.field_help h5 {
   margin-bottom: 0;
}

.field_help ul, .field_help li {
    margin: 0;
    padding: 0;
}

.field_help ul {
    margin-left: 2em;
}

/*@ notifications and errors
============ */

.status-msg {
 border: 2px solid #050;
 padding: 0 1em;
 margin: 1em 0;
 background: #b4e9ab;
 font-weight: bold;
}

.error-msg {
 border: 2px solid #BD1A00;
 padding: 0 1em;
 margin: 1em 0;
 background: #e9b4ab;
 font-weight: bold;
}


/*EndGroup Helper Styles*/












/* ============================================= */

/*Group: Page Structure */
/* Skeleton including page furniture ---
the header, footer, and the generic layout blocks that make
up a basis for your components to fit snugly into. */
/*BeginGroup */

#main_wrapper {
    margin-right: 1em;
    width: 970px;
}

#header {
 width: 835px;
 height: 102px;
 margin-top: 20px;
 margin-left: 135px;
 background: #fc0 url(/images/BG1.gif) 0 -22px repeat-x;
}

#nav {
 float: left;
 clear: left;
 width: 135px;
 margin-right: 5px;
 margin-top: -130px;
 margin-left: 0;
}


#company_contact_info {
 width: 44.5%;
 float: right;
 height: 90px;
 text-align: center;
 font-size: 12px;
 font-weight: bold;
}

#company_contact_info.sparse #company_contact_info_innertube {
	margin-top: 1.5em;
}

#MainContent {
 margin-top: 5px;
 margin-left: 5px;
 float: left;
 width: 820px;
 font-size: 12px;
 /* margin-left: 140px; */
}



/*EndGroup Page Structure */









/* ============================================= */

/*Group: Page Components */
/* most styles will go in here */
/*BeginGroup */



/*@ Branding
============ */

#header #branding {
 width: 54.5%;
 float: left;
}

#branding h1 {
 margin: 0;
 text-align: center;
}

#company_contact_info_innertube {
 margin: 0 auto;
/* height: 90px; */
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 display: table;
}


#company_contact_info p {
 display: table-cell;
 vertical-align: middle;
 padding: 0 1em;
}

.IEroot #company_contact_info p {
 margin-top: 0px;
 float: left;
}

.IEroot #company_contact_info #quote_link {
 margin-top: 10px;
 float: right;
}

#company_contact_info #quote_link {
  display: table-cell;
 vertical-align: middle;
}

#new_quote {
    display: block;
    margin-top: 10px;
    margin-bottom: 2px;
    border: 1px solid #333;
    background: #333;
    color: #fff;

    text-decoration: none;
    font-family: 'Times New Roman', Times, serif;
    padding: 2px;
    padding-bottom: 4px;
}

#new_quote em {
    font-weight: bold;
    font-style: normal;
    color: red;
    text-decoration: none!important;
}

#new_quote:hover {
    background: #ccc;
    color: blue;
}


/*@ Navigation
============ */

#nav ul, #nav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav img {
    display: block;
    /* fixes IE issue with adding extra margin on image */
}

* html #nav li {
    display: inline;
}

#nav {
    background: #fc0;
}

#navlist a {
 display: block;
 width: 135px;
 height: 30px;
 position: relative;
 text-align: center;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 12px;
 background: #fc0;
}

#navlist a:hover, #navlist .current a {
    background: #000;
    color: #fc0;
}

#nav_home a .ir {
 background-image: url("/images/Nav_r02_c1.gif");
}

#nav_home a:hover .ir,
#nav_home.current a .ir {
 background-image: url("/images/Nav_r02_c1_F2.gif");
}


#nav_whyitworks a .ir {
 background-image: url("/images/Nav_r03_c1.gif");
}

#nav_whyitworks a:hover .ir,
#nav_whyitworks.current a .ir {
 background-image: url("/images/Nav_r03_c1_F2.gif");
}


#nav_advertisers a .ir {
 background-image: url("/images/Nav_r04_c1.gif");
}

#nav_advertisers a:hover .ir,
#nav_advertisers.current a .ir {
 background-image: url("/images/Nav_r04_c1_F2.gif");
}


#nav_mediakit a .ir {
 background-image: url("/images/Nav_r05_c1.gif");
}

#nav_mediakit a:hover .ir,
#nav_mediakit.current a .ir {
 background-image: url("/images/Nav_r05_c1_F2.gif");
}


#nav_aboutus a .ir {
 background-image: url("/images/Nav_r06_c1.gif");
}

#nav_aboutus a:hover .ir,
#nav_aboutus.current a .ir {
 background-image: url("/images/Nav_r06_c1_F2.gif");
}


#nav_testimonials a .ir {
 background-image: url("/images/Nav_r07_c1.gif");
}

#nav_testimonials a:hover .ir,
#nav_testimonials.current a .ir {
 background-image: url("/images/Nav_r07_c1_F2.gif");
}


#nav_pricing a .ir {
 background-image: url("/images/Nav_r08_c1.gif");
}

#nav_pricing a:hover .ir,
#nav_pricing.current a .ir {
 background-image: url("/images/Nav_r08_c1_F2.gif");
}


#nav_locations a .ir {
 background-image: url("/images/Nav_r09_c1.gif");
}

#nav_locations a:hover .ir,
#nav_locations.current a .ir {
 background-image: url("/images/Nav_r09_c1_F2.gif");
}


#nav_samples a .ir {
 background-image: url("/images/Nav_r10_c1.gif");
}

#nav_samples a:hover .ir,
#nav_samples.current a .ir {
 background-image: url("/images/Nav_r10_c1_F2.gif");
}


#nav_partners a .ir {
 background-image: url("/images/partnersbttn.gif");
}

#nav_partners a:hover .ir,
#nav_partners.current a .ir {
 background-image: url("/images/partnersbttnroll.gif");
}



#nav a#nav_home .ir {
 background-image: url("/images/Nav_r02_c1.gif");
}

#nav a#nav_home:hover .ir {
 background-image: url("/images/Nav_r02_c1_F2.gif");
}

.IEroot #nav a:hover {
    zoom: 1; /* fixes IE6 issue with hover states not going off correctly */
    /* and also IE7 hover flicker */
}


/*@ Content
============ */



/*@ Ads
============ */



/*@ footer
============ */



/*EndGroup Page Components */










/* ============================================= */

/*Group: Overrides */
/* with good overall structure, shouldn't have to use this much */
/*BeginGroup */


/*@ IE
============ */



/* OLD, MOSTLY REDUNDANT STUFF 
========================== */

.johnnystyle {
	background-image: url(images/BG2.gif);
	background-repeat: repeat;
}
.johnnystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.boldtxtyellow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.regtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}


/* STUFF FOR THE OLD FUNKY "LAYER" LAYOUT 
============================================= */
#Layer1
{
 left: -8px!important;
 top: -20px!important;
}





/*EndGroup Overrides */