/********************
Site base styles

Start 10.19.2006
Version 6.1.2007

Built by RainStorm Consulting
contact@rainstorminc.com

Please request permission prior to use.
********************/

/**********
1.0 Basic Elements
**********/

body {
	margin: 0;
	padding: 0;
	background: url('/images/bg.gif') top left;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 90%;
	color: #333;
	text-align: center;
}

a:link {
	color: #b10133;
	text-decoration: none;
	border-bottom: 1px dotted #b10133;
}

a:visited {
	color: #999;
	text-decoration: none;
}

a:active {
	color: #b10133;
}

a:hover {
	color: #2e4e68;
	text-decoration: none;
	border-bottom: 1px dotted #2e4e68;
}

/*Use these if you apply a border-bottom to a: elements*/

a img {
	text-decoration: none;
	border: 0 !important;
}

.nohover {
	border: 0 !important;
}

#container {
	width: 830px;
	margin: 0 auto;
	background: url('/images/content/content-container_bg.gif') top left repeat-y;
	text-align: left;
}

/**********
2.0 Branding Container Elements
**********/

/*****
2.1 Basic elements
*****/

#branding-container {
	width: 830px;
	height: 283px;
	background: url('/images/branding/branding-container_bg.gif') top left no-repeat;
}

.alt-nav {
	float: right;
	display: inline;
	list-style-type: none;
	margin: 36px 0 0 0;
	padding: 0;
	text-align: right;
}

.alt-nav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
}

/*****
2.2 Logo elements
*****/

.logo {
	float: left;
}

.logo img {
	margin: 25px 0 0 10px;
}

.logohider {
	display: none;
	margin: 0;
	padding: 0;
}

/*****
2.3 Mainnav elements
*****/

.main-nav {
	float: right;
	width: 195px;
	height: 28px;
	margin: 21px 0 0 190px;
}

.main-nav ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-nav li {
	display: inline;
	list-style-type: none;
	margin: 0 -2px 0 0;
	padding: 0;
}

/* Safari-specific */

html[xmlns*=""] body:last-child .main-nav { margin: 22px 0 0 190px }
    body:last-child:not(:root:root) .main-nav { margin: 22px 0 0 190px }

/*****
2.4 Services nav elements
*****/

.services-nav {
	float: right;
	width: 345px;
	height: 168px;
	margin: 16px 0 0 0;
	_margin: 9px 0 0 0;
}

/* Safari-specific */

html[xmlns*=""] body:last-child .services-nav { margin: 22px 0 0 0 }
    body:last-child:not(:root:root) .services-nav { margin: 22px 0 0 0 }
	
.services-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.services-nav li {
	list-style-type: none;
	margin: -5px 0 0 0;
	padding: 0;
}

/**********
3.0 Content Container Elements
**********/

/*****
3.1 Basic elements
*****/

#content-container {
	float: left;
	width: 100%;
	margin: 0 -240px 0 0;
	padding: 0 10px 0 10px;
}

#content-area {
	margin: 0 230px 0 0;
}

.text-area {
	padding: 0 20px 0 20px;
}
	
/*****
3.2 Sidebar elements
*****/

#sidebar {
	display: block;
	float: right;
	width: 209px;
	margin: 0 10px 0 0;
	padding: 0 0 0 1px;
	background: url('/images/sidebar/line_bg.gif') top left repeat-y;
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
}

/* Product of Month styles here */

.sidebar-prodofmonth, .subnav {
	margin: 20px 0 0 0;
}

/* .sidebar-prodofmonth {
	background: url('/images/sidebar/prodofmonth-scraper_bg.jpg') 20px 0 no-repeat;
	height: xxpx;
}
*/
.sidebar-prodofmonth p {
	margin: 0;
	padding: 5;
	text-align: left;
}

.center {
	text-align: center !important;
}

.prodofmont-headline {
	padding: 5px 5px 0 100px;
}

/* Why Choose Styles here */


.sidebar-whychoose, .subnav {
	margin: 20px 0 0 0;
}

