/*

Company:		The Ski Schools (www.theskischools.com)

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


/* = GLOBAL RESET
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h5, h5, h6 { font-size: 100%; }
q:before, q:after { content:''; }

/* Add a few sensible defaults */
strong { font-weight: bold; }
em { font-style: italic;}
ol, ul, li { list-style: none; }
label { cursor: pointer; }

* a { position: relative; } /* Gets links displaying over a PNG background */
a { outline: none; /* Gets rid of Firefox's dotted borders */ text-decoration: none; }
a img { border: none; } /* Gets rid of IE's blue borders */

.cb { clear: both; }




/* = TYPOGRAPHY
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* = TYPOGRAPHY - basics */

body, p, li, dt, dd, th, td, label, input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
body { color: #313131; }
body, p, li, dt, dd, th, td, label { font-size: 11px; line-height: 18px; vertical-align: top; }
p, ul, ol, dd, table, address { margin: 0 0 18px 0; } /* bottom margins are equal to the line-height to keep a consistent line-height */
p.intro { clear:both; font-size: 13px; line-height: 20px; }
dt { font-weight: bold; }
h1, h2, h3, h4, h5 { color: #870506;}
h1 { font-size: 22px; line-height: 26px; margin: 0 0 18px; }
h2 { font-size: 22px; line-height: 26px; margin: 0 0 18px; }
h3 { font-size: 16px; line-height: 18px; margin: 0 0 18px; }
h4 { font-size: 14px; line-height: 18px; margin: 0 0 18px;}
ul li { list-style: square; margin: 0 0 1px 25px; }
ol li { list-style: decimal; margin: 0 0 1px 20px; }
input, textarea, select { font-size: 11px; }
input, textarea { padding: 2px; }

a { color: #c60000; text-decoration: none; border-bottom: 1px dotted #666; }
a:hover { color: #730001; border-bottom: 1px solid #111; }
a.at_item { border-bottom:0; }
.cb { clear: both; }




/* = STRUCTURE
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
body { text-align: center; background-color: #cc0001; }
div.wrapper { clear: both; width: 740px; margin: 0 auto; text-align: left; }

div#header { height: 105px; }
div#header a { border: none; }
div#header h1 { margin: 0; }
div#header h1 a { display: block; float: left; width: 274px; height: 105px; text-indent: -9999px; background: transparent url(http://www.theskischools.com/images/logo_tssf.jpg) 0 0 no-repeat; } 
div#header div.advert { float: right;}

div#page { width: 760px; min-height: 350px; margin: 10px auto 0; background: #fff url(images/page-bg.gif) 0 0 repeat-y; }
div#page div.wrapper { width: 710px; padding: 20px 25px 0; background: transparent url(images/page-top-bg.gif) 0 0 no-repeat; }

div#footer { clear: both; width: 760px; margin: 0 auto; padding-top: 20px; background: transparent url(images/page-bottom-bg.gif) 0 0 no-repeat; }
div#footer p.copyright { color: #eee; font-size: 10px; }

div.headline { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 18px; }
div.headline h2 { margin: 0;}


p.photo { position: relative; float: right; margin-left: 10px; border: 1px solid #ccc; padding: 3px; background-color: #fff; }

/* Page Tools */
ul.page-tools { position: relative; float: right; height: 18px; padding-top: 8px; }
ul.page-tools li { float: left; list-style: none; margin: 0; padding: 0 0 0 18px; }
ul.page-tools li a { float: left; padding-left: 20px; border: none; behavior:url(/i/library/iepngfix.htc); }
ul.page-tools li a:hover { border: none; }
ul.page-tools li.print-button a { background: url(images/printer.png) 0 0 no-repeat; }
ul.page-tools li.email-button a { background: url(images/email.png) 0 0 no-repeat; }
ul.page-tools li.add-this a { padding: 0; }

/* Messages */
div.error-message { margin: 0 2px 0; padding: 14px; background-color: #ffebe8; }
div.error-message p { margin-bottom: 9px; }
div.error-message ul { margin: 0; }
p.message-success, p.message-failure { font-size: 13px; padding-left: 20px;  }
p.message-success { color: #009626; background: transparent url(images/accept.png) 0 0 no-repeat; }
p.message-failure { color: #CC0000; background: transparent url(images/exclamation.png) 0 0 no-repeat; }

/* Contact Form */
div.contact-form { clear: both; }
form { background: transparent url(images/form-bg.gif) 0 0 repeat-y; }
form fieldset { padding: 10px 0; background: transparent url(images/form-bottom.gif) 0 bottom no-repeat; }
form h3 { margin: 0 0; padding-left: 65px; line-height: 40px; height: 40px; background: transparent url(images/form-head.jpg) 0 0 repeat-y; }
legend { display: none; }
div.details { float: left; width: 325px; margin-left: 15px; display: inline; }
div.details div.section { padding: 5px 0; }
div.details label { float: left; width: 100px; }
div.details input.textfield { width: 210px; }
div#message { float: right; width: 325px; margin-right: 15px; display: inline; }
div#message label, div.details h4 { display: block; font-size: 13px; margin: 0 0 1px; font-weight: bold; color: #3d3d3d; }
div#message label { margin-bottom: 6px; }
form label { font-weight: bold; }
form label.required, div#message label.required { color: #cc0000; font-weight: bold; }
form label { font-weight: bold; }
form label.required { color: #cc0000; font-weight: bold; }
div#message textarea { width: 320px; height: 320px; }

div#fm-verify div.option { margin-left: 100px; }
div.submit-form { clear: both; padding: 5px 15px 10px 370px; }