/* Imports */


@import "lib/reset.css";
@import "lib/grid.css";
@import "lib/typography.css";


/* Global */

body { 
background: #312f8f;
color: #666; 
font-family: 'Gotham', Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.429;
margin: 0;
padding: 0;
overflow-x: auto;
}

#container { margin: 0 auto; width: 1020px; position: relative; background: #fff; }
a:link, a:visited { color: #3d3896; padding: 0; }
a:hover, a:active { color: #666; text-decoration: underline; }
h3 { font-size: 15px; font-weight: bold; margin: 2em 0 1.4em; color: #8dc63f; }
h4 { font-size: 13px; font-weight: bold; margin: 2em 0 1.4em; color: #00AADB; line-height: 1.7; }
p, ol, ul, li, strong { font-size: 13px; }
ul, ol { margin: 1em 0 1.5em 3.5em; }

.push { height: 600px; width: 100%; }
.pushREG { height: 200px; width: 100%; }



/* Header */

header { background: url('../img/isaHeader_bk.png') top left no-repeat; width: 1020px; height: 245px; position: relative; }
.celebLogo { position: absolute; margin-left: 452px; top: 12px; }


/* Countdown Timer */

.cTimer { width: 750px; position: absolute; top: 188px; margin-left: 142px;  }
.dash { float: left; }
.dash .digit { font-size: 18px; font-weight: bold; float: left; color: #00aedb; }
.ctnDigits { margin: 0 auto; width: 35px; float: left; }
.dash_title { display: block; color: #00aedb; font-size: 17px; margin-top: 1px; }

.weeks_dash { width: 105px; border-right: 1px solid #d3d3d3; margin-right: 15px; }
.days_dash { width: 90px; border-right: 1px solid #d3d3d3; margin-right: 15px; }
.hours_dash { width: 100px; border-right: 1px solid #d3d3d3; margin-right: 15px; }
.minutes_dash { width: 115px; border-right: 1px solid #d3d3d3; margin-right: 15px; }
.seconds_dash { width: 270px; }


/* Accordion */

.directions { margin-top: 40px; }
#acc { list-style-type:none; margin: 10px 0; }
#acc .accList { list-style-type: none; width: 664px; margin-bottom: 25px;  }
#acc .acc-section { overflow: hidden; }
.acc-content { height: 100%; margin: 25px 0 0 31px; }
#acc h3 { font-size: 16px; font-weight: normal; background: white url(../img/arrowAcross.png) no-repeat 0% 50%; padding-left: 35px; cursor: pointer; color: #3d3896; margin: 0; }

#acc h3:hover { background: white url(../img/arrowDown.png) no-repeat 0% 50%; text-decoration: underline; color: #666;  }


/** Navigation *


/* MENU */

nav {
	background: url(../img/isaNav_bk.png) repeat-x;
	font-size: 16px;
	height: 40px; 
	display: block;
	padding-top: 4px;
}

nav #nav {
	margin: 0px 0 0 31px;
	padding: 0;
	width: 989px;
	z-index: 310;
	height: 40px;
}

nav li a, nav #nav li {
 float: left;
}

nav #nav li {
	list-style: none;
	padding: 0;
	position: relative;
}

nav #nav li a {
	color: #666;
	letter-spacing: 0.5px;
	padding: 5px 32px 7px;
	text-decoration: none;
	text-transform: uppercase;
}

nav #nav li a:first-child { border-left: none; }
nav #nav li a:last-child { border-right: none; }

nav #nav li ul li a { border-left: none; border-right: none; }

nav #nav li a:hover {
	color: #3d3896;
	background: url(../img/isaHover_bk.png) repeat-x;
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}

nav #nav li ul {
 background: url(../img/isaNav_bk.png) repeat-x;
 border: 2px solid #e1e1e1;
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

nav #nav li:hover > ul {
 display: block;
}

nav #nav li ul li, #nav li ul li a {
 float: none;
 text-transform: none;
}

nav #nav li ul li a {
	display: block;
	background: transparent;
	width: 120px;
}

nav #nav li ul li a:hover {
	background: url(../img/isaHover_bk.png) repeat-x;
}

/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}

nav #nav li ul {
 background: #e5e3e3;
 border: 2px solid #e1e1e1;
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

nav #nav li:hover > ul {
 display: block;
}

nav #nav li ul li, #nav li ul li a {
 float: none;
 text-transform: uppercase;
}

nav #nav li ul li {
 _display: inline; /* for IE6 */
}

nav #nav li ul li a {
	display: block;
	background: transparent;
	width: 120px;
}

nav #nav li ul li a:hover {
	background: #fefefe;
	color: #3d3896;
}



/* Main Content */

#content { padding: 40px 0px; width: 1020px; }

#colLeft { margin: 0 0 40px 75px; width: 635px; float: left; 
background: url(../img/sidebar_bg.png) top right no-repeat;
background-image: -moz-linear-gradient(right top, #E6E6E6 0%, white 100%);
background: url(../img/sidebar_bg.png) top right no-repeat;}

.featureMovie {
margin: 0;
width: 480px;
height: 289px;
}

.story { margin-top: 0; width: 565px; overflow: hidden; }

#content h2 { color: #312f8f; font-size: 32px; font-weight: 200; }
.subH2 { color: #00adda; font-size: 20px; font-weight: normal; }
#isaInfoMap { margin-top: 30px; }



#colRight { margin-left: 710px; width: 200px; padding: 0 55px; }

.shareBar { height: 31px; width: 140px; margin-left: 30px }
.imgShare { float: left; padding-right: 23px; }
.last { padding-right: 0; }

.mobiAd { background: url(../img/mobile_ad.png) no-repeat; width: 195px; height: 268px; margin-top: 35px; position: relative;  }
.mobApple { top: 200px; margin-left: 40px; position: absolute; width: 170px; }
.mobDroid { top: 230px; margin-left: 40px; position: absolute; width: 170px; }
.mobiImg { float: left; margin-right: 8px; width: 25px; }


.testimonials { margin-top: 35px; }
.testimonials h3 { color: #8dc63f; font-size: 16px;  }
.testimonials blockquote { font-style: italic; font-family: Verdana, Arial, san-serif; font-size: 11px; margin: 20px 0 10px 0; line-height: 1.8; }
.testimonials p { font-weight: bold; font-family: Verdana, Arial, san-serif; font-size: 10px; }



/* Footer */

footer { width: 1020px; 
height: 109px;
background: url(../img/footer_bk.png) repeat-x; }

footer .border { margin: 0; }
footer .copy { margin: 0; text-align: center; width: 100%; }
.isaLogoFoot { margin: 5px auto 0; }
footer .copy p { font-size: 10px; }