/* Website for Pageant Fitness */
/* May 2008 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */

/* ----------------------------------------------- 
   INITIAL RESET PLUS LAYOUT
   ----------------------------------------------- */


/* 	----------------------------------------------- 
		Reset browser default styles to insure consistency across various browsers
  	----------------------------------------------- */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, 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-size: 100%; line-height: 1; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* 	----------------------------------------------- 
		Helpful fixes
  	----------------------------------------------- */
a {outline: none;}  /* get rid of Firefox link boxes */
html { height: 100%; /* forces vertical scrollbars in FF to avoid horizontal shift on short pages */
}

/* 	----------------------------------------------- 
 	Site Structure 
  	----------------------------------------------- */
body { background: #426878 url(../images/bodybkgd.jpg) top left repeat-x; }
div#wrapper { width: 820px; margin: 0 auto 10px auto !important; margin: 0 0; padding: 0; background: url(../images/contentbkgd.jpg) repeat-y; }
	div#content { position: relative; clear: both; width: 760px; min-height: 540px; margin: 0; padding: 160px 30px 0 30px; background: url(../images/masthead.jpg) top left no-repeat; }
	/* IE doesn't support min-height, but it treats height that way, so filter for IE */
	* html div#content { height: 540px; }
	div#content.frontpage {	width: 400px; padding: 160px 30px 0 390px; background: url(../images/FRONTmasthead.jpg) top left no-repeat; }
	div#nav { position: absolute; top: 0; left: 15px; width: 790px; height: 40px; background: url(../images/nav.jpg) top left no-repeat; }
	div#exerciseTip { position: absolute; top: 490px; left: 470px; width: 315px; height: 170px; margin: 0; padding: 0; }
	div#footer { width: 760px; min-height: 10px; margin: 0; padding: 30px 30px 0 30px; background:  #426878 url(../images/footer.jpg) top left no-repeat; }
		/* IE doesn't support min-height, but it treats height that way, so filter for IE */
	* html div#footer { height: 20px; }
	div#footer.frontpage {background-image: url(../images/FRONTfooter.jpg);}
	
	div#ssm_container {min-height: 870px;}
	/* IE doesn't support min-height, but it treats height that way, so filter for IE */
	* html div#ssm_container { height: 870px; }
	

/* 	----------------------------------------------- 
	Typography
    --------------------------------------------*/
body { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; text-align: center; }
h1 { font-size: 30px; font-weight: normal; color: #4689af; line-height: 36px; margin: 0; padding: 0 0 10px 0px; }
h2 { font-size: 24px; line-height: 30px; font-weight: normal; color: #c105be; padding: 0 0 5px 0; margin: 0; }
h3 { font-size: 18px; font-weight: normal; font-style: italic; padding-top: 10px;  color: #4c4f4a; }
p, li { margin: 0; padding: 0 0 10px 0; font-size: 15px; line-height: 20px; color: #444444; text-align: left; }
td, th { padding: 0; margin: 0 0 10px 0; font-size: 13px; line-height: 18px; color: #444444; text-align: left; }
dd {padding: 0 0 20px 20px; font-size: 15px; line-height: 20px; color: #444444; text-align: left; }
dt {font-size: 16px; , line-height: 20px; color: #c105be;}
th { font-weight: bold; }
strong { color: #a32b7a; font-weight: bold; }
blockquote { padding: 5px 20px; }
a { color: #4689af; }
a:link { color: #4689af; }
a:visited {	color: #185476; }
a:hover { color: #a32b7a; }
a:active { color: #6b0046; }

/* ----------------------------------------------- 
   Ordered and Unordered Lists
   ----------------------------------------------- */
ul.listCompact { list-style-position: outside; list-style-type: square; margin: 0 0 20px 2em; padding: 0 0 0 0; }
ol.listCompact { list-style-position: outside; list-style-type: decimal; margin: 0 0 20px 2em; padding: 0 0 0 0; }
ul.listExtended { list-style-position: inside; list-style-type: square; margin: 0 0 20px 2em; padding: 0 0 0 0; }
ol.listExtended { list-style-position: outside; list-style-type: decimal; margin: 0 0 20px 2em; padding: 0 0 0 0; }
ul.listCompact ul, ol.listCompact ul, ul.listExtended ul, ol.listExtended ul { list-style-type: disc; margin: 10px 0 10px 2em; list-style-position: outside; }
ol.listCompact ol, ul.listCompact ol, ol.listExtended ol, ul.listExtended ol { list-style-type: lower-alpha; margin: 10px 0 10px 2em; list-style-position: outside; }
ul.listCompact li, ol.listCompact li { margin: 0; padding: 0; }
ul.listExtended li, ol.listExtended li { margin: 0 0 10px 0; padding: 0; }

/* ----------------------------------------------- 
   Footer
   ----------------------------------------------- */
div#footer p { font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; line-height: 1.4; margin: 0;  padding: 0 0 5px 0; color: #ffffff; text-align: center; }
div#footer p a, div#footer p a:link, div#footer p a:visited { color: #ffffff; text-decoration: none; line-height: 1.8; }
div#footer p a:hover { color: #81adc7; text-decoration: underline; }

/* ----------------------------------------------- 
   Classes
   ----------------------------------------------- */
.warning { color: #990000; font-weight: bold; }

/* ----------------------------------------------- 
   Navigation
   ----------------------------------------------- */
div#nav ul { margin: 0; padding: 0; list-style: none; }
div#nav li { margin: 0; padding: 0; display: inline; float: left; height: 40px; }
div#nav li a { display: block; height: 40px; text-indent: -8000px; background-image: url(../images/nav.jpg); }
div#nav li#Home a { width: 56px; margin-left: 8px; background-position: -8px 0; }
div#nav li#Home a:hover { background-position: -8px bottom; }

div#nav li#About a { width: 178px; margin-left: 9px; background-position: -73px 0; }
div#nav li#About a:hover { background-position: -73px bottom; }

div#nav li#Services a { width: 128px; margin-left: 8px; background-position: -259px 0; }
div#nav li#Services a:hover { background-position: -259px bottom; }

div#nav li#Gallery a { width: 112px; margin-left: 9px; background-position: -396px 0; }
div#nav li#Gallery a:hover { background-position: -396px bottom; }

div#nav li#FAQ a { width: 46px; margin-left: 11px; background-position: -519px 0; }
div#nav li#FAQ a:hover { background-position: -519px bottom; }

div#nav li#Testimonials a { width: 101px; margin-left: 10px; background-position: -575px 0; }
div#nav li#Testimonials a:hover { background-position: -575px bottom; }

div#nav li#SendMessage a { width: 96px; margin-left: 11px; background-position: -687px 0; }
div#nav li#SendMessage a:hover { background-position: -687px bottom; }

/* ----------------------------------------------- 
   PHOTOS, IMAGES, GRAPHICS
   ----------------------------------------------- */
img.photoRight { border: 1px solid #666666; padding: 5px; background-color: #999999; margin: 5px 0 5px 10px; float: right; }
img.photoLeft { border: 1px solid #666666; padding: 5px; background-color: #999999; margin: 5px 10px 5px 0; float: left; }
img.graphicRight { border: none; padding: 0; margin: 5px 0 5px 5px; float: right; }
img.graphicLeft { border: none; padding: 0; margin: 5px 5px 5px 0; float: left; }

/* ----------------------------------------------- 
   SPECIAL USES
   ----------------------------------------------- */
.floatclear { clear: both; }
p.caption { font-family: Tahoma, Arial, Helvetica, sans-serif;  font-size: 10px; font-style: normal; line-height: 1.2; font-weight: bold; color: #ffffff; 
	border-bottom: 1px solid #cccccc; padding: 2px 5px 4px 5px; margin: 0; background-color: #777777; border-bottom: 1px solid #555555; border-top: 1px solid #888888; }
.aside { font-size: 10px; color: #666666; font-weight: normal; }
div.testimonial { margin: 10px 0; padding: 15px; border: 1px solid #185476; background: #ffffff url(../images/callout2.jpg) top left repeat-x; }
div.testimonial p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
div.testimonial p.writer { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; }

/* ----------------------------------------------- 
   Tables
   ----------------------------------------------- */
table { margin: 10px 0; padding: 0; }
td { padding: 4px; margin: 0; border-bottom: 1px solid #666666; }
th { padding: 4px; margin: 0; border-bottom: 2px solid #666666; }
tr.topRow th { text-align: center; }
table#fee td { text-align: center; }

/* ----------------------------------------------- 
   Contact Forms
   ----------------------------------------------- */
div.contactDiv { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #4689af; }
div.contactDiv td { vertical-align: top; border-bottom: none;}
div.contactDiv input.formInput, div.contactDiv textarea { width: 100%; margin: 3px 8px 15px 0; padding: 3px; border: 1px solid #666666; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #4689af; font-size: 12px;  }
div.contactDiv label { display: block; margin: 0px 0 1px 0; color: #444444; padding: 0; 
	font-size: 11px; letter-spacing: 1px; }
div#honeypot { display: none; } /* spambot trap */
div.contactDiv p { color: #444444;  font-weight: bold; font-size: 13px; line-height: 13px; padding: 5px; }
div.contactDiv p input.formInput { display: inline; margin: 0 0 0 25px; }
.rtnMsg { background-color: #FBF2C9; color:  #000000;  padding: 5px 7px; margin: 5px 0; border: 1px solid  #333333; }

/* ----------------------------------------------- 
   Horizontal Info Table
   ----------------------------------------------- */
table.horizTable { border: 1px solid #4689af; }
table.horizTable td { padding: 4px; margin: 0; border-bottom: 1px solid #eeeeee; }
table.horizTable th { font-weight: bold; padding: 4px; margin: 0; border-bottom: 1px solid #eeeeee; }
table.horizTable td.number { text-align: center; }

/* Testimonials */
.pageantTestimonyAttr {font-size: 12px; font-style: italic; }