/**
  * That Creative Management Company
  *
  * @copyright       2009 David Boskovic
  * @author          David Boskovic
  * @version         Version 1.0
  *
  * @revision        Revision 1.0
  * @lastmodified    Monday, November 9th 2009
  * 
  * @colordef	purple	#632a83
  */

body						{ background-image: url('../img/bg.png'); margin: 0px; padding: 0px; font-family: 'Arial'; }
div.bg_fade					{ background: url('../img/bg-fade.png') repeat-x; }
div.bg_light				{ background: url('../img/bg-lite.png'); width: 1000px; margin: 0px auto; }
div.content					{ background: url('../img/bg-lite-fade.png') repeat-x; }
h1#logo						{ background: url('../img/logo.png') no-repeat; height: 114px; width: 297px; display: block; float: left; margin-top: 9px; margin-left: 27px; text-indent: -10000px; }
.clear						{ clear:both; height: 1px; width: 100%; font-size: 0px; }
#phone						{ color: #632a83; font-size: 25px; font-weight: bold; text-align:right; padding: 20px 27px; }
#phone span					{ font-size: 12px; display: block; font-weight:normal; }
#search 					{ position: relative; background: url('../img/search.png'); height: 32px; width: 230px; margin-right: 27px; float:right; }
#search input				{ border-width: 0px; width: 180px; outline: 0px; background-color:white; margin: 7px 0 0 10px;}
#search a					{ display: block; width:32px; height: 32px; position: absolute; left: 198px; top: 0px; text-indent: -10000px; cursor: pointer; }
#click-to-email				{ display: block; width: 194px; height: 45px; float:left; text-decoration: none; background-image: url('../img/button-email.png'); }

 /**
  * @section Navigation Elements
  *
  * All the navigation element style should go in this section
  */
