/*
 Copyright Relevante Marketing, LLC
 Author: Craig Rentmeester  www.craigrentmeester.com
*/

/* For Padding and Margins - top right bottom left */

/* Color Numbers - Red=#852121;  White=#ffffff  Black =#000000  Light Tan=#fcfce8   Dark Tan=#e0dfbc */

/* Cross-browser settings */

/* general styles */
body {  margin: 0px auto;  font: normal, 12px, Helvetica, sans-serif;  overflow:scroll=yes;  overflow-x:hidden;  background: #d2d2a8;
 background-position:top; }

table { margin:0px 0px 10px 10px;}

a { color: #852121; text-decoration:none;}
a:hover { color: #852121;  text-decoration: underline;}
#wrapper {  width: 1012px;  margin: 0px auto;  padding: 0px;  border: 0px solid #383838; background:url(http://relevantemarketing.com/images/bodybg.jpg) repeat-y;  font: 1.0em/120% Arial, Helvetica, sans-serif;}


/* Header */
#headerleft { float: left; width: 600px; height: 150px; background: url(http://relevantemarketing.com/images/headerbg.jpg) repeat-x;
margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px;}

#headerright { float:right; width:400px; height:150px; margin:0px 6px 0px 0px; background: url(http://relevantemarketing.com/images/headerbg.jpg) repeat-x;}

#headerright p{ padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-size: 1.0em; font: Arial, Helvetica, sans-serif;
 color: #000000; background:none;}
 #headerleft  img {border:none;}
#headeright img {border:none;}
#headerright a {text-decoration:none;}
img {border:none;}


/*CSS for Drop Down Menu */

#menuh-container
	{	width: 1000px;	margin: 0px 6px 0px 6px;	}

#menuh
	{	font-size: 12px; 	font-family: arial, helvetica, sans-serif; 	width:100%;	float:left; 	margin:0px 0px 0px 0px;}
		
#menuh a
	{	text-align: center;	display:block;	border: 1px solid #CCCCCC; 	white-space:nowrap; 	margin:0; 	padding: 0.5em;	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{	color: white; 	background: #000000; 	text-decoration:none;	}
	
#menuh a:hover						/* menu on mouse-over  */
	{	color: white;	background: #464646; 	text-decoration:none;	}	
	
#menuh a.top_parentno, #menuh a.top_parentno:hover  /* removes down arrow from all top-parentno */
	{	font-size: 16px;	}
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{	background-image: url(/images/navdown_white.gif); 	background-position: right center; 	background-repeat: no-repeat;
	font-size: 16px;	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{	background-image: url(/images/nav_white.gif);	background-position: right center;	background-repeat: no-repeat;	}

#menuh ul
	{	list-style:none;	margin:0;	padding:0;	float:left;
	width:200px;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */	}

#menuh li
	{	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */	}

#menuh ul ul
	{	position:absolute;	z-index:500;	top:auto;	display:none;	padding: 1em;	margin:-1em 0 0 -1em;	}

#menuh ul ul ul
	{	top:0;	left:100%;	}

div#menuh li:hover
	{	cursor:pointer;	z-index:100;	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */



/* CSS for Banner with Relevante One Line Overview */
#banner{ height:200px; width:1000px; margin:0px 6px 0px 6px; _margin-top:125px; _margin-left:3px; _margin-right:3px; background: url(http://relevantemarketing.com/images/mainbg1.jpg) no-repeat;  position:absolute;}
 
#banner p {color:#FFFFFF; font-size:26px; line-height:40px; font-family:"Times New Roman",Georgia,Serif; font-style:italic; margin: 40px 430px 10px 14px;} 

#ten { float: left; width: 1000px; height: 175px; background: #FFFFFF; margin: 0px 6px 0px 6px; _margin-left:3px; _margin-right:3px; _margin-top:-41px; padding: 0px 0px 0px 0px;}

/* when elements needs space between them, better to use margins. When text or an inner element needs space between the parent box and itself go for paddings. */

/* Main contents */
#contentsfull { float: left; width: 1000px;  margin: 10px 6px 0px 6px; _margin-left:3px; _margin-right:3px; padding: 0px 0px 0px 0px; color:#000000; font-size: 0.85em;
 text-align: left; background:#FFFFFF;}

#contentsfull p { padding-left: 14px; padding-bottom: 3px; padding-right: 10px;}

#contentsfull ul { list-style-image: url('/images/marketing-accent.gif'); line-height: 1.8em; padding-left: 50px;}

.noaccent{ list-style-type: none; list-style-image:none;}

#contentsfull h1 { padding-top: 18px; padding-bottom: 0px; padding-left: 14px; color: #0e0e0d; font: 22px arial, helvetica, sans-serif;
 text-align: left;}

#contentsfull h2 { padding-top: 18px; padding-left: 14px;  padding-bottom: 0px; color: #0e0e0d; font: 22px arial, helvetica, sans-serif; text-align: left;}

#contentsfull h3 { padding-top: 18px; padding-left: 14px;  padding-bottom: 0px; color: #0e0e0d; font: 22px arial, helvetica, sans-serif; text-align: left;}

/* For Use with Related Items Only */
#contentsfull h4 { padding-top: 18px; padding-left: 14px; color: #0e0e0d; font: 22px arial, helvetica, sans-serif; text-align: left;}

#contentsfull a { color: #ba2227;}

#contentsfull img{margin:0px 16px 0px 10px; border:none;}



/* Sidebar */
#leftSide { float: left;}
#rightSide { float: right;}
.sidebar {	width: 200px;	margin: 10px 6px 0px 10px; padding-left: 25px; padding-right: 20px; color: #000000;
	font-size: 0.9em; 	text-align: left;	border-left: 1px solid #cbc9c9;}

.sidebar h5 {padding: 5px 0px 0px 10px; color: #ba2227; border-bottom: 1px solid #cbc9c9;  font: bold 14px Arial, helvetica, sans-serif;  text-align: left;}

.sidebar p { padding: 2px 0px 0px 10px; font: 12px Arial, helvetica, sans-serif;  text-align: left;  align: left; }

.sidebar ul { list-style-image: url('/images/marketing-accent.gif'); border: 0px solid #999999;  padding: 2px 0px 0px 40px;}

.sidebar li { line-height: 0;  list-style-type: none; padding: 2px 0px 2px 0px}

.sidebar a { line-height: normal; padding: 0px 0px 0px 0px; color: #ba2227;  font: 12px Arial, helvetica, sans-serif;  text-align: left;  text-decoration: none;  list-style-type: none;}

.sidebar a:hover { color: #ba2227;  text-decoration: underline; list-style-type: none;}

.sidebar img {border:none;}


/* Main contents */
#contents { float: left; width: 700px;  margin: 10px 10px 0px 6px; _margin-left:3px; _margin-right:3px; padding: 0px 0px 0px 0px; color:#000000; font-size: 0.85em;
 text-align: left; background:#FFFFFF;}

#contents p { padding-left: 14px; padding-bottom: 6px;}

#contents ul { list-style-image: url('/images/marketing-accent.gif'); line-height: 1.8em; padding-left: 50px;}

.noaccent{ list-style-type: none; list-style-image:none;}

#contents h1 { padding-top: 18px; padding-bottom: 0px; padding-left: 14px; color: #0e0e0d; font: 22px arial, helvetica, sans-serif;
 text-align: left;}

#contents h2 { padding-top: 18px; padding-left: 14px;  padding-bottom: 0px; color: #0e0e0d; font: 22px arial, helvetica, sans-serif; text-align: left;}

#contents h3 { padding-top: 18px; padding-left: 14px;  padding-bottom: 0px; color: #0e0e0d; font: 22px arial, helvetica, sans-serif; text-align: left;}

/* For Use with Related Items Only */
#contents h4 { padding-top: 18px; padding-left: 14px; color: #0e0e0d; font: 22px arial, helvetica, sans-serif; text-align: left;}

#contents a { color: #ba2227;}

#contents img{margin:0px 16px 0px 10px; border:none;}




/* Container for Gray Dividing Line */

#line {width: 1000px; margin:0px 6px 0px 6px; background:#FFFFFF; _margin-left:3px; _margin-right:3px;}

 #offerleft {float: left; display:inline; margin: 0px 0px 10px 16px;  height:220px; width:290px; background: #ffffff url(http://relevantemarketing.com/images/offerbg.jpg) repeat-x; border: solid 1px #6f6f6f;}
 #offermiddle {float:left;display:inline;  height:220px; width:290px; margin: 0px 0px 10px 55px; background: #ffffff url(http://relevantemarketing.com/images/offerbg.jpg) repeat-x; border: solid 1px #6f6f6f;}
 #offerright{float:right;display:inline; margin:0px 16px 10px 0px;  height:220px; width:290px; background: #ffffff url(http://relevantemarketing.com/images/offerbg.jpg) repeat-x; border: solid 1px #6f6f6f;}
 
 #offerleft h5 {color:#a1191d;  font: Arial, Helvetica, sans-serif;  font-size:13px;  border-bottom:solid 1px;  padding: 2px 5px 2px 8px;  border-bottom-color:#a1191d;}

 #offermiddle h5 {color:#a1191d;  font:Arial, Helvetica, sans-serif;  font-size:13px;  border-bottom:solid 1px;  padding: 2px 5px 2px 8px;  border-bottom-color:#a1191d;}
 
  #offerright h5 {color:#a1191d;  font: #a1191d Arial, Helvetica, sans-serif;  font-size:13px;  border-bottom:solid 1px;  padding: 2px 5px 2px 8px;  border-bottom-color:#a1191d;}

#offerleft p {font:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 5px 5px 8px;}
#offermiddle p {font:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 5px 5px 8px;}
#offerright p {font:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 5px 5px 8px;}
#offerleft img {border:none;}
#offermiddle  img {border:none;}
#offerright  img {border:none;}

#credit {width:1000px; min-height:210px; margin: 7px 6px 0px 6px; background: #ffffff;}
#credit h6 {color:#a1191d;font: bold 12px Arial, Helvetica, sans-serif; margin: 10px 0px 0px 0px; /*padding: 10px 0px 0px 0px;*/}
#credit h6 a{color:#a1191d;font: bold 12px Arial, Helvetica, sans-serif; margin: 10px 0px 0px 0px; /*padding: 10px 0px 0px 0px;*/}
#credit h6 a:hover{color:#a1191d;font: bold 12px Arial, Helvetica, sans-serif; margin: 10px 0px 0px 0px; /*padding: 10px 0px 0px 0px;*/ text-decoration:underline;}
#credit  p {color:#504f4f;font: 12px Arial, Helvetica, sans-serif; margin: 20px 0px 20px 0px;}
#credit ul {display:inline;color:#504f4f;font-size:11px;float:left;}
#credit ul.ul1 {display:inline; list-style-type: none; width:130px;}
#credit ul.ul2 {display:inline; list-style-type: none; width:180px;}
#credit ul.ul3 {display:inline; list-style-type: none; width:180px;}
#credit ul.ul4 {display:inline; list-style-type: none; width:180px;}
#credit ul.ul5 {display:inline; list-style-type: none; width:130px;}
#credit ul li {margin:0;}
#credit li a {display:inline; color: #504f4f; font: 11px Arial, Helvetica, sans-serif; text-align: left; text-decoration: none;}
#credit a:hover {text-decoration: underline; color: #ba2227;}
#credit a {color: #504f4f; font: 12px Arial, Helvetica, sans-serif; text-decoration: none;}
#credit  img {border:none;}

#contact {clear:both;  width: 1012px;  margin: 0px;  padding: 17px 0px 0px 0px; color: #504f4f; font-size: 0.8em;  text-align: center;
  background-position: bottom;}
#contact  p {color:#504f4f;font: 0.95em Arial, Helvetica, sans-serif; margin: 20px 0px 20px 0px;}
#contact a {display:inline; color: #504f4f; font: 0.95em Arial, Helvetica, sans-serif; text-align: left; text-decoration: none;}
#contact  a:hover {text-decoration: underline; color: #ba2228;}
#contact  img {border:none;}

</style>
@charset "utf-8";
/* CSS Document */