/*************************************************************************
---------------------------- SUBSYSTEM PAGES -----------------------------
*************************************************************************/

#contentWrapper {
	position:relative;
	width:758px;
	padding:0 0 4px 0;
	background: url(../images/contentWrapperBg.gif) no-repeat;
	}

/* Header Navigation
------------------------------------------------------------------------*/

#header {
	position:relative;
	width:758px;
	height:93px;
	}

#header h1,
#header h2 {
	margin-left:-5000px;
	font-size:1px;
	line-height:1px;
	height:1px;
	}

#header ul {
	position:absolute;
	left:150px;
	top:62px;
	}

#header li {
	display:inline;
	float:left;
	}

	
#header a {
	display:block;
	height:20px;
	}

a#topnavStudio {
	width:100px;
	background:url(../images/studio_on.gif);
	}

a#topnavTraining {
	width:100px;
	background:url(../images/course_on.gif);
	}

a#topnavOther {
	width:100px;
	background:url(../images/other_on.gif);
	}

a#topnavLinks {
	width:100px;
	background:url(../images/links_on.gif);
	}
	
a#topnavContact {
	width:100px;
	background:url(../images/contact_on.gif);
	}	
	
	

a#topnavStudio.on,
a#topnavStudio.on:hover {
	background:url(../images/studio_select.gif);
	}

a#topnavTraining.on,
a#topnavTraining.on:hover {
	background:url(../images/course_select.gif);
	}

a#topnavOther.on,
a#topnavOther.on:hover {
	background:url(../images/other_select.gif);
	}

a#topnavLinks.on,
a#topnavLinks.on:hover {
	background:url(../images/links_select.gif);
	}
	
a#topnavContact.on,
a#topnavContact.on:hover {
	background:url(../images/contact_select.gif);
	}


a#topnavStudio:hover {
	background:url(../images/studio_hover.gif);
	}

a#topnavTraining:hover {
	background:url(../images/course_hover.gif);
	}

a#topnavOther:hover {
	background:url(../images/other_hover.gif);
	}

a#topnavLinks:hover {
	background:url(../images/links_hover.gif);
	}
	
a#topnavContact:hover {
	background:url(../images/contact_hover.gif);
	}


/* Header
------------------------------------------------------------------------*/

#header {
	position:relative;
	width:758px;
	height:89px;
	background:url(../images/spBg.gif);
	}

	
/* Main Column
------------------------------------------------------------------------*/

#main {
	float:left;
	width:572px;
	padding:0;
	background:url(../images/mainBg.png) repeat-y;
	}

#main h3 {
	height: 52px;
	padding: 28px 0 0 22px;
	margin: 0 0 -24px 0;
	font-size: 24px;
	font-weight: normal;
	color: #353D67;
	letter-spacing: -1px;
	background: url(../images/pagetitleBg.gif) no-repeat;
	}

#main div.indent_left {
	margin-left: 74px;
	}
	
#main div.icon_left {
	float: left;
	width: 64px;
	}

#main ul {
	list-style-type:square;
	}

#main li {
	margin:8px 0 8px 20px;
	}

#main a:link,
#main a:visited,
#main a:link strong,
#main a:visited strong {
	color:#1F3199;
	text-decoration:none;
	border-bottom:1px dotted #8F97BF;
	}

#main a:visited,
#main a:visited strong {
	color:#8F97BF;
	border-color:#8F97BF;
	}
  
#main a:hover,
#main a:hover strong {
	color:#fc0;
	border-bottom:0;
	}
  
#main a img,
#main a:link img, 
#main a:visited img,
#main a:hover img {
	border-width:0;
	}

#main a.noborder:link, 
#main a.noborder:visited {
	border-width:0;
	}

#main table {
	margin: 12px 0;
	}

#main h3 span {
	margin: 22px;
	font: normal 24px helvetica,arial,sans-serif;
	letter-spacing: -1px;
	}

#main h4 {
	font-size:16px;
	font-weight:normal;
	letter-spacing: -1px;
	color:#353D67;
	margin:24px 0 12px 0;
	}

#main h4 .smalltext { 
	font-weight: normal;
	letter-spacing: 0px;
	color:#666;
	}

#main h4.squish_bottom {
	margin:24px 0 -12px 0;
	}

#main h4.squish_top {
	margin: -24px 0 12px 0;
	}

#main td h4 {
	margin: 12px 0 12px 0;
	}

#main h4 .title { 
	font-size: 9px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color:#999;
	}

#main h4 .divider { 
	font-size: 16px;
	font-weight: normal;
	padding: 0 6px;
	color:#ccc;
	}

#innerMainWrap {
	padding:0 28px 0 24px;
	}

#main p {
	margin:12px 0;
	}

#main .rule {
	background:url(rule.gif) no-repeat left top; 
	}

#main h4.rule {
	background:url(rule.gif) no-repeat left 0px;
	margin:24px 0 12px 0;
	padding:12px 0 0 0;
	}

#main .mainLast {
	margin-bottom:0;
	}

