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

/* global settings */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#eceacf;
	z-index:0;
	font-family:"league-gothic-1","league-gothic-2", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

img {
	border:none;
}

.clear {
	clear:both;
}

a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* header */

#header-span {
	clear:both;
	position:fixed;
	z-index:99;
	width:100%;
	height:99px;
	overflow:hidden;
	background-image:url(images/banner-top.png);
	background-repeat:repeat-x;
}

#header-wrap {
	clear:both;
	position:relative;
	width:1000px;
	height:auto;
	overflow:visible;
	margin:0 auto;
}

#logo {
	position:relative;
	float:left;
	height:99px;
	overflow:hidden;
	width:177px;
	background-image:url(images/julia-burns.png);
	background-repeat:no-repeat;
	margin-left:45px;
}

#logo a {
	display:block;
	width:177px;
	height:99px;
	overflow:hidden;
	text-indent:-9999px;
	text-transform:capitalize;
	cursor:pointer;
}

#contact {
	position:relative;
	float:right;
	width:400px;
	height:auto;
	overflow:visible;
	text-align:right;
	padding-right:40px;
}

#contact p {
	padding:15px 0 0 0;
	font-size:20px;
	color:#8a728a;
	text-shadow: #3b2b3b 1px 1px 0px;
}

#contact p a {
	color:#8a728a;
}

#contact p a:hover {
	color:#8a728a;
}

/* containers */

#container-window {
	clear:both;
	position:relative;
	width:100%;
	height:600px;
	overflow:hidden;
}

.container-tan-span, .container-blue-span, .container-pink-span, .container-purple-span {
	position:relative;
	clear:both;
	width:100%;
	height:600px;
	overflow:hidden;
}

.container-tan, .container-blue, .container-pink, .container-purple {
	position:relative;
	width:1000px;
	height:600px;
	overflow:hidden;
	margin:0 auto;
}

.container-tan-span {
	background-color:#eceacf;
}

.container-tan {
	background-image:url(images/tan-bg.jpg);
	text-shadow: #f7f7ed 1px 1px 0px;
	color:#81b7b9;
}

.container-blue-span {
	background-color:#81b7b9;
}

.container-blue {
	background-image:url(images/blue-bg.jpg);
	text-shadow: #6fa9ab 1px 1px 0px;
	color:#eceacf;
}

.container-pink-span {
	background-color:#b55175;
}

.container-pink {
	background-image:url(images/pink-bg.jpg);
}

.container-purple-span {
	background-color:#4f394e;
}

.container-purple {
	background-image:url(images/purple-bg.jpg);
}

.container-left {
	position:relative;
	float:left;
	width:410px;
	height:auto;
	overflow:visible;
}

.container-text {
	position:relative;
	clear:both;
	width:350px;
	height:410px;
	overflow:hidden;
	font-size:90px;
	padding:120px 0 0 50px;
	line-height:80px;
}

p, #topnav {
	margin:0;
	padding:0;
}

#topnav {
	font-size:90px;
	line-height:80px;
}

#topnav a, .intronav a {
	color:#81b7b9 !important;
}

#topnav a:hover, .intronav a:hover {
	color:#b55175 !important;
	text-decoration:none;
}
	
.container-nav {
	position:relative;
	width:410px;
	height:50px;
	overflow:hidden;
}

.container-img {
	position:relative;
	width:585px;
	height:600px;
	overflow:hidden;
	float:right;
}

.number {
	clear:both;
	position:relative;
	width:395px;
	height:395px;
	overflow:hidden;
	margin:100px auto;
}

ul.nav {
	list-style:none;
	font-size:20px;
}

ul.nav a {
	color:#b55175;
}

.audio-btn {
	float:right;
	position:relative;
	width:250px;
	height:auto;
	overflow:visible;
	padding:150px 165px 0 0;
	text-align:center;
	font-size:24px;
}

.audio-btn p {
	padding-top:10px;
}