/* CSS Document */

/* Author: Craig Rentmeester */

/* Colors  Red= #ba2227  Black = #0000000   Gray = #cbcbc9   White = #ffffff */

/* Cross-browser settings */
* { margin: 0; padding: 0;}

/* general styles */
body { margin: 20px auto;  width: 100%; position: absolute; top: 0; left: 0; 
background:#FFFFFF;
 font: normal 13px 'Helvetica', 'Arial', sans-serif; background-position: center top;  overflow:scroll=yes;  overflow-X:hidden;
background-attachment:fixed;}

img { border:0;}

a { color: #000000; text-decoration:underline;}

a:hover { color: #ba2227;  text-decoration: underline;}

#wrapper {  width: 900px;  margin: 0px auto;  padding: 0px; border: 0px solid #000000;  background: #FFFFFF;
 font: 1.0em/120% 'Helvetica', sans-serif;}

/* Header */
#header { float: left; width: 840px; height: 90px; margin: 0px 30px 0px 30px; padding: 0px; 
background:url(http://craigrentmeester.com/images/headerbg.gif) no-repeat ; background-position:top; }


/* Homepage Box */
#homepagebox { float: left; width: 797px; height: 344px; margin: 20px 30px 20px 20px; padding: 0px; background:url(http://craigrentmeester.com/images/homepageboxbg.gif) repeat-x ; border: 1px solid #6f6f6f;}
#homepagebox p { padding-left: 20px; padding-bottom: 10px; padding-right: 20px; line-height: 1.4em; color:#000000;}

#homepagebox ul { line-height: 1.8em; padding-left: 50px;}

#homepagebox ol {line-height: 1.8em; padding-left: 50px;}

#homepagebox a:hover {text-decoration: underline; color: #ba2227;}
#homepagebox a {color: #3e3e3e; text-decoration: underline;}
                
#homepagebox h1 { padding-top: 10px;  padding-bottom: 3px; padding-left: 20px; padding-right: 20px;  color: #000000; font-family: "Times New Roman", Times, serif;  font-size:18px; text-align: left; }

#homepagebox h2 { padding-top: 10px;  padding-bottom: 3px; padding-left: 20px; padding-right: 20px; color: #000000; font-family: "Times New Roman", Times, serif;  font-size:16px; text-align: left;}


#menuh-container
	{	width: 840px;	margin: 0px 30px 0px 30px; padding:0px 0px 0px 0px; background:#FFFFFF; float:middle;}
#menuh	p{background:#FFFFFF;}

#menuh	{	font-size: 11px; font-family: arial, helvetica, sans-serif; 	width:100%;	float: inherit; background: #FFFFFF; padding: 0px 0px 0px 0px;}
		
#menuh a  {text-align: center;	display:block;	border: 1px solid #9d9b9b; 	white-space:nowrap; background: url(/images/navback.gif) repeat-x;	margin:0; 	padding: 0.6em;	text-decoration:none; color:#FFFFFF;}

#menuh a:hover						/* menu on mouse-over  */
	{	color: white;	background: url(/images/navfront.gif) repeat-x;	text-decoration:none;	}	
	
#menuh a.top_parentno, #menuh a.top_parent
	{	font-size: 14px; font-weight:bold;	}
	

#menuh ul
	{	list-style:none;	margin:0;	padding:0;	float:left;
	width:140px;	/* 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 */

/* 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 */
#contents { float: left; width: 840px;  margin: 0px 30px 0px 30px; padding: 20px 0px 0px 0px; color:#000000; font-size: 1.0em;
 text-align: left; background:#FFFFFF;/* border-top: 3px solid #cbc9c9;*/ /*background: #ffffff url('/images/bottom.gif') bottom no-repeat;*/}

#contents p { padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top:10px; line-height: 1.4em; color:#000000;}

#contents ul { line-height: 1.8em; padding-left: 50px;}

#contents ol {line-height: 1.8em; padding-left: 50px;}

#contents a:hover {text-decoration: underline; color: #ba2227;}
#contents a {color: #3e3e3e; text-decoration: underline;}

#contents img { margin:0px 20px 0px 0px;}



#contents h1 { padding-top: 10px;  padding-bottom: 3px; padding-left: 20px; padding-right: 20px;  color: #000000; font-size:18px;  font-family:arial, helvetica, sans-serif; text-align: left; }

#contents h2 { padding-top: 10px;  padding-bottom: 3px; padding-left: 20px; padding-right: 20px; color: #000000; font-size:16px; font-family: arial, helvetica, sans-serif; text-align: left;}


#contents h3 { padding-top: 10px;  padding-bottom: 3px; padding-left: 20px; padding-right: 20px; color: #000000;  font-size:16px;font-family: arial, helvetica, sans-serif;  text-align: left; }

/* For Use with Related Items Only */
#contents h4 {  padding-top: 15px;  padding-bottom: 3px; padding-left: 20px; padding-right: 20px; font-size:16px;  color: #000000;  font-family: arial, helvetica, sans-serif; text-align: left; }

/* Promo Boxes */
 #offerleft {float: left; display:inline; margin: 0px 0px 10px 20px;  height:220px; width:220px; background: url(/images/offerbg.jpg) repeat-x;border: solid 1px #6f6f6f;}
 #offermiddle {float:left;display:inline;  height:220px; width:220px; margin: 0px 40px 10px 60px; background: url(/images/offerbg.jpg) repeat-x; border: solid 1px #6f6f6f;}
 #offerright{float:right;display:inline; margin:0px 20px 10px 0px;  height:220px; width:220px; background: url(/images/offerbg.jpg) repeat-x; border: solid 1px #6f6f6f;}
 
 #offerleft h5 {color:#a1191d;   font-family: arial, helvetica, sans-serif; font-size:19px;  border-bottom:solid 1px;  padding: 8px 5px 8px 8px;  border-bottom-color:#9d9b9b;}
 #offermiddle h5 {color:#a1191d;   font-family: arial, helvetica, sans-serif; font-size:19px;  border-bottom:solid 1px;  padding: 8px 5px 8px 8px;  border-bottom-color:#9d9b9b;}
  #offerright h5 {color:#a1191d;   font-family: arial, helvetica, sans-serif;  font-size:19px;  border-bottom:solid 1px;  padding: 8px 5px 8px 8px;  border-bottom-color:#9d9b9b;}
#offerleft p {font:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 5px 5px 8px;}
#offermiddle p {font:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 5px 5px 8px;}
#offerright p {font:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 5px 5px 8px;}
#offerleft img {border:none;}
#offermiddle  img {border:none;}
#offerright  img {border:none;}


#contact { float: left; width: 840px; height: 90px; margin: 0px 30px 20px 30px; padding: 0px 0px 0px 0px; 
background:url(http://craigrentmeester.com/images/footerbg.gif) no-repeat ; background-position:bottom; }
#contact  p {color:#504f4f;font: 0.95em Arial, Helvetica, sans-serif; padding:40px 0px 0px 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;}