/*
		dark red buttons   D31E0B
		
*/

* {
	margin:0;
	padding:0;
	
	}

body {
background-color:#000;
word-wrap: break-word;
font-family: helvetica, arial;
font-size:90%;
min-width:1000px;
}


/* ----- WRAPPER ----- */


#wrapper {
	margin: 5px auto 0 auto;
	width:1000px;
	background-image:url(images/bg7.jpg);
	background-repeat:no-repeat;
	min-height:560px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:560px; /* for IE5.x and IE6 */
	position: relative;
}

#transparent{
margin: 0px auto 0 auto;
	width:1000px;
	background-image:url(http://www.rickrecht.com/images/transparent.gif);
	background-repeat:no-repeat;
	style="cursor:pointer;"
	min-height:100px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:100px; /* for IE5.x and IE6 */
	position: relative;
}

/* ----- HEADER ----- */



#header {
	width:1000px;
	/*min-height:50px; /* for modern browsers */
	/*height:auto !important; /* for modern browsers */
	/*height:50pxpx; /* for IE5.x and IE6 */
	position: relative;
	color:#fff;
	}

	#header form{
	margin:0;
	padding:0;
	}
	
	#header input {
	margin:0;
	font-size:9pt;
	
	border:solid 1px #fff;
	background-color:#000;
	color:#fff;
	}
	
	#header input:focus {
	border:solid 1px #eee;
	background-color:#111;
	color:#eee;
	}
	
	
/* ----- NAVIGATION ----- */


#navigation {
	padding-top:20px;
	padding-bottom:10px;
	width:1000px;
	z-index:2;
	text-align:center;
	}
	
	#navigation img, #navigation a {
	border:none;
	z-index:2;
	}
	
/* Suckerfish Menu
==========================================*/

#navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }

/* Now we need to transform the first-level list into a horizontal menu bar. There are a number of methods to do this, discussed in detail elsewhere. We could display the list-items inline (display: inline), but for this example, we are going to float them to the left. */

#navigation li {
  display: inline;
  float:left;
  position: relative;
  /* width: .3em; */
  
  }

/* The position has been set to relative because we want the position of the second-level, nested lists to be relative to the first-level list items and the width has been set to space it out a bit. The dropdown menu is coming together. 

The next step is to tackle the second-level lists that will be the dropdowns themselves: */


#navigation li > ul {
  display: none;
  position: absolute; 
  /*top: 1em; */
  /*left: 0; */
  margin-top:1em;
  border: 2px solid #D31E0B;
  background-color: #111;
  padding:.5em;
  z-index:10;
  
   }

/* This positions the second-level lists absolutely (pulling them out of the flow of HTML into a world all of their own) and sets their initial state to not be displayed. If you substitute display: none with display: block, you will see the need for the top and left properties in Internet Explorer, because without them, IE will align the second-level lists to the top right of their relative parent rather than the bottom left. Unfortunately, this IE fix will mess things up in browsers like Opera, so add the following CSS to reset the top and left properties on all but IE browsers: */

#navigation li > ul {
	top: 1em;
	left: 0px;
	width:200px;
	}


/* And now, making the sucker work. To make a second-level list appear when its parent list item is “rolled over,” we simply need to add the following: */

#navigation li:hover > ul, #navigation li.over > ul{ display: block; }



#navigation li > ul > li > a {
	font-weight:normal;
	color:#fff;
	line-height:1.3em;
	width:200px;
        text-align:left;
	display:block;
	text-decoration:none;
	padding:2px;
	}
	#navigation li > ul > li > a:link, #navigation li > ul > li > a:visited {
	background-color: #111;
	color: #FFF;
	
	
}
#navigation li > ul > li > a:hover, #navigation li > ul > li > a:active {
	background-color: #FFF;
	color: #D31E0B;
	
	
}

#navigation li > ul > li.over > a {
	font-weight:normal;
	color:#fff;
	line-height:1.3em;
	
	width:200px;
	text-align:left;
	text-decoration:none;
	padding:2px;
	}
	#navigation li > ul > li.over > a:link, #navigation li > ul > li.over > a:visited {
	background-color: #111;
	color: #FFF;
	
	
}
#navigation li > ul > li.over > a:hover, #navigation li > ul > li.over > a:active {
	background-color: #FFF;
	color: #D31E0B;
	
	
}



