/* HEADER AREA */

#border-top {
	width:100%;
	height:7px;
	background-color:#FFC20E;
	min-width:1265px;
}

#headcontainer {
	position:relative;
	z-index:999;
	width:100%;
	background-color:#222224;
}


header {
	background-color:#222224;
	width:1265px;
	height:80px;
	margin:0 auto;
}

#logo {
	float:left;
	position:relative;
	margin-bottom:-66px;
	left:164px;
}

#logo img {
	width:100%;
	height:auto;
}

/* NAV STYLING */

nav {
	font-family:'Oswald';
	float:right;
	position:relative;
	right:165px;
	height:1px;
}

nav ul {
	list-style:none;
	display: inline-table;
	margin:0px;
	position:relative;
	padding-left:0px !important;
}

nav ul li {
	float:left;
	height:100%;
	text-align:center;
}

nav ul li:hover {
	background-color:#393A40;
}

nav li a {
	color:#D7A414;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	display:block;
	padding: 33px 15px;
}

nav li#login {
	background-color: #393A40;
}

nav li#login a {
	padding: 33px 28px;
}

/*DROP DOWN MENU FUNCTIONALITY AND STYLING */

nav ul ul {
	display:none;
}

nav ul li:hover > ul {
	display: block !important;
}

nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

nav ul ul {
	background: #393A40; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	
nav ul ul li {
	float: none; 
	border-top: 1px solid #393A40;
	border-bottom: 1px solid #393A40;
	position: relative;
}

nav ul ul li:last-child {
	border-bottom: 5px solid #FFC20E;
}
		
nav ul ul li a {
	padding: 12px 27px;
	text-align:left;
}	
			
nav ul ul li a:hover {
	background-color: white;
}

/* SOCIAL */

#facebook a, #twitter a {
	padding: 0;
}

header #social {
	padding-left:20px;
	padding-top:10px;
}

#facebook {
	margin-bottom:4px;
}

#social:hover {
	background-color:#222224;
}

/* GENERAL STYLING*/

p {
	font: lighter 15px/23px Helvetica;
	color:#3B3D44;
	margin: 25px 0;
}

p:last-child {
	margin-bottom: 0px;
}

h1 {
	font: bold 24px/1 'Oswald';
	text-transform:uppercase;
	color:#993368;
}

/* HOME IMAGE SECTION */

#image img, #image {
	width:1265px;
	position:relative;
	margin:0 auto;
}

#button {
	width:243px;
	height:41px;
	position:absolute;
	top:401px;
	left:247px;
	background-color:#993368;
	border-radius:3px;
	border-bottom:5px solid #872D5A;
	text-align:center;
	line-height:45px !important;
	margin:0 auto;
}

#button:hover {
	background-color:#872D5A;
	border-bottom:5px solid #761C4B;
}

/* Aloha section */

.grey {
	background-color:#f0f0f0;
	width:100%;
	height:587px;
}

.orange {
	min-width:1265px;
	width:100%;
	background-color:#FFC20E;
	margin:0 auto;
}

#aloha {
	width:1265px;
	margin:0px auto;
}

#aloha-text {
	width:929px;
	margin:100px 0 120px 189px;
}

/* Fundraising section */

#fundraising {
	background-color:#FFC20E;
	padding:120px 0 100px 0;
	height:430px;
	margin:0 auto;
	width:1265px;
}

#fundraising-content {
	width:1000px;
	margin:0 auto;
	position:relative;
	left:40px;
}

/* FUNDRAISER BAR */

#graph {
	float:left;
}

#bar {
	height:61px;
	width:396px;
	background-color:#F5F5F6;
	position:relative;
	left:110px;
	top:16px;
}

#red_bar {
	position:absolute;
	left:0px;
	height:61px;
	background-color:#F15E52;
}

#biker {
	position:absolute;
	left:12%;
	top:8px;
}

#graph p {
	position:relative;
	left:112px;
	top:20px;
}

#N95 {
	font: 18px 'Oswald';
	color:white;
	text-transform:uppercase;
	position:relative;
	left:341px;
}

#line {
	position:absolute;
	left:405px;
	z-index:999;
	top:77px;
}

/* WE NEED YOU SECTION */