div.top-nav							{ padding: 0px 26px; }
table#top-nav						{ margin: 0px; padding: 0px; }
table#top-nav td					{ background: url('../img/nav-p-bg.png'); }
table#top-nav td a					{ outline: 0px; display:block; background: url('../img/nav-w-sl.png') no-repeat left top; background-color: white; text-decoration: none; text-transform: uppercase; color: #632a83; font-size: 15px; font-family: "Myriad Pro", "Trebuchet MS", "Arial"; font-weight: bold; }
table#top-nav td a.first			{ background-image: url('../img/nav-w-l.png'); }
table#top-nav td a.last span		{ background: url('../img/nav-w-r.png') no-repeat right top; }
table#top-nav td a.selfirst			{ background-image: url('../img/nav-p-l.png') !important; }
table#top-nav td a.sellast span		{ background: url('../img/nav-p-r.png') no-repeat right top !important; }
table#top-nav td a span				{ display:block; background: url('../img/nav-w-sr.png') no-repeat right top; line-height: 31px; padding: 3px 20px 0px; text-align:center; }
table#top-nav td a.sel,
table#top-nav td a.selfirst,
table#top-nav td a.sellast,
table#top-nav td a:hover			{ background-image: url('../img/nav-p-sl.png'); background-color: transparent; color:white; }
table#top-nav td a.first:hover		{ background-image: url('../img/nav-p-l.png'); }
table#top-nav td a.last:hover span	{ background-image: url('../img/nav-p-r.png'); }
table#top-nav td a.sel span,
table#top-nav td a.selfirst span,
table#top-nav td a:hover span		{ background-image: url('../img/nav-p-sr.png'); }
#course_dropdown					{ display:none; position: absolute; padding: 10px 20px; background-color: white; margin-top: 5px; background-color: #632a83; border: 4px solid white; }
#course_dropdown a					{ outline: 0px; display:block; line-height: 25px; background: none !important;  text-decoration: none; text-transform: uppercase; color: #FFF !important; font-size: 15px; font-family: "Myriad Pro", "Trebuchet MS", "Arial"; font-weight: bold; }
#course_dropdown a:hover			{ background: none !important; text-decoration:underline; color: #FFF !important; }
div.subnav							{ background-image: url('../img/nav-two-bg.png'); height: 30px; float:left; margin-left: 60px; margin-top: 5px; color:#D386FA; }
div.subnav div						{ background-image: url('../img/nav-two-right.png'); background-repeat: no-repeat; background-position: top right; padding: 0px 10px; padding-top: 7px; line-height: 23px; font-size: 11px; text-transform: uppercase; }
div.subnav a						{ color: white; text-decoration:none; }
 /**
  * @section Feature Section
  *
  * All the style elmements associated with the feature section go here.
  */
div#feature							{ width: 950px; margin: 0px auto; padding-top: 20px; }
div#feature .left					{ background-image: url('../img/feature-links.png'); float: left; height: 220px; width: 291px; overflow: auto; }
div#feature .right					{ background-image: url('../img/feature-bg.jpg'); float: left; height: 220px; width: 659px; }
div#feature .right .fade			{ display:none; overflow:hidden; background-image: url('../img/feature-bg-highlight.jpg'); float: left; height: 220px; width: 659px; }
div#feature .left ul				{ margin: 0px; padding: 2px 0 0 0; }
div#feature .left ul li				{ display: block; list-style-type: none; border-bottom: 2px solid white; }
div#feature .left ul li a			{ padding:20px 20px; cursor:pointer; outline: 0px; display:block; text-decoration: none; text-transform: uppercase; color: #313131; font-size: 15px; font-family: "Myriad Pro", "Trebuchet MS", "Arial"; font-weight: bold; }
div#feature .left ul li a.sel,
div#feature .left ul li a:hover		{ color: #632a83; background: url('../img/feature-links-sel.png') -2px left; }
div#feature blockquote				{ margin: 35px 0px 0px 35px; padding: 0px; width: 300px; color: #632a83; font-size: 14px; float:left; }
div#feature .detail					{ font-size: 13px; color: gray; background: url('../img/feature-detail.png'); height: 200px; width: 295px; float:right; margin-top: 16px; margin-right: 16px; overflow: auto; }
div#feature .detail h3				{ margin: 0px; padding: 0px; font-size: 13px; color: #632a83; }
div#feature .right a				{ color: #632a83; text-decoration:underline; }
div#feature .detail p				{ margin: 0px; padding: 2px 0 10px 0;}
div#feature .feature-item			{ display:none;height: 220px; }
div#feature a.booknow				{ height: 30px; width: 129px; display: block; background: url('../img/button-book.gif'); text-indent: -10000px;}
div#feature a.learnmore				{ height: 30px; width: 138px; display: block; background: url('../img/button-learn.gif'); text-indent: -10000px; }
div#feature .price					{ font-size: 20px; font-weight: bold;  text-align: right; padding-right: 22px; padding-top: 10px; clear: both; }
div.feature_header					{ width: 950px; height: 307px; background-image: url('../img/header-generic.jpg'); margin: 0px auto; margin-top: 20px;  }
div.feature_header2					{ width: 950px; height: 307px; background-image: url('../img/header-generic2.jpg'); margin: 0px auto; margin-top: 20px;  }
div.feature_header_prince2			{ width: 950px; height: 307px; background-image: url('../img/header-prince2.jpg'); margin: 0px auto; margin-top: 20px;  }
div.feature_header_msp				{ width: 950px; height: 307px; background-image: url('../img/header-msp.jpg'); margin: 0px auto; margin-top: 20px;  }
ul.upcoming_events					{ margin: 0px; padding: 0px; }
ul.upcoming_events li				{ list-style-type: none; border-bottom: 1px dashed gray; padding: 4px 0px; }
ul.upcoming_events li a				{ color: #632a83; }
ul.upcoming_events li span			{ display: none; }
ul.upcoming_events li.special span	{ display: inline; }
ul.upcoming_events li.special		{ background-color: yellow; color:red; }
 /**
  * @section Content Section
  *
  * All the style elements associated with the content section go here
  */
div.page							{ width: 950px; background-color: white; margin: 0px auto; clear:both; }
div.page .left						{ width: 50%; float: left; }
div.page .right						{ width: 50%; float: left; background: url('../img/vertical-divider.png') no-repeat top left; }
div.page h1							{ color: #632a83; margin: 0 0 10px 0; font-size: 24px; }
div.page h2							{ color: #3F3F3F; margin: 0 0 10px 0; font-size: 20px; }
div.page h3							{ color: #3167c6; margin: 0 0 10px 0; font-size: 15px; }
div.page .post-content				{ font-size: 13px; color:#4B4B4B; line-height: 140%; }

 /**
  * @section Footer
  *
  * All the style elements for the footer go here.
  */
div#footer							{ width: 950px; margin: 0px auto; background: #FFF url('../img/section_divider.png') no-repeat top left; padding-top: 40px; font-size: 13px; }

.buttons input, .course_buttons input { background-color: #DADADA; }
.course_buttons img { border: 0px solid orange;}