/* ----------------------------------------------
	Project Name : BNI - Business Executives Network
	Author : Sean Rochlen
	Website : http://www.sandwichestudios.com      
	Last Date Modified : Nov.21, 2009
   --------------------------------------------- */


/* HTML ELEMENTS */ 
body{
	margin: 0px; padding: 0px; background: #242323; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #FFF
}
p{
	display:block; margin: 0px
}
h1{
	font-size: 14pt; display:block; margin: 0px
}

/* Images */
img{
	border: none
}

/* Links */
a{
	color: #FFF; text-decoration: none
}
a:hover{
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */
 
#wrapper{
	position:relative; width: 900px; margin: 0px auto; border: 5px solid #FFF; background: #FFF
}

/* Header */
#header{
	background: #000; width: 900px; height: 115px; border-bottom: solid 4px #FFF
}
#bni-logo img{
	float:left; margin: 20px 0px 0px 25px; overflow: visible; width: 130px; display:block
}
#ben-logo p.text{
	position: relative; left: -2px; overflow: visible; display:block; width: 135px; margin-top: 24px; float:left; font-size: 58pt; line-height: 70%; font-family: "Trebuchet MS"
}
#ben-logo p.dash{
	position: relative; left: -5px; overflow: visible; display: block; width: 25px; margin-top: 42px; float: left; font-size: 58pt; line-height: 10%; font-family: "Trebuchet MS"
}
#ben{
	clear: both; margin-left: 68px; padding-top: 5px; width: 230px; overflow: visible
}

/* Navigation */
#headerNav{
	margin-top: 8px; float:right; width: 425px; height: 75px; font-size: 7pt; text-align: center; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing: 1px
}
#headerNav a{
	float:left; margin-top: 48px; display:block; overflow: visible
}
#headerNav a:hover{
	text-decoration: underline
}
#headerNav a.nav1{
	padding-top:5px; margin-right: 15px; height: 20px; width:45px
}
#headerNav a.nav2{
	padding-top:5px; height: 20px; margin-right: 9px; margin-left: 9px; width: 66px
}
#headerNav a.nav3{
	padding-top:5px; height: 20px; margin-right: 12px; margin-left: 12px; width:60px
}
#headerNav a.nav4{
	padding-top:5px; height: 20px; margin-right: 22px; margin-left: 22px; width: 40px
}
#headerNav a.nav5{
	padding-top:5px; height: 20px; margin-right: 20px; margin-left: 15px; width: 60px
}
#headerNav img.navbar{
	float:left; margin-top: 10px
}

/* Page */
#page{
	overflow: hidden; margin: 0px auto; width: 100%; color: #000; font-size: 10pt
}
#bar{
	margin: 0px; padding-top: 3px; text-align: center;  font-size: 7pt; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center;
	letter-spacing: 2px; background: #000; width: 900px; height: 15px; border-top: solid 1px #FFF
}
#bar p{
	display: inline
}
#bar p.arrow1{
	text-align: left; width: 350px; color: #F00
}
#bar p.text{
	color: #FFF; width: 200px
}
#bar p.arrow2{
	text-align: right; width: 350px; color: #F00
}
#main{
	overflow: hidden; margin: 0px auto; width: 898px; border: solid 1px #000; padding: 25px 0px 20px 0px; line-height: 175%
}
ul a{
	color: #000080
}
ul a:hover{
	text-decoration: underline; color: #8B0000
}
ul.listframe1{
	float:left; width: 281px; display: block; margin: 0px 0px 20px 55px; padding: 0px
}
ul.listframe2{
	float:left; width: 281px; display: block; padding: 0px; margin: 0px 0px 20px 0px
}
li.list1{
	padding-bottom: 1px; margin: 0px; list-style: none;  font-size: 15px
}
hr.hr{
	clear:both; width:860px; color: #CCC; size: 1px; margin: 0px auto 25px auto
}
#content{
	width: 878px; margin-left: 20px; padding: 0px; overflow: hidden
}
.settings{
	float:left; display:inline; width: 274px; height: 410px; border: solid 1px #CCC; color: #000080; 
	margin-right: 15px; margin-bottom: 15px; padding: 8px 0px 10px 0px; background: #F8F8F8; position:relative
}
.picture{
	width:150px; height:190px; border: solid 2px #CCC; padding: 6px; background: #FFF;  display: block; margin: 8px auto 8px auto
}
ul.listframe4{
	margin: 0px auto; display: block; list-style: none; padding: 0px; text-align: center; font-size: 16px; line-height: 150%
}
li.list2 a{
	font-size: 18px; color: #8B0000; text-decoration: underline 
}
li.list2 a:hover{
	color: #8B0000
}
li.list3{
	font-size: 16px; font-weight: bold; text-decoration: underline; padding-bottom: 2px
}
li.link{
	font-size: 14px
}
li.link2{
	font-size: 14px; width: 50px; display: block; text-align: right; position: absolute; bottom: 0; right: 0; margin-right: 5px
}
li.link2 a.top{
	color: #8B0000; text-decoration: underline
}

/* Footer */
#footer{
	clear:both; width: 900px; height: 40px; background: #333; font-size: 9pt; padding-top: 22px
}
#footer p{
	display:block; margin: 0px; width: 250px
}
#footer p.left{
	float:left; margin: 0px; width: 300px; padding-left: 15px
}
#footer p.right{
	float:right; margin: 0px; width: 255px
}
#footer a{
	padding-left: 5px
}
#footer a:hover{
	text-decoration: underline
}