#we-need-you-text {
	border-left:1px solid #EFA55A;
	width:285px;
	float:right;
	padding:0 75px 0 55px;
}

#graph h1 {
	line-height:32px;
	position:relative;
	left:110px;
	bottom:3px;
}
#how-it-works {
	width:1265px;
	margin:120px auto;
	height:290px;
}

#how-it-works-text {
	padding-right:20px;
	width:650px;
	float:left;
	position:relative;
	left:155px;
	top:45px;
}

#equationbutton {
	width:180px;
	height:37px;
	background-color:#993368;
	border-radius:3px;
	border-bottom:5px solid #872D5A;
	margin:0 auto;
	text-align:center;
	position:absolute;
	bottom:22px;
	right:66px;
	}
	
a #button, a #equationbutton {
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	font:bold 13px/42px Helvetica;
}

#equation {
	position:relative;
	top:83px;
	left:150px;
	float:left;
}

#equationbutton:hover {
	background-color:#872D5A;
	border-bottom:5px solid #761C4B;
}

/* FOOTER SECTION */


#footercontainer {
	background-color:#222224;
	width:100%;
	height:216px;
	margin: 0 auto;
	min-width:1265px;
}
	
footer {
	font: 11px Helvetica;
	background-color:#222224;
	position:relative;
	margin: 0 auto;
}

#footer-contents {
	width:975px;
	margin:0 auto;
	position:relative;
}
footer img {
	margin-top:35px;
}

footer menu, footer ul {
	float:left;
	margin: 35px 19px;
	font-size: 12px;
	line-height:15px;
}

footer li:first-child {
	text-transform:uppercase;
	font-weight:bold;
}

footer ul li, footer ul li a {
	color:#FFC20E;
	list-style:none;
	padding:3px 0;
	text-decoration:none;
}

footer ul li a:hover {
	color:white;
}

#footerlogo {
	width:71px;
	float:left;
}

#facebook img:hover, #twitter img:hover, #footerlogo img:hover {
	opacity: 0.5;
}

footer #social {
	height:30px;
}

footer #twitter {
	margin-top:-27px;
}

/* COPYRIGHT */

#copyright {
	background-color:black;
	width:100%;
	min-width:1265px;
}

#copyright-text {
	font: 12px 'Montserrat';
	color:#4E515B;
	text-align: center;
	padding:10px 0;
}

/* ABOUT PAGE */

#pane-1 {
	height:600px;
	margin:0 auto;
	width:1265px;
}

#pane-long {
	margin:0 auto;
	width:1265px;
}

#pane-long h1 {
	position:relative;
	right:27px;
	padding-bottom:35px;
	font-size:25px;
}

#pane-long-content {
width:720px;
}

#pane-long ul {
 list-style-image: url('http://www.paradiseridekauai.com/paradise/img/heart.png');
 font: lighter 15px/23px Helvetica;
 color:#3B3D44;
	
}

#pane-long li {
	margin:21px 0;
	line-height: 28px;
}
#about {
	width:1265px;
}
#about-left {
	float:left;
	padding:132px 50px 160px 178px;
}

#malamaponoimage img {
	border-radius:50%;
}

h2 {
	font: bold 22px/30px 'Oswald';
	color:#993368;
}

#share {
	position:relative;
	left:106px;
	top:30px;
}

#home-share {
	position:absolute;
	bottom:25px;
	right:180px;
}

#about-right {
	float:right;
	padding:0 145px 0 60px;
	margin:127px 0;
	border-left:1px solid #EBD2D2;
	width:555px;
}

#orange-about {
	width:100%;
	margin:0 auto;
	background-color: #FFC20E;
}
#pane-2 {
	background-color: #FFC20E;
	height:585px;
	width:1257px;
	margin:0 auto;
}

#pane-2 h1 {
	position:relative;
	right:27px;
	padding-bottom:35px;
	font-size:25px;
}

#pane-2-content {
width:720px;
padding-left:310px;
padding-top:130px;
}

#pane-2 ul {
 list-style-image: url('http://www.paradiseridekauai.com/paradise/img/heart.png');
 font-family: 'Oswald';
 font-size:16px;
 color:#3B3D44;
}

#pane-2 li {
	margin:21px 0;
	line-height: 28px;
}