* {
  margin: 0px;
  padding: 0px;
  outline: none;
}

body {
  padding-top: 20px;
  font: normal 16px/1.3 "Century Gothic",sans-serif;
  color: #ffffff;
  background: #000000;
  text-align: center;
}

p {
  margin: 10px 0px;
}

p:first-child {
  margin-top: 0px;
}

a {
  outline: none;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}

a:hover {
  color: #ffd46d;
}

h1 {
  font-size: 30px;
  font-weight: normal;
  color: #ff7200;
}

h2 {
  font-size: 24px;
  font-weight: normal;
  color: #ff7200;
}

h3 {
  font-size: 20px;
  font-weight: normal;
  color: #ff7200;
}

img {
  border: none;
  outline: none;
}

ul {
  margin-left: 20px;
  list-style: disc outside none;
}

ol {
  margin-left: 20px;
  list-style: lower-roman outside none;
}

input , select , textarea {
  padding: 2px 4px;
  font: normal 14px/1 "Century Gothic",sans-serif;
}

table {
  border-collapse: collapse;
}

div.pagecenter {
  margin: 0px auto;
  width: 1104px;
  padding: 0px 29px;
  text-align: left;
}

*.clear {
  clear: both;
}

*.orange {
  color: #ff7200;
}

*.orange a {
  color: #ff7200;
}

*.orange a:hover {
  color: #ffd46d;
}

*.yellow , *.yellow a , a.yellow { color: #f0e61c; }

*.yellow a:hover {
  color: #ffd46d;
}

*.white {
  color: #ffffff;
}

*.white a {
  color: #ffffff;
}

*.white a:hover {
  color: #ffffff;
}

*.small {
  font-size: 14px;
  font-weight: normal;
}

div#linkloading {
  display: none;
  position: absolute;
  height: 30px;
  width: 110px;
  padding: 5px;
  text-align: center;
  background: url(img/linkloadingbg.png) no-repeat;
  color: #000000;
}
html>body div#linkloading {
  height: 20px;
  width: 100px;
}

div#naviloading {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  text-align: center;
  background: url(img/overlay.png);
  color: #000000;
}

div#naviloading div.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -33px;
  margin-left: -45px;
  height: 67px;
  width: 90px;
  padding: 6px 5px;
  font-size: 12px;
  background: url(img/naviloadingbg.png) no-repeat;
}
html>body div#naviloading div.loading {
  height: 55px;
  width: 80px;
}

/*** itunesslider *********************************************************/
/* http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-simple-itunes-like-slider/ */
/*
 * --------------------------------------------------------------------
 * Simple Scroller
 * by Siddharth S, www.ssiddharth.com, hello@ssiddharth.com
 * Version: 1.0, 05.10.2009 	
 * --------------------------------------------------------------------
 */
/* Modified by TJ for use in mywebweaver.com */

div.itunesslider-container {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

div.itunesslider-container img {
  display: block;
}

div.itunesslider-gallery, div.itunesslider-thumbs {
  float: left;
}

div.itunesslider-gallery {
  width: 570px;
  height: 240px;
  overflow: hidden;
}

div.itunesslider-gallery img {
  position: absolute;
}

div.itunesslider-thumbs {
  width: 80px;
  height: 240px;
  overflow: hidden;
}

a.itunesslider-next {
  display: block;
  width: 20px;
  height: 20px;
  background: url(img/itunesslider/arrow.png);
  position: absolute;
  bottom: 0px;
  right: 2px;
}
  
a.itunesslider-next:hover {
  background: url(img/itunesslider/arrowmo.png);
}

/*** Splash ***************************************************************/

div#splash {
  display: none;
  position: relative;
  height: 0px;
}

div#splash-welcome , div#splash-to , div#splash-logo {
  display: none;
  position: absolute;
  top: 128px;
  opacity: 0;
}

div#splash-welcome { left: 783px; color: #ff7200; }
div#splash-to { left: 803px; color: #ff7200; }
div#splash-logo { left: 829px; }

div#splash-loading {
  margin-top: 10px;
  font-size: 13px;
  text-align: right;
}

/*** Main area ************************************************************/

div#main {
  background-position: 0px 29px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(img/bg.png);
}

div#mainlogo {
  text-align: center;
}

div#mainheading {
  margin-top: 10px;
  overflow: hidden;
}

div#mainheading a {
  color: #FF7200;
  font-weight: normal;
}

div#mainheading a:hover {
  color: #ffd46d;
}

div#mainline {
  margin: 3px 0px 7px;
  height: 2px;
  background: #ff4e00;
}

div#mainbody {
  overflow: hidden;
}