.sidebar-whychoose {
/*	background: url('/images/sidebar/whychoose-buyingpower_bg.jpg') bottom left no-repeat;
*/	height: xxpx;
}

/*  This is the original from when there was a photo to the left
.sidebar-whychoose p {
	margin: 0;
	padding: 0 5px 0 75px;
	text-align: right;
}
*/

.sidebar-whychoose p {
	margin: 0;
	padding: 0 5px 0 5px;
	text-align: left;
}

.sidebar-newslettersignup {
}

.sidebar-newslettersignup p {
	padding: 0 0 0 5px;
}

#sidebar h3 {
	height: 17px;
	margin: 0;
	padding: 2px 0 0 5px;
	background: url('/images/sidebar/h3_bg.gif') left 50% no-repeat;
	font-family: Arial, sans-serif;
	font-size: 135%;
	color: #750625;
	vertical-align: middle;
	text-transform: uppercase;
}

/*  This is the original from when there was a photo to the left
.whychoose-headline {
	padding: 5px 5px 0 100px;
}
*/

.whychoose-headline {
	padding: 5px 5px 0 5px;
}

/**
3.2.1 Subnav elements
**/

.subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.subnav li {
	list-style-type: none;
	margin: 0;
	padding: 3px 0 3px 15px;
	background: url('/images/graphics/double_bullet.gif') 4px 50% no-repeat;
	border-bottom: 1px dotted #b10133;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
}

.subnav a:link {
	border: none;
	color: #333;
	text-decoration: none;
}

.subnav a:active {
	border: none;
	color: #b10133;
	text-decoration: none;
}

.subnav a:visited {
	border: none;
	color: #333;
	text-decoration: none;
}

.subnav a:hover {
	border: none;
	color: #b10133;
	text-decoration: none;
}

/**********
4.0 Supplemental Nav Elements
**********/

/*****
4.1 Basic elements
*****/

#suppnav-container {
	clear: both;
	padding: 10px 0 10px 0;
	background: #b10133 url('/images/suppnav/suppnav_bg.gif') top left repeat-x;
	font-size: 80%;
	color: #fff;
	text-align: center;
	line-height: 90%;
}

#suppnav-container a {
	color: #fff;
	text-decoration: none;
}

#suppnav-container ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#suppnav-container li {
	display: inline;
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 0;
}

/**********
5.0 Font Elements
**********/

/*****
5.1 Header elements
*****/

/*Page title*/
h1 {
	margin: 0 0 0 20px;
	padding: 5px 0 5px 0;
	font-family: Arial, sans-serif;
	font-size: 180%;
	color: #5a7e89;
}

/*Page subtitle*/
h2 {
	padding: 0 0 5px 0;
	font-size: 160%;
	color: #b10133;
}

/*Sidebar heading*/
h3 {
	margin: 4px 0 4px 0;
	padding: 0;
	font-size: 130%;
}

#content-area h3 {
	padding: 6px 0 6px 0;
}

/*Unused as of yet*/
h4 {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 130%;
	color: #b10133;
}

/*Unused as of yet*/
h5 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/*Unused as of yet*/
h6 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/*****
5.2 Page titles
*****/

.pagetitle-container {
	border-bottom: 1px solid #b10133;
}

#pagetitle-home {
	width: 550px;
	height: 30px;
	background: url('/images/pagetitles/pagetitle-home.gif') left no-repeat;
}

#pagetitle-aboutus {
	width: 465px;
	height: 25px;
	background: url('/images/pagetitles/pagetitle-aboutus.gif') left no-repeat;
}

#pagetitle-team {
	width: 465px;
	height: 25px;
	background: url('/images/pagetitles/pagetitle-team.gif') left no-repeat;
}

#pagetitle-solutions {
	width: 465px;
	height: 25px;
	background: url('/images/pagetitles/pagetitle-solutions.gif') left no-repeat;
}

#pagetitle-docmgmt {
	width: 465px;
	height: 25px;
	background: url('/images/pagetitles/pagetitle-docmgmt.gif') left no-repeat;
}

