/* ----------------------------------------------------------
Site Name
Design by: Sean Baker [sean@onwired.com]
Frontend Coding by: Ryan Downie [Ryan@ryandownie.com]
Version: 1.0 Date: 15/04/09
-----------------------------------------------------------

Table Of Contents

	General Styles
        Rests
		Building Blocks
    Navigations
        Navigation Main
        Secondery Navigation
    Forms
       Mail forms
    Tables
        Main Tables
    Buttons and Misc
        Buttons
        img
    Page Specific Styles
            Home Page
            About Page

----------------------------------------------------------*/
/*  
General Styles
------------------------------------------------------------------------------------------- */

/*
= Resets  */
html {background: transparent url(../img/html.jpg) repeat-x scroll left bottom;}
body{ background: url(../img/body.jpg) repeat-x top left; min-height:900px;  position:relative; font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;}
ul, ol {margin:0;}
ul li, ol li{list-style:none;}
a {color:#526d80;outline:none;}
a:hover {text-decoration:underline;}
cite { font-style:italic; color:#8b0b04;}
h3 { clear: both; }
div#content ul,div#content p { margin-bottom: 2em; }
div#content p+ul { margin-top: -1em; }
div#content h3+p { margin-top: -1em; }
div#content h3+h4 { margin-top: -1em; }
div#content h4+h3 { margin-top: 1em; }
div#content ul {margin-left:1.4em;}

div#content ul li {list-style: square;}
div#content ul ul,div#content ul p,div#content ul li ul li { margin-bottom: 0; }
/* ---------------------------------------------------------- */

/*
= Building Blocks  */
div#wrapper {width:940px; margin:0 auto;}
div#masthead {float:left; margin:28px 0 0px; width:940px; }

div#content-wrapper {background:transparent url(../img/content-bg.jpg) no-repeat scroll 0 0; float:left; line-height:1.5; margin:-4px 0 0; padding:35px 21px 0; width:98%; }

div#main-content {float:left; width:600px;}
div#sub-content {float:right; width:280px;}
div#sub-content blockquote {margin:0;}

div#supp-content {background:transparent url(../img/supp-bottom.png) no-repeat left bottom; float:left; width:101%; margin-top:41px;}
div#supp-content ul {background:transparent url(../img/supp-top.png) no-repeat scroll left top; float:left; padding:17px 19px; width:101%;}
div#supp-content ul li {float:left; width:280px; margin:0 39px 0 0;}
div#supp-content ul li dl {margin:0;}
div#supp-content ul li dt {color:#8b0b04; font-weight:bold;}
div#supp-content ul li dd {margin:6px 0;}
div#supp-content a.button {float:left; margin:5px 0 0;}
div#supp-content img {margin:0px 0 0 0px;}

div#footer { width:100%; margin:30px 0 40px; float:left;}
div#footer ul#site-links {float:left; width:300px;}
div#footer ul li {border-right:1px solid #8B0B04; float:left; padding:0 10px }
div#footer ul li a {color:#8B0B04; font-size:89%; font-weight:bold; ; text-decoration:none; text-transform:uppercase; }
div#footer ul li.last {padding-right:0; border:none;}
div#footer ul#site-info {float:right; font-size:83%; font-weight:bold; margin:3px 0 0; width:615px; }
div#footer ul#site-info span {background:transparent url(../img/onwired.png) no-repeat scroll 0 -3px; float:right; margin:-16px 0 0 6px; padding:0 0 10px; text-indent:-9999px; width:65px; }
/* ---------------------------------------------------------- */

/*
= Headers  */
h1#logo {float:left; background:url(../img/logo.png) no-repeat 0 0; width:232px; height:91px; margin:0; text-indent:-9999px;}
h1#logo a {width:232px; height:91px; display:block;}
h3 {color:#8B0B04; font-size:149%; margin:0 0 10px; }
div#main-content h2 {color:#8B0B04; font-size:230%; margin:0 0 20px; line-height:1.2; }
div#main-content h4 {font-size:110%; margin-bottom:10px;}
/* ---------------------------------------------------------- */

/*  
Navigations
------------------------------------------------------------------------------------------- */
/* 
= Main Navigation */
ul#navigation-main {float:right; font-size:112%; font-weight:bold; margin:59px 0 0; width:685px; }
ul#navigation-main li {float:left; margin-left:18px;}
ul#navigation-main li a span {background:none; padding:0; text-transform:lowercase; display:inline;}
ul#navigation-main li a {color:#1E1E1D; text-decoration:none; text-transform:uppercase; text-align:center;padding:6px 7px; display:block;}
ul#navigation-main li span {background:transparent url(../img/nav-bg.jpg) no-repeat scroll center 24px; display:block; height:13px; padding:0 0 43px;}
ul#navigation-main li a:hover {background:#8B0B04; color:#FFF;}
ul#navigation-main li a.current {background:#8B0B04; color:#FFFFFF;}
body#home ul#navigation-main,body.other-sec ul#navigation-main {margin-bottom: 0px;}
/* ---------------------------------------------------------- */

/*  
Forms
------------------------------------------------------------------------------------------- */
/* NO FORMS HERE YET */
/* ---------------------------------------------------------- */

/*  
Tables
------------------------------------------------------------------------------------------- */
/* NO TABLES HERE YET */
/* ---------------------------------------------------------- */

/*  
BUTTONS AND MISC
------------------------------------------------------------------------------------------- */
a.button {background:#D5A862 none repeat scroll 0 0; text-decoration: none; border-top:1px solid #A07E49; color:#000000; font-size:92%; font-weight:bold; padding:8px 9px; text-transform:uppercase; display:block;}
a.button:hover {background:#AF8441; color:#FFF; text-decoration:none; border-top:1px solid #D5A862 }
div#intro-area a.button {background:#d1bfb3; border-top:1px solid #9d8f86}
div#content-wrapper a.button {float:left; margin-top:1px;}
body#sub-page div#intro-area a.button {float:left; margin:0 20px; }
.inline-buttons a.button { clear: none; margin: 0 1em 3em 0; }
.inline-buttons { clear: both; }
.side-clear a { float: none; }
#sub-content a.button { margin-bottom: 2em; }
/* ---------------------------------------------------------- */


/*  
Page Specific Styles
------------------------------------------------------------------------------------------- */
/* 
= Homepage */
body#home div#intro-area {float:left; margin:-272px 0 0 62px; position:relative; width:410px;}
body#home div#intro-area h2 {color:#8B0B04; font-size:46px; font-weight:bold; line-height:1; margin:-16px 0 4px; text-transform:uppercase; }
body#home div#intro-area ul {}
body#home div#intro-area ul li {float:left; margin:8px 20px 0 0;}
div#why {float:left; width:280px;}
div#aside {float:right; width:280px; }

#eladder-wrapper { text-align: center; }
#eladder-wrapper span { display: block;  margin-top: 1em; }
#eladder { display: block; text-indent: -9999px; background: transparent url('../img/eladder.png') no-repeat bottom left; width: 265px; height: 66px; }
/*#eladder:hover { background-position: bottom left;}*/

body#home div#sub-content {background:transparent url(../img/quote.png) no-repeat scroll 1px -2px; float:right; padding:0 0 0 34px; width:246px; }

/* 
= Sub-Page */
body#sub-page div#intro-area {background:transparent url(../img/quote.png) no-repeat scroll 1px -2px; float:right; margin:-210px 49px 0 0; padding:0 0 0 61px; position:relative; width:344px;}
body#sub-page div#intro-area h2 {color:#8B0B04; font-size:382%; font-weight:bold; line-height:1; margin:0 0 9px; text-transform:uppercase; }
body#sub-page div#intro-area ul {}
body#sub-page div#intro-area ul li {float:left; margin:8px 20px 0 0;}
body#sub-page div#intro-area blockquote {font-size:144%; line-height:1.5; }
body#sub-page div#intro-area cite {float:left; margin:-10px 0 19px; width:100%; }

ul#post-section li {border-bottom:1px solid #D4D4D3; float:left; margin-bottom:16px; padding-bottom:6px;}
div#register-plaqard {background-color: #d1bfb3; border-top: 1px solid #9d8f86; padding: 20px; clear:both;}
.course-price {float: left; font-size: 200%; font-weight: bold;}
div#register-plaqard button { cursor: pointer; background-color: #8b0b04; float: right;  padding: 0.6em; border: none; color: #fff; text-transform: uppercase; font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif; font-weight: bold; }
div#register-plaqard button:active { background-color: #640803; }
.course-options a.button { background-color: #d1bfb3; color: #8b0b04; border-top: none; float: right !important; margin: 0 0 0 1px; }
.course-options a.button:hover { border-top: none; color: #fff; background-color: #8b0b04; }

.event { width: 100%; }
/* ---------------------------------------------------------- */

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.left { float: left; }
img.left { float: left; margin: 1em 1em 1em 0; }
.right { float: right; }


/*----Contact Form------*/
textarea {
	width:30em;
	height:10em;
}