/**
 *  --------------------------------------------------------------------------------------
 *   Kelowna Graphics and Animation CSS
 *  ----------------------------------------------------
 *  1.	RESET
 *  --------------------------------------------------------------------------------------
 */

/* RESET
--------------------------------------------------------------------------------------- */
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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font:normal 13px/20px Verdana, Geneva, sans-serif;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.5;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* GLOBAL
--------------------------------------------------------------------------------------- */
/*Used to fix Fire Fox float error.*/
.clearfix:after {
	content:".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.clear {
	clear: both;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.bold {
	font-weight:bold;
}
.redText {
	color:#F00;
}
/* Images */
img[align=right] {
	margin-left:10px;
	margin-bottom:10px;
}
img[align=left] {
	margin-right:10px;
	margin-bottom:10px;
}
/* BODY
--------------------------------------------------------------------------------------- */
body {
	background:#fff;
	margin: 0;
	padding: 0;
	font-size:12px;
}

.list {
	display:block;
	list-style:outside;
	}
	
.orderlist {
	display:block;
	list-style:decimal;
	}

#wrapper {
background:#fff;
height:auto;
width:auto;
margin:0 ;
padding:0;
}


/* HEADER
--------------------------------------------------------------------------------------- */

#header-wrapper {
background:url(../images/interface/headerbg.jpg) repeat;
height:438px;
width:auto;
}

#header {
width:680px;
margin:0 auto;
}

#banner {
position:relative;
top:40px;
left:0px;}

#header-heading {
position:relative;
top:20px;}

/* NAVIGATION
----------------------------- */

.top-nav-book {
	width: 111px;
	height: 35px;
	display: block;
	text-decoration: none;
	float:right;
	position:relative;
	background: url(../images/interface/topnav/top-nav-book.jpg) no-repeat;
}

.top-nav-book:hover {
	background-position: bottom right;
}
.top-nav-studio {
	width: 93px;
	height: 35px;
	display: block;
	text-decoration: none;
	background:url(../images/interface/topnav/top-nav-studio.jpg) no-repeat;
	float:right;
}
.top-nav-studio:hover {
	background-position: bottom right;
}



.main-nav {
position:relative;
top:40px;
}


.main-nav-home {
	width: 93px;
	height: 34px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background:url(../images/interface/mainnav/main-nav-home.jpg);
	float:left;
	position:relative;
}

.main-nav-home:hover {
	background-position: bottom right;
}

.main-nav-home:active{
	background-position: bottom right;
}


.main-nav-why {
	width: 150px;
	height: 34px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background:url(../images/interface/mainnav/main-nav-heat.jpg);
	float:left;
	position:relative;
}

.main-nav-why:hover {
	background-position: bottom right;
}

.main-nav-why:active{
	background-position: bottom right;
}


.main-nav-time {
	width: 111px;
	height: 34px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background:url(../images/interface/mainnav/main-nav-time.jpg);
	float:left;
	position:relative;
}

.main-nav-time:hover {
	background-position: bottom right;
}

.main-nav-time:active {
	background-position: bottom right;
}

.main-nav-pricing {
	width: 87px;
	height: 34px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background:url(../images/interface/mainnav/main-nav-pricing.jpg);
	float:left;
	position:relative;
}

.main-nav-pricing:hover {
	background-position: bottom right;
}

.main-nav-pricing:active {
	background-position: bottom right;
}

.main-nav-students {
	width: 138px;
	height: 34px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background:url(../images/interface/mainnav/main-nav-students.jpg);
	float:left;
	position:relative;
}

.main-nav-students:hover {
	background-position: bottom right;
}

.main-nav-students:active {
	background-position: bottom right;
}

.main-nav-contact {
	width: 100px;
	height: 34px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background:url(../images/interface/mainnav/main-nav-contact.jpg);
	position:relative;
	margin-left:579px;
}

.main-nav-contact:hover {
	background-position: bottom right;
}

.main-nav-contact:active {
	background-position: bottom right;
}

a.current {
	background-position: bottom right;
	color:#FF6600;
}


#index-nav {
background:url(../images/interface/bottom-nav.jpg) no-repeat;
width:684px;
height:26px;
position:relative;
top:40px;
left:-2px;
font-weight:bold;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;}


#index-nav a {
font-weight:bold;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;}

#index-nav a:link {
font-weight:bold;
text-decoration:none;}

#index-nav a:hover {
font-weight:bold;
color:#de8713;
text-decoration:none;}


#index-nav a:visited {
font-weight:bold;
color:#FFFFFF;
text-decoration:none;}


#what-is {
position:relative;
top:3px;
}

#what-is a {
font-weight:normal;
color:#FFFFFF;
text-decoration:none;}

#what-is a:link {
font-weight:normal;
color:#FFFFFF;
text-decoration:none;}

#what-is a:hover{
font-weight:normal;
color:#de8713;
text-decoration:none;}

#what-is a:visited {
font-weight:normal;
color:#FFFFFF;
text-decoration:none;}


#news {
	position:relative;
	top:3px;
	font-weight: bold;
}

#news a {
font-weight:normal;
color:#FFFFFF;
text-decoration:none;}

#news a:link {
font-weight:normal;
color:#FFFFFF;
text-decoration:none;}

#news a:hover {
font-weight:normal;
color:#de8713;
text-decoration:none;}

#news a:visited {
font-weight:normal;
color:#FFFFFF;
text-decoration:none;

}
a:link {
	color: #BD6B24;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #BD6B24;
}
a:hover {
	text-decoration: none;
	color: #de8713;
}
a:active {
	text-decoration: none;
	color: #BD6B24;
}


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

#content-wrapper {
	background:url(../images/interface/content-bg.jpg) repeat;
	width:686px;
	position:relative;
	margin: 0 auto;
	font-size:12px;
	color:#000;
}

#content-heading {
position:relative;
}

#content {
width:650px;
height:auto;
margin:0 auto;}

#content-narrow {
	width:600px;
	margin:0 auto;
	color: #000;
	font-weight: normal;
	text-align: left;
}
.red {
	font-weight:bold;
	color: #BD6B24;
}
.white {
	color: #FFF;
}
.orange {
	color: #BD6B24;
	line-height: 32px;
	font-weight: bold;
}

.pink {
	color: #F39;
	line-height: 32px;
}