div#footer {
  margin-top: 20px;
  padding: 10px 0px 20px;
  text-align: center;
  background: #ff4e00;
}

div#footer a {
  font-weight: normal;
}

div#footer a:hover {
  color: #ffec1d;
}

div#disclaimer {
  margin-top: 10px;
  padding: 0px 140px;
  font-size: 10px;
  text-align: center;
  color: #777777;
}

/*** Columns **************************************************************/

div.col180 {
  float: left;
  width: 180px;
  padding: 0px 10px;
}
html>body div.col180 {
  width: 160px;
}

div.col242 {
  float: left;
  width: 242px;
  padding: 0px 10px;
}
html>body div.col242 {
  width: 222px;
}

div.col260 {
  float: left;
  width: 260px;
  padding: 0px 10px;
}
html>body div.col260 {
  width: 240px;
}

div.col422 {
  float: left;
  width: 422px;
  padding: 0px 10px;
}
html>body div.col422 {
  width: 402px;
}

div.col502 {
  float: left;
  width: 502px;
  padding: 0px 10px;
}
html>body div.col502 {
  width: 482px;
}

div.col682 {
  float: left;
  width: 682px;
  padding: 0px 10px;
}
html>body div.col682 {
  width: 662px;
}

div.darkcolumn502 {
  margin-left: -10px;
  width: 482px;
  padding: 10px;
  background: url(img/overlay.png);
}

p.otherinterested {
  margin-left: -10px;
  width: 502px;
  font-size: 10px;
}

/*** Contact floating button **********************************************/

div#floatbuttons {
  position: absolute;
  top: 180px;
  right: -9px;
}
html>body div#floatbuttons {
  position: fixed;
}

div#floatbuttons img {
  display: block;
  margin-bottom: 3px;
}

/*** Special styles for specific parts ************************************/

/** Our Classes on index page **/

div#bodyclasses div.classlist p {
  margin: 4px 0px;
}

div#bodyclasses div.classlist a {
  font-weight: normal;
}

/** Hover images **/

a.hover {
  display: inline-block;
  position: relative;
}

a.hover img.hoverimage {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
}

/** Workshops column on index page **/

div#bodyworkshops div.upcominglist div.item {
  margin-bottom: 3px;
}

div#bodyworkshops div.upcominglist div.item div.date {
  float: left;
  margin-top: 3px;
  height: 17px;
  width: 60px;
  padding-top: 1px;
  padding-right: 6px;
  text-align: right;
  line-height: 1;
  font-size: 14px;
  background: url(img/workshopdatebg.gif) no-repeat;
}
html>body div#bodyworkshops div.upcominglist div.item div.date {
  height: 16px;
  width: 54px;
}

div#bodyworkshops div.upcominglist div.item div.name {
  padding-left: 70px;
}

div#bodyworkshops div.upcominglist div.item div.name a {
  font-weight: normal;
}

div#bodyworkshops div.upcominglist div.item div.name a.hover {
  color: #ffd46d;
}

div#bodyworkshops div.upcominglist div.item div.date a {
  color: #000000;
}

div#bodyworkshops div.upcominglist div.item div.date a:hover
, div#bodyworkshops div.upcominglist div.item div.date a.hover {
  color: #ffffff;
}

div#bodyworkshops p.workshopschedulelink a {
  color: #ff0000;
}

div#bodyworkshops p.workshopschedulelink a:hover {
  color: #ffd46d;
}

/** .registernow Form **/

div.registernowbox div.submit input:hover {
  background: #727272;
}

div.col422 div.registernowbox {
  position: relative;
  width: 310px;
  padding: 10px;
  background: #212121;
}
html>body div.col422 div.registernowbox {
  width: 290px;
}

div.col422 div.registernowbox input
, div.col422 div.registernowbox select {
  width: 210px;
}

div.col422 div.registernowbox div.submit {
  position: absolute;
  bottom: 20px;
  right: 10px;
}

div.col242 div.registernowbox {
  position: relative;
  width: 222px;
  padding: 10px;
  background: #212121;
}
html>body div.col242 div.registernowbox {
  width: 202px;
}

div.col242 div.registernowbox input
, div.col242 div.registernowbox select {
  width: 190px;
}

div.registernowbox div.submit input {
  width: 70px;
  padding: 4px;
  border: none;
  font-size: 16px;
  color: #ffffff;
  background: #404040;
  cursor: pointer;
}

/** Course details table **/

table.coursedetails {
  width: 100%;
}

table.coursedetails p {
  margin: 5px 0px;
}

table.coursedetails p:first-child {
  margin-top: 0px;
}

