/*-------------------------------------------------------

	client: School Stage - C W Newton
	filename: primary.css
	developer: JBMoss - www.jbmoss.com
	date: 05/11/2007
	
	-----------------------
	
	1. master reset
	2. typography
	3. structure
		3.1 base
		3.2 main
		3.3 header
		3.4 footer
	4. navigation
	5. page specific structure
		5.1
		5.2
		5.3
		5.4
		5.5
		5.6
		5.7
		5.8
		5.9
	6. images
	7. forms
	
	
-------------------------------------------------------*/




										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 1em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

										/* ---------- 2. typography ---------- */ 

p {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #12377D;
}
p a{
	text-decoration : none;
	color 			: #12377D;
}
p a:hover{
	text-decoration : none;
	color 			: #3293C8;
}
h1 {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1.9em;
	color			: #12377D;
}
h2 {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1.2em;
	color			: #12377D;
}
	
h3 {}
h4 {}
h5 {}


li {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #12377D;
}
li a {
	color			: #12377D;
	text-decoration : none;
}




										/* ---------- 3. structure ---------- */ 
										
						/* ---- 3.1 ---- */
html {
}
body {
	font-size		: 80%;
}
						/* ---- 3.2 ---- */

#wrap {
	position		: relative;
	width 			: 800px;
	height 			: 600px;
	margin 			: 0 auto 0 auto;
}	
#clr {
	clear			: both;
}


						/* ---- 3.3 ---- */

#header { 
	position		: relative;
	width			: 800px;
	height			: 96px;
}

#crts {
	position		: relative;
	float			: left;
	width			: 600px;
	height			: 41px;
	background		: #fff url(../images/crts_bg.jpg) center center no-repeat;
}

#anim {
	position		: relative;
	float			: right;
	width			: 200px;
	height			: 96px;
}						


#shld {
	position		: absolute;
	width			: 150px;
	height			: 63px;
	bottom			: -63px;
	right			: 0px;
	background		: #fff url(../images/shld_btm.jpg) center center no-repeat;
}
						/* ---- 3.4 ---- */
#sb_footer {
	position		: relative;
	width			: 780px;
	margin			: 0 auto 0 auto;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.8em;
	color			: #12377D;
	background		: #DBE3F0;
	padding			: 10px;
}
#sb_footer a {
	text-decoration	: none;
	color			: #12377D;
}
#sb_footer a:hover {
	text-decoration	: none;
	color			: #3293C8;
}
										/* ---------- 4. navigation ---------- */ 
										
#nav {
	position		: relative;
	float			: left;
	width			: 600px;
	height			: 55px;
	background		: #fff url(../images/nav_bg.jpg) no-repeat;
}
/* IE6 left margin fix for nav indent */
#nav_space {
	position		: relative;
	float			: left;
	width			: 20px;
}
/**/
a.home  {
	display			: block;
	float			:left;
	width			: 61px;
	height			: 55px;
	background		: url(../images/nav/home.jpg) 0 0 no-repeat;
	text-decoration	: none;
	/*margin-left	: 20px;*/
}
a:hover.home  { 
	background-position	: -61px 0;
	color			: #049;
}

/*-----*/

a.about  {
	display			: block;
	float			: left;
	width			: 81px;
	height			: 55px;
	background		: url(../images/nav/about.jpg) 0 0 no-repeat;
	text-decoration	: none;
	margin-left		: 4px;
}
a:hover.about  { 
	background-position	: -81px 0;
	color			: #049;
}

/*-----*/

a.services  {
	display			: block;
	float			: left;
	width			: 76px;
	height			: 55px;
	background		: url(../images/nav/services.jpg) 0 0 no-repeat;
	text-decoration	: none;
	margin-left		: 2px;
}
a:hover.services  { 
	background-position: -76px 0;
	color			: #049;
}

/*-----*/

a.testimonials  {
	display			: block;
	float			: left;
	width			: 113px;
	height			: 55px;
	background		: url(../images/nav/testimonials.jpg) 0 0 no-repeat;
	text-decoration	: none;
	margin-left		: 2px;
}
a:hover.testimonials  { 
	background-position	: -113px 0;
	color			: #049;
}

/*-----*/

a.contact  {
	display			: block;
	float			: left;
	width			: 83px;
	height			: 55px;
	background		: url(../images/nav/contact.jpg) 0 0 no-repeat;
	text-decoration	: none;
	margin-left		: 2px;
}
a:hover.contact  { 
	background-position	: -83px 0;
	color			: #049;
}

