/* -------------------------------------------------------- 
PROJECT:    	WHITE DRAGON MARTIAL ARTS
LAST CHANGE:	12/3/09 
PRIMARY USE:	GLOBAL STYLESHEET
----------------------------------------------------------- */  

/*	COLOR CODES
	
	Red 			#b52330
	Light Grey		#999999
	Black			#000000
	
----------------------------------------------------------- */

@import "reset.css";


/* GLOBAL STYLING
----------------------------------------------------------- */

body {
	
	font: 12px/18px Arial, Helvetica, sans-serif; color:#000;
	
	background: #fff url(../images/background.jpg) top center no-repeat;
}

#wrapper { width:1024px; margin:0 auto; background: #fff; overflow:hidden; }

a:link, a:visited, a:active { color:#0000ff; text-decoration:none; }
a:hover { color:#b52330; text-decoration:underline; }

.left { float:left; }
.right { float:right; }
.clear {clear:both; }

h2 { font: normal 20px Arial, Helvetica, sans-serif; padding:0 0 7px 15px;  }
h2 span { font: normal 12px/18px Arial, Helvetica, sans-serif; }
h3 { font: bold 14px Arial, Helvetica, sans-serif; padding:0 0 10px 15px;  }

#nameHeader {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	display: none;
}

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

#header { width:1024px; height:90px;}
#header img { float:left; margin:0 0 0 40px; }

#search-box {
	
	width:250px; height:65px;
	
	margin:0 40px 0 0; padding:25px 0 0 0;
	
	float:right; text-align:right;
}

#search-box input { 
	border: 0;
	
	width:97px; height:17px;
	
	margin:0 0 0 5px; padding:2px 25px 0 10px;
	
	font: 12px Arial, Helvetica, sans-serif; color:#999;
	
	background: #fff url(../images/search-background.gif) top left repeat-x;
}

#phone-number { color:#b52330; }


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

ul#nav {
	
	width:944px; height:23px; position:relative;
	
	margin:10px auto 0; padding:0; border-bottom:2px solid #000;
	
	list-style:none; clear:both;
}

ul#nav li {
	
	float:left; height:23px; border-right:1px solid #000;
	
	font: 13px/23px Arial, Helvetica, sans-serif; color:#000;

}

ul#nav li a { display:block; padding:0 20px; font: bold 13px/23px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }
ul#nav li a:hover, ul#nav li.first a:hover { color:#b52330; }
ul#nav li.active a { color:#b52330; }

ul#nav li.first a { padding:0 20px 0 0; }
ul#nav li.last { border:0; }

ul#nav li ul { display:none; position:absolute; width:944px; top:23px; padding:12px 0 0; height:20px; left:0px; }
ul#nav li.active ul, ul#nav li.hover ul { display:block; } 

ul#nav li ul li { display:inline; float:left; border:0; padding:0 0 0 5px; background:url(/images/subnav-bg.gif) no-repeat left; }
ul#nav li ul li.first { background:none; padding:0; }
ul#nav li ul li a, ul#nav li.first ul li a, ul#nav li.active ul li a  { display:block; height:20px; float:left; padding:0 14px 0 13px; color:#000; display:inline; font: bold 13px/20px Arial, Helvetica, sans-serif; text-decoration:none; }
ul#nav li ul li a:hover, ul#nav li ul li.active a { color:#b52330; }
ul#nav li ul li.first a { padding:0 14px 0 0; }


/* SUB NAVIGATION STYLING
----------------------------------------------------------- */


ul#nav li span {
	
	width:944px; height:20px; position:absolute;
	
	margin:10px auto 0; float: left; display:none;
	
	font: bold 13px/20px Arial, Helvetica, sans-serif; color:#000;
}
ul#nav li:hover span { display: block; }
ul#nav li span:hover { display: block; }
ul#nav li span a { display: inline; }
ul#nav li span a:hover {text-decoration: underline;}


ul#nav li span a { 
	
	padding:0 10px; color:#000; display:inline;
	
	font: bold 13px/20px Arial, Helvetica, sans-serif; text-decoration:none;
}

ul#nav li span a:hover { color:#b52330; }

ul#nav li span a.first { padding:0 10px 0 0; }
ul#nav li span a.active { color:#b52330; }

div#subnav {
	
	width:944px; height:20px;
	
	margin:10px auto 0; clear:both;
	
	font: bold 13px/20px Arial, Helvetica, sans-serif; color:#000;
}


div#subnav a { 
	
	padding:0 10px; color:#000;
	
	font: bold 13px/20px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;
}

div#subnav a:hover { color:#b52330; }

div#subnav a.first { padding:0 10px 0 0; }
div#subnav a.active { color:#b52330; }


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

#content { width:944px; margin:0 auto; padding:20px 0 10px 0; overflow:hidden; clear:both; }


#left-column { float:left; width:400px; }
#right-column { float:left; width:544px; }

#right-column p { padding:7px 0 7px 15px; }


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

#footer {
	
	width:944px; margin:10px auto; padding:10px 0;
	
	border-top:2px solid #000;
	
	clear:both;
}

#footer span { float:right; }



/* LOCATION STYLING
----------------------------------------------------------- */

#locationmap {
	
	position:relative;
	
	border:1px solid #7F95BF; 
	
	display:inline; float:left; height:553px; width:377px;
}
#locations { height:347px; }
#locations p {

	padding:7px 0 7px 15px;
	
	font: 10px/14px Arial, Helvetica, sans-serif; color:#000;
}

#locations p strong { font-size:12px; }

#locations p a { color:#000; }
#locations p a:hover { color:#b52330; }

#locations .location-column { float:left; width:275px; }
#locations .location-column2 { float:left; width:205px; }
#right-column p.location-images { clear:both; padding:7px 0 7px 15px; margin-top:0; }

/* GET STARTED STYLING
----------------------------------------------------------- */

.inputSubmit { background: #b52330; padding:5px; border:0; color:#fff; }


/* IMAGE ROTATOR
----------------------------------------------------------- */

#rotator { width:377px; height:493px; overflow:hidden; position:relative; }
#rotator img { width:377px; height:493px; border:0; z-index:1; position:absolute; top:0; left:0; }
#rotator a { display:block; position:absolute; width:377px; height:77px; outline:none; z-index:100; text-indent:-9999px; }
#rotator a#promo-lnk1 { top:339px; left:0; background:url(/images/promos/29-dollar.png) no-repeat 0 0; }
#rotator a#promo-lnk2 { top:416px; left:0; background:url(/images/promos/free-pass.png) no-repeat 0 0; }

#sslCert {
	padding-right:20px;
	text-align:right;
}

#text-content { min-height:378px; height:auto !important; height:378px; }