@charset "utf-8";
@import "reset.css";

/****************************************

	client:   BNI Winners
	author:   Nicola Hibbert
	agency:	  Akiko Design
	url:	  http://www.akikodesign.com

/****************************************/
/******************************************* HTML Elements */
body { font: 12px Arial, Verdana, Helvetica, sans-serif; text-align: center; min-width: 960px; background: #e5e6e8; color: white }
h1 { font-size: 26px; border-bottom: 1px dashed white; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 20px }
h2, h3 { font-size: 16px; text-transform: uppercase; margin-bottom: 20px }
h4 {font-size: 14px; margin-bottom: 20px}
h1, h2, h3, h4 { color: #ffdb5b; font-weight: normal }
li { float: left }
p { margin-bottom: 10px }
a { text-decoration: none; color: white }

/******************************************* Layout */ 
#wrapper { position: relative; width: 960px; margin: 0 auto; text-align: left }

/******************************************* Header */
#header { height: 160px; position: relative }
#header ul { text-transform: uppercase; position: absolute; bottom: 15px; right: 0 }
#header li { padding-right: 20px } 
#header li a { display: block; height: 11px; line-height: 11px; background-image: url(../../images/nav.jpg); background-repeat: no-repeat; 
	text-indent: -9999px }
#header li.nav-1 a { width: 41px; background-position: 0 0 }
#header li.nav-2 a { width: 48px; background-position: -61px 0 }
#header li.nav-3 a { width: 139px; background-position: -129px 0 }
#header li.nav-4 a { width: 71px; background-position: -288px 0 }
#header li.nav-5 a { width: 40px; background-position: -377px 0 }
#header li.nav-6 a { width: 55px; background-position: -437px 0 }
#header li.nav-7 a { width: 68px; background-position: -511px 0 }
#header li.nav-1 a:hover, #header li.nav-1 a.selected  { background-position: 0 -12px }
#header li.nav-2 a:hover, #header li.nav-2 a.selected { background-position: -61px -12px }
#header li.nav-3 a:hover, #header li.nav-3 a.selected { background-position: -129px -12px }
#header li.nav-4 a:hover, #header li.nav-4 a.selected { background-position: -288px -12px }
#header li.nav-5 a:hover, #header li.nav-5 a.selected { background-position: -377px -12px }
#header li.nav-6 a:hover, #header li.nav-6 a.selected { background-position: -437px -12px }
#header li.nav-7 a:hover, #header li.nav-7 a.selected { background-position: -511px -12px }
#header li.last { padding: 0 }

#header #logo { display: block; height: 129px; width: 235px; background: url(../../images/logo.png) no-repeat;
	position: absolute; top: 37px; left: 0; text-indent: -9999px }
#header p { height: 37px; width: 167px; background: url(../../images/headline.jpg) no-repeat;
	position: absolute; top: 70px; right: 0; text-indent: -9999px }

#asset { }

/******************************************* Content */
#contentwrap { background-color:#5c0404; margin-bottom: 30px; padding: 30px; overflow: auto }
#content { float: left; width: 600px; /*min-height: 600px */; padding-right: 30px }

.about_btn {margin-top: 11px;}
.contact_btn {margin-top: 46px;}

.presentationflash {color:#ffdb5b; padding-top: 10px;}

/******************************************* Sidebar */
#sidebar { float: right; width: 239px; border-left: 1px white dashed; min-height: 770px /**/; padding-left: 30px }
#sidebar li { float: none; border-bottom: 1px dashed white; padding: 6px 0 }

/******************************************* Footer */
#footerwrap { clear: both; width: 100%; height: 140px; background: #231f20 }
#footer { width: 960px; margin: 0 auto; text-align: left }
#footer li { padding: 30px 0 0 30px; font-size: 14px; }
#footer li p {margin:0px;}


/******************************************* PAGES */
/******************************************* [HOME] */
.home h1 { font-size: 16px; border-bottom: 0; padding: 0 }
.home h1, .home h2 { text-transform: none; margin-bottom: 10px }

.home #content { width: 100%; padding-right: 0 }
.home #content li { float: left; width: 280px; padding-right: 30px }
.home #content li.last { padding: 0 }
.home #content img { margin-bottom: 5px }

/******************************************* [HOME] */
.about #content h2 { border-top: 1px dashed white; padding-top: 20px; margin: 40px 0 30px }
.about #sidebar img { float: right; margin: 0 0 10px 10px }
.about #sidebar .quote { font-weight: bold; margin-bottom: 10px }

/******************************************* [HOME] */
.members-list #content div span, .members-list #content div a { color: #ffdb5b }

/******************************************* [HOME] */
.member {}

/******************************************* [HOME] */
.contact label { display: block }
.contact input, .contact textarea { width: 272px; margin-bottom: 10px }
.contact textarea { height: 120px }
.contact input.submit { width: auto; margin-left: 223px }

/******************************************* [HOME] */
.location #sidebar h2 { margin-bottom: 10px }
.location #sidebar h3 { text-transform: none; margin: 10px 0 }
.location #sidebar li { text-align: justify }
.location #sidebar li:first-child, .location #sidebar li:last-child { border-bottom: 0 }

/******************************************[Members List] */

.member {border-bottom-color:white; border-bottom-style:dashed; border-bottom-width:1px; margin-bottom:24px; padding-bottom:5px; padding-bottom: 50px; float:left; width:100%}

.memberimg {float:left; margin-right: 5px; margin-bottom:5px}
.member p {margin-bottom:1px;}

.desc {padding-bottom: 20px;}

/*******************************************[location] */

.locationh3 {text-transform: none;}

.map {margin-bottom: 20px}

/***************************************[join us]*/

.joinus3 {text-transform: none;}

.joinus4 {text-transform: none; margin-top:30px;}

.joinus5 {text-transform: none; margin-top:10px;}

.joinusli {margin-bottom: 130px;}

#sidebarjoin { float: right; width: 239px; border-left: 1px white dashed; min-height: 450px /**/; padding-left: 30px }
#sidebarjoin li { float: none; padding: 0px 0;margin-bottom:10px  }

/***************************************[news]*/

.article {border-bottom-color:white; border-bottom-style:dashed; border-bottom-width:1px; margin-bottom:24px; padding-bottom:5px; padding-bottom: 20px;}

#sidebarnews { float: right; width: 239px; border-left: 1px white dashed; min-height: 770px /**/; padding-left: 30px }
#sidebarnews li { float: none; padding: 0px 0; margin-bottom:10px }
/******************************************* Global Classes */
/******************************************* Generic Classes */
.yellow { color: #ffdb5b }