#pagetitle-printing {
	width: 465px;
	height: 25px;
	background: url('/images/pagetitles/pagetitle-printing.gif') left no-repeat;
}


#pagetitle-billing {
	width: 465px;
	height: 25px;
	background: url('/images/pagetitles/pagetitle-billing.gif') left no-repeat;
}

#pagetitle-distribution {
	width: 465px;
	height: 25px;
	background: url('/images/pagetitles/pagetitle-distribution.gif') left no-repeat;
}

#pagetitle-contact {
	width: 465px;
	height: 30px;
	background: url('/images/pagetitles/pagetitle-contact.gif') left no-repeat;
}

#pagetitle-thanks {
	width: 465px;
	height: 30px;
	background: url('/images/pagetitles/pagetitle-thanks.gif') left no-repeat;
}

#pagetitle-error {
	width: 465px;
	height: 30px;
	background: url('/images/pagetitles/pagetitle-error.gif') left no-repeat;
}

#pagetitle-home span, #pagetitle-aboutus span, #pagetitle-team span, #pagetitle-solutions span, #pagetitle-docmgmt span, #pagetitle-printing span, #pagetitle-billing span, #pagetitle-distribution span, #pagetitle-contact span, #pagetitle-thanks span, #pagetitle-error span {
	display: none;
}

/*****
5.3 Other fonts
*****/

.subcontent {
	font-size: 85%;
}

.intro {
	color: #b10133;
	font-size: 120%;
	font-weight: bold;
}

.center {
	text-align: center;
}

address {
	font-style: normal;
	margin: 15px 0 0 0;
}

.highlight {
	color: #2954a8;
}

/**********
6.0 Form Elements
**********/

/*****
6.1 Basic form elements
*****/

#standard_form {
	margin: 10px;
}

#standard_form fieldset {
	margin: 0 0 10px 0;
	padding: 10px;
	/*border: 0 !important;*/
	border: 1px solid #333;
}

#standard_form legend {
	font-size: 110%;
	font-weight: bold;
}

#standard_form label {
}

#standard_form input, #standard_form textarea {
	margin: 5px 0 5px 0;
	border-top: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	background: #eee;
	vertical-align: middle;
}

#standard_form input:focus, #standard_form textarea:focus {
	margin: 5px 0 5px 0;
	background: #f3f6bd;
}

#form_submit_button {
	padding: 5px;
	border: 1px solid #000;
	background: #b71a45 !important;  /*change this to match your site's colors */
	font-family: inherit;
	color: #fff;
	font-weight: bold;
}

#form_align_table {
}

#form_align_table .alignbox {
	padding: 0 0 0 10px;
}

.form_required {
	font-weight: bold;
}

.form_explain {
	padding: 0 0 0 5px;
	font-size: 85%;
	color: #999;
	font-style: italic;
}

/**********
7.0 Etc. Elements
**********/

/*****
2.1 Structure elements
*****/

.hide {
	display: none;
}

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

.middle {
	vertical-align: middle;
}

.divider {
	color: #f9f9f9;
}

/**
2.1.1 Skipnav elements
**/

a.skipcontent:link, a.skipcontent:hover, a.skipcontent:visited  { 
  position: absolute; 
  color: #fff;
  left: 0px; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
} 
  
a.skipcontent:active, a.skipcontent:focus { 
  color: #fff;
  position: static; 
  width: auto; 
  height: auto; 
}

/**
2.1.2 Clearfix elements
**/

.clearfix:after {
    content: "."; 
    clear: both; 
    visibility: hidden;
    display: block; 
    height: 0; 
}

/*
Hides Clearfix from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*****
2.1 Inline page elements
*****/

.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}

.alignright {
	float: right;
	margin: 0 0 5px 5px;
}

.text-right {
	text-align: right;
}

.warning, .confirm {
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 36px;
	background: #eee url('/images/graphics/warning.gif') 5px 50% no-repeat;
	border: 1px dotted #000;
}

.confirm {
	background: #eee url('/images/graphics/confirm.gif') 5px 50% no-repeat;
}


/**********
Colors:
Red: #b10133;
Black: #000;
**********/