table.coursedetails td {
  padding: 1px;
}

table.coursedetails td.label {
  color: #ff7200;
}

table.coursedetails td.labelsep {
  color: #ff7200;
  width: 10px;
}

table.coursedetails p.small {
  font-size: 13px;
}

/** Contact Us page **/

form#contactusform input.text , form#contactusform textarea {
  border: 1px solid #777777;
  width: 394px;
  padding: 2px 3px;
}

form#contactusform textarea {
  height: 250px;
}

form#contactusform p.interestedsection {
  border-top: 1px dashed #ffffff;
  padding-top: 4px;
}

div.address {
  position: relative;
}

a.drawnmap {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 230px;
}

div.fl {
  float: left;
  margin-right: 10px;
}

/** Course guide page **/

div.classguidelist {
  width: 100%;
}

div.classguidelist table {
  width: 100%;
  margin-bottom: 10px;
  table-layout: fixed;
}

div.classguidelist td.subject {
  width: 180px;
  padding: 10px;
  font-size: 24px;
  background: #ff7200;
  color: #ffffff;
  font-variant: small-caps;
}
html>body div.classguidelist td.subject {
  width: 160px;
}

div.classguidelist td.detail {
  width: 230px;
  padding: 5px;
}
html>body div.classguidelist td.detail {
  width: 220px;
}

div.classguidelist td.class {
  width: 252px;
  padding: 5px;
}
html>body div.classguidelist td.class {
  width: 242px;
}

div.classguidelist td.note {
  width: 482px;
  padding: 5px;
  font-style: italic;
}
html>body div.classguidelist td.note {
  width: 472px;
}

div.classguidelist td.photo {
  width: 482px;
  padding: 5px;
}
html>body div.classguidelist td.photo {
  width: 472px;
}

/** Workshop guide page **/

div.wkshpguidelist {
  width: 100%;
}

div.wkshpguidelist table {
  width: 100%;
  margin-bottom: 10px;
  table-layout: fixed;
  vertical-align: top;
}

div.wkshpguidelist td.left {
  position: relative;
  width: 70px;
  text-align: right;
  background: #ff7200;
}

div.wkshpguidelist td.topbottom {
  background: transparent;
}

div.wkshpguidelist td.right {
  width: 525px;
  padding: 0px 5px;
}
html>body div.wkshpguidelist td.right {
  width: 515px;
}

div.wkshpguidelist td.right a {
  font-weight: normal;
}

/** Workshops page **/

div.workshopschedule {
  margin-bottom: 18px;
}

div.workshopschedule div.item {
  margin-bottom: 2px;
}

div.workshopschedule div.item div.date {
  float: left;
  margin-top: 3px;
  height: 17px;
  width: 60px;
  padding-top: 1px;
  padding-right: 6px;
  text-align: right;
  line-height: 1;
  font-size: 14px;
  background: url(img/workshopdatebg.gif) no-repeat;
}
html>body div.workshopschedule div.item div.date {
  height: 16px;
  width: 54px;
}

div.workshopschedule div.item div.price {
  float: left;
  margin-left: 10px;
  width: 45px;
}

div.workshopschedule div.item div.name {
  float: left;
  margin-left: 10px;
  width: 250px;
}

div.workshopschedule div.item div.name a {
  font-weight: normal;
}

div.workshopschedule div.item div.name a.hover
, div.workshopschedule div.item div.price a.hover
, div.workshopschedule div.item div.location a.hover {
  color: #ffd46d;
}

div.workshopschedule div.item div.location {
  padding-left: 355px;
}

div.workshopschedule div.item div.location a {
  font-weight: normal;
}

div.workshopschedule div.item div.date a {
  color: #000000;
}

div.workshopschedule div.item div.date a.hover {
  color: #ffffff;
}

p.workshopslist {
  margin-top: 30px;
  line-height: 50px;
  text-align: center;
}

/** Individual workshop page **/

div.workshopupcoming {
  margin-bottom: 18px;
}

div.workshopupcoming div.item {
  margin-bottom: 2px;
}

div.workshopupcoming div.item div.date {
  float: left;
  margin-top: 3px;
  height: 17px;
  width: 60px;
  padding-top: 1px;
  padding-right: 6px;
  text-align: right;
  line-height: 1;
  font-size: 14px;
  background: url(img/workshopdatebg.gif) no-repeat;
  color: #000000;
  font-weight: bold;
}
html>body div.workshopupcoming div.item div.date {
  height: 16px;
  width: 54px;
}

div.workshopupcoming div.item div.location {
  padding-left: 75px;
}

h3.workshopreglink {
  margin-bottom: 14px;
}