/*
Theme Name: Reo King
Theme URI: http://phrostdesigns.com
Description: Theme designed for Reo-king.com
Version: 2.0
Author: Darren Walker
Tags: Reo King, Brown, barn

*/

body {
	background: #26140c url(images/bg.jpg) no-repeat top center;
	font: 11px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}
h1, h2, h3, p, ul {
	margin: 0;
	padding: 0;
}
ul {list-style: none;}
h2 {
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	border-bottom: none;
}

/* ---------- MENU  --------------- */
/*  MENU  */
/* Start Menu Code  */
#menuholder	{width:510px;height: 72px; margin:45px 0 0 0;}
#menuholder a{color:#ff0084; border-bottom:none;}
#menu {
  list-style: none;
  padding: 0;
  margin:0 auto;
  width: 510px;
  height: 72px;
  position: relative;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}
#menu .biography {
  width: 135px;
  height: 72px;
  background: url(images/biography.jpg) no-repeat;
  left: 0;
  top: 0;
}
#menu .photos {
	width: 126px;
	height: 72px;
	background: url(images/photos.jpg) no-repeat;
	left: 135px;
	top: 0;
}

#menu .videos {
	width: 120px;
	height: 72px;
	background: url(images/videos.jpg) no-repeat;
	left: 261px;
	top: 0;
}

#menu .contact {
	width: 132px;
	height: 72px;
	background: url(images/contact.jpg) no-repeat;
	left: 381px;
	top: 0;
}


/* --- HEADER --- */
#header {	background: url(images/top_contents.jpg) no-repeat;	width: 952px;height: 160px;	margin: 0 auto;	margin-top:86px;}
#header_logo {float:left;width: 320px; height: 160px; margin:0 0 0 56px; text-indent:-9999px;}
#header_logo h1 {background: url(images/logo.jpg) no-repeat top left;width: 320px; height: 160px;text-indent:-9999px;}

.header_left	{width:388px; height:160px; float:left;}
.logo	{width:373px; height:157px; margin:0 0 0 56px;}
.logo img	{border:none;}
.logo h1	 {width: 320px; height: 160px;text-indent:-9999px;}
.header_right	{width:564px; height:160px; float:right;}


/* ---- MAINPAGE CONTENTS ---- */
#content {	background: url(images/content_bg.jpg) repeat-y;width: 952px;margin: 0 auto; padding:0 0 25px 0}

.welcome	{width:388px; float:left;}
.welcome_intro	{width:332px; padding:0 0 0 56px;}
.welcome_intro h2	{background: url(images/welcome.jpg) no-repeat top left;width: 160px; height: 50px;text-indent:-9999px;}
.intro_txt	{padding:7px;}

.mainflash	{width:564px; float:right;}

.partners	{width:952px;}
.partners h2	{background: url(images/partners.jpg) no-repeat top left;width: 413px; height: 51px;text-indent:-9999px; margin:0 0 0 56px;}
.partner_holder	{width:841px; margin:0 52px 0 60px;}
.partner_holder img	{padding:4px; border:1px #4e3427 solid;}
.partner_theloop	{width:275px; float:left}
.partner_thermo		{width:275px; float:left}
.partner_wpca		{width:275px; float:left}
.partner_txt	{width:270px; margin:0 auto;}

/* ---- SUBPAGE CONTENTS ---- */

.contact	{width:388px; float:left;}
.contact_intro	{width:332px; padding:0 0 0 56px;}
.contact_intro h2	{background: url(images/contact_reo.jpg) no-repeat top left;width: 209px; height: 46px;text-indent:-9999px;}
.contact_txt	{padding:7px;}
.contact_form	{text-align:left;}

.video_intro	{width:332px; padding:0 0 0 56px;}
.video_intro h2	{background: url(images/in_action.jpg) no-repeat top left;width: 176px; height: 44px;text-indent:-9999px;}
.video_intro p{padding:7px;}

.photo_intro	{width:332px; padding:0 0 0 56px;}
.photo_intro h2	{background: url(images/snapshots.jpg) no-repeat top left;width: 170px; height: 53px;text-indent:-9999px;}
.photo_intro p{padding:7px;}

.bio_intro	{width:332px; padding:0 0 0 56px;}
.bio_intro h2	{background: url(images/about_reo.jpg) no-repeat top left;width: 313px; height: 62px;text-indent:-9999px;}
.bio_intro p{padding:7px;}

.rightpage_contact {width:564px; height:350px; float:right; background:url(images/contact_image.jpg) top left no-repeat;}
.rightpage_videos {width:564px; height:350px; float:right; background:url(images/videos_image.jpg) top left no-repeat;}
.rightpage_photos {width:564px; height:350px; float:right; background:url(images/photos_image.jpg) top left no-repeat;}
.rightpage_bio {width:564px; height:350px; float:right; background:url(images/bio_right.jpg) top left no-repeat;}

.morephotos	{width:275px; height:85px; margin:0 0 0 105px;}
.media_holder	{width:700px; margin:20px auto 0 auto;}

/* --- BOTTOM --- */
#bottom	{width:952px; height:85px; margin:0 auto; background:url(images/footer.jpg) no-repeat;}

.footer	{width:840px; padding:5px 0 0 0; border-top:1px solid #4e3427; margin:0 auto;}
.footer_left	{width:580px; float:left; padding:0 0 0 20px;}
.footer_right	{width:220px; float:right; padding:0 20px 0 0; text-align:right;}
.footer_right a{color:#26140c; background:#dbd1b9;border-bottom:dashed 1px #26140c; text-decoration:none;}
.footer_right a:hover{color:#dbd1b9; background:#26140c; border-bottom:none; text-decoration:none;}

.footermenu	{width:580px; float:left; padding:0 0 0 10px;}
.footermenu	ul { float:left; padding:0; margin:0;}
.footermenu ul li	{display:inline;}
.footermenu ul li a{float:left; text-decoration:none; color:#302a1c; padding:0 11px 0 0;}
.footermenu ul li a:visited{	color:#302a1c;}
.footermenu ul li a:hover, .footer ul li .current{color:#5b5340;}
.footermenu	a{text-decoration:none;}
.footermenu	a:hover{text-decoration:underline;}
.footercopyright	{width:250px; float:right; text-align:right; padding:0 40px 0 0;}


/* --- CLEARS ---- */
.clear	{clear:both;}