/* CSS Document */

/*---- 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, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; } 
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*---- defaults  ----*/
html, body { text-align: center; min-height: 100%; margin-bottom: 1px; }
body { background: #000 url('images/body-bg.png') 50% -40px repeat-x ; }
hr { visibility: hidden; }
.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.clear { clear: both; font-size: 1px; height: 1px; padding: 0; margin: 0; }
.pointer { cursor: pointer; } 

/*---- typography  ----*/
body { color: #191919; font-size: 62.5%; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; }
a:link, a:active { color: #06274e; text-decoration: underline; }
a:visited { color: #06274e; text-decoration: underline; }
	a:hover img { background: none; } 
a:hover { color: #de600b; text-decoration: none; }
a.external { padding-right: 17px; margin-right: 5px; background: url('images/external-link.png') 100% 50% no-repeat; }

small { font-size: 1em; }
strong { font-weight: 700; }
abbr, acronym, span.abbr { color: #333; border-bottom: 1px dotted #888; text-transform: uppercase; cursor: help; }
.light-grey { color: #888; }
.dark-grey { color: #333; }
.even, .even td { background: #f6f1de; } 

.replace { display: block; text-indent: -3000px; overflow: hidden; }
.clear { clear: both; }

h1, h2, h3, h4 { font-family: Georgia, Times, serif; }
h1 { font-size: 20px; }
h2 { font-size: 18px; color: #de600b; }
h3 { font-size: 15px; }
h4 { font-size: 12px; text-transform: uppercase; }

#header { width: 950px; margin: 0 auto; height: 100px; position: relative; background: #fff; }
	#logo { float: left; width: 250px; height: 100px; display: block; text-indent: -3000px; background: transparent url('images/logo.png') 50% 50% no-repeat;  overflow: hidden; }
		#logo a { display: block; width: 170px; height: 100px;  }
	
	#navigation { position: absolute; top: 50px; left: 330px; width: 650px;  }
		#navigation li { float: left; }
			#navigation a { display:block; text-indent: -3000px; overflow: hidden; }
			
			#nav-home a { display: none; }
			#nav-how-to-join a { width: 125px; height: 30px; background: #fff url('images/nav-grid.png') 20px 0 no-repeat; }
			#nav-about-us a { width: 105px; height: 30px; background: #fff url('images/nav-grid.png') -105px 0 no-repeat; }
			#nav-facilities a { width: 105px; height: 30px; background: #fff url('images/nav-grid.png') -210px 0 no-repeat; }
			#nav-classes a { width: 95px; height: 30px; background: #fff url('images/nav-grid.png') -325px 0 no-repeat; }
			#nav-swimming-courses a { width: 175px; height: 30px; background: #fff url('images/nav-grid.png') -430px 0 no-repeat; }
			
			#nav-how-to-join a:hover { background: #fff url('images/nav-grid.png') 20px -30px no-repeat; }
			#nav-about-us a:hover { background: #fff url('images/nav-grid.png') -105px -30px no-repeat; }
			#nav-facilities a:hover { background: #fff url('images/nav-grid.png') -210px -30px no-repeat; }
			#nav-classes a:hover { background: #fff url('images/nav-grid.png') -325px -30px no-repeat; }
			#nav-swimming-courses a:hover { background: #fff url('images/nav-grid.png') -430px -30px no-repeat; }
		
		#how-to-find-us a { position: absolute; top: 0; right: 0; width: 167px; height: 30px; background: #de600b url('images/how-to-find-us.png') 0 0 no-repeat; }
		#how-to-find-us a:hover { background: #de600b url('images/how-to-find-us.png') 0 -30px no-repeat; }

#content { width: 950px; margin: 0 auto; min-height: 570px; }
	#main { width: 680px; float: left; }
		#news-events, #special-offers { padding: 15px; background: #fff; width: 300px; margin-top: 20px; min-height:170px; }
			#news-events h2 {  background: #fff url('images/news-events.png') 0 50% no-repeat; margin-bottom: 5px; }
			#special-offers h2 {  background: #fff url('images/special-offers.png') 0 50% no-repeat; margin-bottom: 5px; }
	
	#special-offers {
		
	}
			
	#sidebar { width: 250px; float: right; }
		
		#adspot1, #adspot2 { width: 250px; height: 140px; margin-bottom: 20px; }

#illustration { width: 680px; height: 140px; margin-bottom: 20px; }

#page { width: 630px; padding: 5px 25px 25px; background: #fff; margin-bottom: 20px; }
	#page h2 { padding-top: 25px; }
	#page h2, #page h2 a { font-size: 24px; color: #de600b; }
	
	
	#content p, #content li { font-size: 12px; padding: 5px 0; }
	#content p.readmore { display: block; text-align: right; padding-top: 5px; font-size: 11px; }
	
	#main h3 { font-size: 18px; color: #06274e; padding: 10px 0 5px; }
	#main h2.posttitle { padding-bottom: 10px; }
	#main .postentry p { font-size: 13px; padding: 7px 0 5px; line-height: 150%; }
	#main .postentry strong { font-weight: 700; }
	#main .postentry em { font-style: italic; }
	#main .postentry img { float: left; margin: 5px 20px 5px 0; border: 1px solid #ccc;}
	#main .postentry ul {  padding: 5px 0 5px 20px;  } 
	#main .postentry li { background: #fff url('images/bullet-orange.png') 0 5px no-repeat; padding: 5px 0 5px 20px; font-size: 13px;  }


	#main h3#respond, #main h3#comments { text-transform: uppercase; color: #de600b; font-size: 14px; font-weight: 400; padding: 1em 0 0.2em;  }
	#main h3#comments { padding-top: 20px; }

	#main .commentlist { padding: 15px 0; }
	#main .commentlist li {  border-top: 1px dotted #ccc; padding: 10px; }
	#main .commentlist li.alt { background: #fafafa; }
	#main .commentlist p { padding: 7px 0 7px 50px; font-size: 12px; }
	#main .avatar { float: left; margin-right: 18px; }

	#commentform { padding: 15px 0; }

	#commentform input { width:300px; font-size: 14px; color: #222; height:20px; line-height:26px; padding: 3px; border: 1px solid #666; background:#efefef; margin: 5px 5px 5px 0;}
	#commentform textarea { width:630px; height: 150px; font-size: 14px; color: #222; line-height:26px; padding: 3px; border: 1px solid #666; background:#efefef; margin: 5px 5px 5px 0;}
	#commentform input#submit  { width:auto; font-size: 12px; text-transform: lowercase; color: #fff; height:auto; line-height:auto; padding: 3px 20px; border: 1px solid #78770d; background:#de600b; margin: 5px 5px 5px 0;}



#footer { width: 950px; clear: both; margin: 0 auto 20px; }
#footer p { color: #fff; font-size: 1.1em; line-height: 150%; float: right; padding: 0; text-align: right; }



#footer-navigation { float: left; }
	#footer-navigation li { float: left; padding-right: 10px; margin-right: 10px; }
		#footer-navigation a { font-size: 12px; color: #ccc; border-bottom: 1px dotted #666; text-decoration: none; padding-bottom: 1px; }
		#footer-navigation a:hover { color: #fff; border-bottom: 1px solid #666; text-decoration: none; }

#footer .copy span { padding-left: 50px; }
#footer .copy span a { color: #ccc; border-bottom: 1px dotted #666; text-decoration: none; padding-bottom: 1px; }
#footer .copy span a:hover { color: #fff; border-bottom: 1px solid #666; text-decoration: none; }

/* forms */

#content fieldset { padding: 20px 0; display: block; }
	#content fieldset p { text-align: center; }
	
	#from-computer { padding: 18px 0 18px 175px; height: 59px;  background: transparent url('../images/from-computer-bg.png') 145px 0 no-repeat; }
		#from-computer p  { margin-bottom: 2px; width: 400px; height: 20px;  background: transparent url('../images/from-computer.png') 0 0 no-repeat; }
	#from-web { padding: 18px 0 18px 175px; height: 59px;  background: transparent url('../images/from-web-bg.png') 145px 0 no-repeat; }
		#from-web label  { margin-bottom: 2px; width: 400px; height: 20px;  background: transparent url('../images/from-web.png') 0 0 no-repeat; }
	#or { width: 27px; height: 28px;  background: transparent url('../images/or.png') 0 0 no-repeat; margin: 0 auto; }
	#from-web input { width: 420px; background: #fff; border: none; font-size: 14px; color: #000; padding: 4px 5px; -webkit-border-radius:5px; }
	input#go { border: none; text-indent: -3000px; padding: 0; overflow: hidden; background: transparent url('../images/upload-button.png') 0 0 no-repeat; width: 221px; height: 60px; cursor: pointer; margin: 10px auto 0; }