#btm_menu {
		}
	
	.btm_menu {
	background-color:#7D9DAC;
	border-top:2px solid #7DB2CC;
	border-right:2px solid #7DB2CC;
	border-left:2px solid #4F636C;
	border-bottom:2px solid #4F636C;
	text-align:center;
	padding:3px 0 3px 0;
	
	font-family:helvetica, arial;
	font-size:8pt;
	color:#111;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	}
	
	.btm_menu:hover {
	cursor:pointer;
	background-color:#CBF0FD;
	
	text-align:center;
	padding:3px 0 3px 0;
	
	font-family:helvetica, arial;
	font-size:8pt;
	color:#FF3333;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	}
	
	.btm_menu:hover a, .btm_menu:hover a:link, .btm_menu:hover a:visited {
	font-family:helvetica, arial;
	font-size:8pt;
	color:#FF3333;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	}
	
	.btm_menu a, .btm_menu a:link, .btm_menu a:visited {
	font-family:helvetica, arial;
	font-size:8pt;
	color:#111;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none
	}
	
	.btm_menu a:active, .btm_menu a:hover {
	font-family:helvetica, arial;
	font-size:8pt;
	color:#FF3333;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	}
	
	
	
	
	
	


/* ----- MAIN CONTENT ----- */



#content-wrapper {
	width:1000px;
	min-height:500px; /* for modern browsers */
	height:500px !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	text-align:left;
	z-index:1;
	
}


#content {
	top:10px;
	left:500px;
	width:450px;
	position: relative;
	z-index:1;
	}

	#content p {
	text-align:justify;
	}
	
	#content .scroller {
	overflow:auto;
	width:450px;
	top: 10px;
	position: relative;
	height:400px;
	z-index:1;
	}
	
	#content .scroller_extra {
	overflow:auto;
	width:450px;
	top: 10px;
	position: relative;
	height:400px;
	z-index:1;
	}
	
		#content .scroller_extra p{
		margin-bottom:1em;
		}
		
		#content .scroller_extra img{
		margin-right:.5em;
		margin-bottom:.5em;
		}
	
	
	
	#content a, #content a:link, #content a:visited{
	color:#D31E0B;
	cursor:pointer;
	}
	
	#content a:hover,#content a:active {
	color:#FF6633;
	cursor:pointer;
	}
	
	#content a.button,#content a.button:link, #content a.button:visited {
	color:#fff;
	font-size:.9em;
	background-color:#D31E0B;
	border:1px solid #fff;
	padding:2px;
	text-decoration:none;
	line-height:1.5em;
	margin:2px 0 2px 0;
	}
	
	#content a.button:hover, #content a.button:active {color:#e2cc81;
	font-size:90%;
	background-color:#FF6633;
	padding:2px;
	text-decoration:none;
	margin:2px 0 2px 0;
	}
	
	
	
	div.thumbnail {
	margin:10px 5px 15px 5px;
	width:130px;
	height:150px;
	float:left;
	word-wrap: break-word;
	}
	
	div.photo {
	width:75px;
	height:75px;
	margin:5px 5px 10px 5px;
	}
	
	div.wallpaper {
	width:200px;
	height:150px;
	margin:5px 5px 10px 5px;
	}
	
	div.aim {
	width:100px;
	height:80px;
	margin:5px 5px 10px 5px;
	text-align:center;
	}
	
	div.pdf {
	width:400px;
	margin:5px 5px 10px 5px;
	height:30px;
	}
	
	
	a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active, a.thumbnail:hover  {
	line-height:.5em;
	border:none;
	background:none;
	word-wrap: break-word;
	}



/* ------- FOTER ---------- */

#footer {
	padding-top:1em;
	font-size:80%;
	color:#ccc;
	text-align:center;
	}
	
	#footer a{
	color:#ccc;
	}




/* ------- TEXT STYLES ---------- */



p {
	line-height:1.4em;
	}

h1 {
	font-size:1.4em;
	color:#D31E0B;
	margin:0;
	padding:0;
	text-transform:uppercase;
	}
	
h2 {
	font-size:1em;
	color:#222;
	margin:0;
	padding:0;
	text-transform:capitalize;
	}
table.tour {
	margin-top:10px;
        width:410px;
	}

table.tour td {
	background-color: #CBF0FD;
	font-size:90%;
	padding:3px;
	}
	
table.tour th {
	background-color: #86B2BE;
	color:#000;
	font-size:90%;
	text-align:left;
	padding:5px;
	font-weight:normal;
	}
	
	
/* table.tour a{
	color:#D31E0B;
	}
*/	
div.spacer {
	height:5px;
	}
	
fieldset {
	background-color:#000;
	border:1px solid #fff;
	color:#fff;
	padding:1em;
	}
	
legend {
	background-color:#000;
	color:#fff;
	}
	
#banners-wrapper {
	position:relative;
	}
	
#banners{
	top:0;
	left:0;
	}
	
	



/* ----- FOOTER ----- */



#footer {
	width:1000px;
	height:20px;
}

.clear_left {
	clear:left;
	}
	
.clear_right {
	clear:right;
	}
	
.clear_both {
	clear:both;
	}