/*-----*/

a.gallery  {
	display			: block;
	float			: left;
	width			: 85px;
	height			: 55px;
	background		: url(../images/nav/gallery.jpg) 0 0 no-repeat;
	text-decoration	: none;
	margin-left		: 2px;
}
a:hover.gallery  { 
	background-position	: -85px 0;
	color			: #049;
}



							/* ---------- 5. page specific structure ---------- */ 

						/* ---- 5.1 ---- */
						
#index #cont {
	position		: relative;
	float			: left;
	width			: 495px;
}
#index #s_bar{
	position		: relative;
	float			: left;
	width			: 305px;
}
#index #footer {
	position		: relative;
	float			: left;
	width			: 800px;
	height			: 95px;
	background		: url(../images/lng_footer.jpg) no-repeat;
}


						/* ---- 5.2 ---- */
						
#about #cont {
	position		: relative;
	float			: left;
	width			: 495px;
	height			: 409px;
}
#about #s_bar{
	position		: relative;
	float			: right;
	width			: 305px;
}
#about #footer {
	position		: relative;
	float			: left;
	width			: 800px;
	height			: 95px;
	background		: url(../images/lng_footer.jpg) no-repeat;
}


						
						/* ---- 5.3 ---- */
						
#services #cont {
	position		: relative;
	float			: left;
	width			: 495px;
	height			: 409px;
}
#services #s_bar{
	position		: relative;
	float			: right;
	width			: 305px;
}
#services #footer {
	position		: relative;
	float			: left;
	width			: 495px;
	height			: 95px;
	background		: url(../images/bar/services_ftr.jpg) no-repeat;
}
#serv_title {
	position		: absolute;
	top				: 0px;
	left			: 0px;
	width			: 495px;
}


						
						/* ---- 5.4 ---- */
						
#testimonials #cont {
	position		: relative;
	float			: left;
	width			: 495px;
}
#testimonials #s_bar{
	position		: relative;
	float			: left;
	width			: 305px;
}
#testimonials #footer {
	position		: relative;
	float			: left;
	width			: 800px;
	height			: 95px;
	background		: url(../images/lng_footer.jpg) no-repeat;
}
#sbt_footer {
	position		: relative;
	width			: 780px;
	margin			: 0 auto 0 auto;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.8em;
	color			: #12377D;
	background		: #DBE3F0;
	padding			: 10px;
}
#sbt_footer a {
	text-decoration	: none;
	color			: #12377D;
}
#sbt_footer a:hover {
	text-decoration	: none;
	color			: #3293C8;
}

						
						/* ---- 5.5 ---- */
						
#contact #cont {
	position		: relative;
	float			: left;
	width			: 495px;
	height			: 409px;
}
#contact #s_bar{
	position		: relative;
	float			: right;
	width			: 305px;
}
#contact #footer {
	position		: relative;
	float			: left;
	width			: 495px;
	height			: 95px;
	background		: url(../images/bar/home_ftr.jpg) no-repeat;
}


						
						/* ---- 5.6 ---- */

						/* ---- 5.7 ---- */

						/* ---- 5.8 ---- */

						/* ---- 5.9 ---- */

										/* ---------- 6. images ---------- */ 

.serv {
	float			: left;
}
#testimonials table{
background:#DBE3F0;
}
#testimonials td{
background:#fff;
}
.galhead {font-size:1.8em;}


p.gallery img {
	margin:2px;
	border:1px solid #ccc;
}

										/* ---------- 7. forms ---------- */ 
										
table {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #12377D;
	font-weight 	: bold;
}
.formbox {
	border			: 1px solid #12377D;
	width			: 200px;
	padding 		: 2px;
}
.submit {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #fff;	
	background 		: #12377D;
	padding 		: 2px;
}



/**************/

.boxhd_2 {
	position:relative;width:445px;margin:0 auto;background:#BADDF1 url(../images/boxhdcopybg.jpg) bottom left;
}

.boxhd_1 {
position:relative;background:#BADDF1 url(../images/boxhdcopybg.jpg) bottom right;width:305px;margin:0 auto;
}

.boxhd_t {
	position:relative;background:#1D629B url(../images/boxhdtbg.jpg) bottom right repeat-x;padding:2px 0;
}
.boxhd_t p {
	color:#fff;
}
.boxhd_fl {
	position:relative;width:220px;float:left;
}
.boxhd_nfl {
	position:relative;width:445px;
}
.boxhd_nfl2 {
	position:relative;width:270px;
}