@charset "UTF-8";
/* CSS Document */

/* RESET */
/* ----------------------------------------- */

body {
	background: #FFFFFF url(../images/body-bg.jpg) top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0 auto;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0 0 15px 0;
}

@font-face {
	font-family: 'BlackJackRegular';
	src: url('black_jack-webfont.eot');
	src: local('☺'), url('black_jack-webfont.woff') format('woff'), url('black_jack-webfont.ttf') format('truetype'), url('black_jack-webfont.svg#webfontVZcfyX7f') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fontface {
	font: 'BlackJackRegular', Arial, sans-serif;
}

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

#wrapper {
	margin: 0 auto;
	width: 960px;
}

/* HEADER */
/* ----------------------------------------- */
#header {
	float: left;
	padding: 20px 0px 20px 0;
	width: 960px;
}

#logo {
	float: left;
	padding: 0 0 0 10px;
}

#logo img {
	float: left;
	margin: 0;
}

/* TOP NAVIGATION */
/* ----------------------------------------- */
#topNav {
	float: right;
	padding: 20px 10px 0 0;
	width: 685px;
}

#topNav ul {
	background: #79509c url(../images/topNav-bg.jpg) top repeat-x;
	float: left;
	height: 40px;
	width: 685px
}

#topNav li {
	background: url(../images/topNav-sep.jpg) center right no-repeat;
	float: left;
	font-size: 14px;
	list-style: none;
}

#topNav li.last {
	background: none;
}

#topNav li a:link, 
#topNav li a:visited, 
#topNav li a:active {
	color: #FFF;
	float: left;
	padding: 12px 10px 12px 10px;
	text-decoration: none;
}

#topNav li a:hover {
	background: #000 url(../images/topNav-hover-bg.jpg) top repeat-x;
	color: #FFF;
	float: left;
	padding: 12px 10px 12px 10px;
	text-decoration: underline;
}

/* BANNER */
/* ----------------------------------------- */
#banner {
	float: left;
	height: 380px;
	width: 960px;
}

#innerBanner {
	float: left;
	width: 960px;
}

.home {
	background: url(../images/banner-megan-bg.png) top center no-repeat;
}

.bio {
	background: url(../images/banner-bio.png) top center no-repeat;
}

.gallery {
	background: url(../images/banner-gallery.png) top center no-repeat;
}

.videos {
	background: url(../images/banner-videos.png) top center no-repeat;
}

.upClose {
	background: url(../images/banner-upClose.png) top center no-repeat;
}

.miss {
	background: url(../images/banner-miss.png) top center no-repeat;
}

.app {
	background: url(../images/banner-app.png) top center no-repeat;
}

#banner h1.title {
	background: url(../images/banner-title-bg.png) right repeat-y;
	float: right;
	margin: 50px 0 0 0;
	padding: 20px 10px 20px 10px;
	position: absolute;
	text-align: right;
	width: 930px;
	z-index: 99;
}

#bio {
	background: url(../images/bio-banner-bg.jpg) top repeat-x;
	color: #FFF;
	float: right;
	height: 240px;
	margin: 10px;
	padding: 130px 10px 10px 10px;
	width: 330px;
}

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

#content {
	background: url(../images/content-bg.png) top center no-repeat;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px 10px;
	width: 940px;
}

/* TEXT AREA */
/* ----------------------------------------- */

#textArea {
	float: left;
	padding: 0 20px 0 0;
	width: 580px;
}

#textArea h1, #textArea h2, #textArea h3, #textArea h4, #textArea h5, #textArea h6 {
	color: #79509c;
	font-family: 'BlackJackRegular', Arial, sans-serif;
	font-weight: normal;
	padding: 0 10px 18px 20px;
}

#textArea h2.title {
	background: #79509c url(../images/text-area-title-bg.jpg) top repeat-x;
	color: #fcf1f7;
	float: left;
	height: 30px;
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 10px;
	width: 560px;
}

#textArea p {
	padding: 0 10px 18px 20px;
}

#textArea ul {
	color: #79509c;
	padding: 0 0 18px 20px;
}

#textArea ul li {
	list-style: square;
	list-style-position: inside;
}

#textArea a:active,
#textArea a:link,
#textArea a:visited {
	color: #79509c;
	text-decoration: none;
}

#textArea a:hover {
	color: #79509c;
	text-decoration: underline;
}

/* PHOTO GALLERY */
/* ----------------------------------------- */

#textArea ul.photoGallery {
	float: left;
	padding: 0 0 18px 8px;
	width: 580px;
}

#textArea ul.photoGallery li {
	float: left;
	list-style: none;
	padding:0 6px 5px 6px;
}

/* COLUMN RIGHT */
/* ----------------------------------------- */

#columnRight {
	background: #fcf1f7;
	float: left;
	width: 330px;
}

#columnRight h3.title {
	background: #79509c url(../images/text-area-title-bg.jpg) top repeat-x;
	color: #fcf1f7;
	float: left;
	font-family: 'BlackJackRegular', Arial, sans-serif;
	font-weight: normal;
	height: 30px;
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 10px;
	width: 310px;
}

#columnRight iframe {
	padding: 0 0 0 10px;
}

#columnRight ul {
	float: left;
}

#columnRight img {
	float: left;
}

#columnRight li {
	list-style: none;
}

#columnRight a:active,
#columnRight a:link,
#columnRight a:visited {
	text-decoration: none;
}

#columnRight a:hover {
	text-decoration: underline;
}

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

#footer {
	background: #4a305f url(../images/footer-bg.jpg) top repeat-x;
	color: #FFF;
	float: left;
	margin: 0 10px;
	padding: 20px 10px;
	text-align: center;
	width: 920px;
}

#bottomNav {
	float: left;
	padding: 0 0 20px 0;
	width: 940px;
}

#bottomNav ul {
	font-size: 14px;
}

#bottomNav ul li {
	border-right: 1px solid;
	display: inline;
	list-style: none;
	padding: 0 10px;
}

#bottomNav ul li.last {
	border: none;
}

#footer a:active,
#footer a:link,
#footer a:visited {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}