#main blockquote {
	margin:12px 20px;
	line-height: 16px;
	}

#mainBottom {
	clear:both;
	width:572px;
	height:30px;
	background:url(../images/mainBottom.png);
	}

#main .photoborder {
	border-color: #e6e6e6;
	border-width: 1px;
	border-style: solid;
	margin:12px 12px 0 0;
	}

#main .client_list_table {
	height: 80px;
	padding: 0px 10px 0px 0px;
	font-size: 9px;
	line-height: 11px;
	}

#main table.portfolio_table {
	margin: -48px 0 0 0;
	}

#main table.portfolio_table td,
#main table.portfolio_table th {
	padding: 0 0 12px 0;
	}

#main table.portfolio_table th {
	font-weight: bold;
	text-align: right;
	padding: 0 18px 0 0;
	color: #353D67;
	}

#main table.client_list td {
	height: 80px;
	padding: 0px 10px;
	font-size: 9px;
	line-height: 11px;
	}

#main table.contact_table
{
	background:url(../images/icon-globe-big.jpg) no-repeat right top;
}

#main .pad_right {
	padding: 0px 15px 0px 0px;
	}

#main .pad_left {
	padding: 0px 0px 0px 15px;
	}

#main .icon_left {
	padding: 10px 10px 10px 0px;
	}


	
/* Sidebar
------------------------------------------------------------------------*/

#sidebar {
	float:right;
	width:179px;
	padding:0;
	}

#nav {
	background:url(../images/bg.png);
	height:1%;
	}

#nav h4 {
	margin:0;
	height:132px;
	}

#nav h4 span {
	margin-left:-5000px;
	}

#nav h4#sidenav_home {
	background:url(../images/home.jpg);
	}

#nav h4#sidenav_studio {
	background:url(../images/studio.jpg);
	}
#nav h4#sidenav_studio_rate {
	background:url(../images/studio_rate.jpg);
	}
	
#nav h4#sidenav_studio_frie {
	background:url(../images/studio_frie.jpg);
	}	
	
#nav h4#sidenav_studio_loca {
	background:url(../images/studio_loca.jpg);
	}		

#nav h4#sidenav_training {
	background:url(../images/training.jpg);
	}

#nav h4#sidenav_training_going {
	background:url(../images/training_going.jpg);
	}
	
#nav h4#sidenav_training_studio {
	background:url(../images/training_studio.jpg);
	}	

#nav h4#sidenav_training_rate {
	background:url(../images/training_rate.jpg);
	}	
	
#nav h4#sidenav_training_date {
	background:url(../images/training_date.jpg);
	}		
	
#nav h4#sidenav_contact {
	background:url(../images/contact.jpg);
	}

#nav h4#sidenav_other {
	background:url(../images/other.jpg);
	}
	
#nav h4#sidenav_links {
	background:url(../images/links.jpg);
	}	

#nav ul li {
	padding:0 15px;
	}

#nav ul ul li {
	margin-left:15px;
	padding:0;
	}

#nav ul ul a {
	padding:0 0 8px 10px;
	color:#8F97BF;
	}

#nav ul ul a.on {
	background:url(../images/bullet.gif) no-repeat left 2px !important; /* for Mozilla browsers */
	background:url(../images/bullet.gif) no-repeat left 3px; /* for IE */
	}
	
#nav li.last {
	margin:10px 5px 0 3px;
	padding-top:4px;
	padding-bottom:0;
	border-top:1px solid #F2F2F2;
	}

#nav li.last a {
	margin-bottom:0;
	padding-bottom:0;
	color:#8F97BF;
	}

#nav li.last a:hover {
	color:#ECB546;
	}

#nav a {
	display:block !important; /* for Mozilla browsers */
	display:inline-block; /* for IE */
	font-size:11px;
	line-height:14px;
	color:#333B66;
	padding:8px 0 4px 10px;
	}

#nav a:hover {
	color:#ECB546;
	}

#nav a.on {
	color:#ECB546;
	background:url(../images/bullet.gif) no-repeat left 11px !important; /* for Mozilla browsers */
	background:url(../images/bullet.gif) no-repeat left 12px; /* for IE */
	}

#navBottom {
	height:30px;
	background:url(../images/navBottom.png);
	}

#sidebar blockquote {
	font-size:11px;
	padding:30px 20px;
	line-height:16px;
	color:#666;
	}

#sidebar blockquote p {
	text-indent:-4px;
	margin:12px 0;
	}

#sidebar blockquote p.source {
	text-indent:0px;
	text-align:left;
	font-size:10px;
	line-height:13px;
	}

#sidebar p.source .name {
	font-weight:bold;
	}

#sidebar blockquote a:link,
#sidebar blockquote a:visited {
	color:#8F97BF;
	text-decoration:none;
	border-bottom:1px dotted #8F97BF;
	}

#sidebar blockquote a:hover {
	color:#fc0;
	border-bottom:0;
	}
  


/* Copyright
------------------------------------------------------------------------*/

#copyright {
	clear:both;
	width:572px;
	text-align: center;
	font-size: 9px;
	}