/*-----------------------------------------------------------------------------
Gnomon School of Visual Effects: Instructors Style Sheet

version:   1.0
author:    eric carl
email:     ericcarl@gmail.com
website:   http://www.gnomonschool.com

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

/* General Type
--------------------------------- */

.pageInstructors #content p { /* Reset Site-Wide Type Size and Color */
	color:#707070;
	font-size:93%;
}
.pageInstructors #content strong {
	color:#898989;
}

/* Layout Whole
--------------------------------- */

.pageInstructors #container #content {
	background-color:#000;
	border:1px solid #2d2d2d;
	border-top:none;
	padding:0;
}
.pageInstructors #container #content .featureImage {
	width:435px;
	height:328px;
	float:left;
}
.pageInstructors #container #content #experienceSubNav {
	margin-left:-1px;
}
.headlineExperienceSuccess {
	background-color:#2E2E2E;
	background-image:url(../images/experience/instructors/instructors_headline.gif);
	background-position:36px 13px;
	background-repeat:no-repeat;
	height:53px;
	margin:0 0 10px -1px;
	text-indent:-2000px;
}
.introContainer {
	background-color:#000;
	background-image:url(../images/experience/instructors/bottom_gradient.gif);
	background-position:0 108px;
	background-repeat:no-repeat;
	padding:0 27px 30px 39px;
	padding-top:30px;
	width:449px;
	float:left;
}
.introContainer h3 {
	color:#adadad;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:20px;
}
.introContainer h4 {
	font-size:14px;
	font-style:italic;
	color:#707070;
	margin:0px;
	padding:0px;
}
.instructorItemsContainer {
	clear:both;
}
.categoryTabs a{
	color:#898989;	
}
.categoryTabs{
	border-bottom:1px solid #262626;
	border-top:1px solid #262626;
}
.categoryTabs ul{
	padding-top:20px;
	margin-left:22px;	
}
.categoryTabs ul li{
	margin-right:2px;
	background-color:#0d0d0d;
	float:left;
	padding:10px 38px 9px 31px;
	border-top:1px solid #262626; 
}
.categoryTabs .active{
	border-top:1px solid #393939;
	color:#c2c2c2;
	font-weight:bold;
	background-color:#232323;
}
#tabs{
	width:990px;
	padding-top:20px;
	background-image:url(../images/experience/instructors/tabs_bg_gradient.gif);
	background-repeat:no-repeat;
	height:300px;
}
.pageInstructors #tabs li {
	float:left;
}
.pageInstructors #container #content #tabs ul li a{
	color:#636363;
	display:block;
	float:left;
	margin-right:124px;
	font-size:16px;
}
.pageInstructors #container #content #tabs ul li.ui-state-active a {
	font-weight:bold;
	color:#C2C2C2;
}
.pageInstructors #fragment-1, .pageInstructors #fragment-2, .pageInstructors #fragment-3, .pageInstructors #fragment-4, .pageInstructors #fragment-5, .pageInstructors #fragment-6 {
	clear:both;
	margin-bottom:20px;
	padding:20px 0 0 20px;
}

/* Layout Specific */

#featureInstructorItem, .instructorItem {
	border:1px solid #262626;
	background-color:#0d0d0d;
}

#featureInstructorItem {
	height:182px;	
	width:917px;
	margin-bottom:20px;
	background:url(../images/experience/instructors/featured_instructor/title_gradient.gif) repeat-x;
}

.featureInstructorTitle {
	padding:5px 0 8px 0;
	font-weight:bold;
	
}

#featureInstructorItem img {
	margin:-1px 30px -1px -1px;
	float:left;
}

#featureInstructorItem .headshot {
	margin:0px 15px 0px 0px;
}

#featureInstructorItem .title {
	color:#adadad;
	font-size:13px;
}

#featureInstructorDescription {
		float:left;
		width:410px;
}

.instructorItem {	
	padding:9px;
	width:273px;
	float:left;
	margin:0 20px 20px 0;
}
.projectImage {
	margin:-10px 0 10px -10px;
}
.headshot, .employerLogo {
	float:left;
	margin:0 10px 0 0;
}
.instructorItem h4, #featureInstructorItem h4 {
	font-weight:bold;
	margin:0 0 .5em 0;
	font-size:108%;
}

.pageInstructors #content .instructorItem p {
	line-height:1.25em;
	margin-bottom:.5em;
}
.project {
	font-weight:bold;
	color:#adadad;
}
.employmentPosition {
	color:#898989;
	font-size:93%;
}
.pageInstructors #content .employmentPosition strong {
	color:#e1c05d;
}
.pageInstructors #content .instructorItem .classOf {
	margin-bottom:0;
}

/* Individual Instructors */

.pageInstructors #mainColumn{
	margin:0px 0px 0px 38px;
	width:440px;
	float:left;
}
.pageInstructors #mainColumn img{
	float:left;	
}
.instructorTitle{
	margin-top:-6px;
	margin-left:20px;
	width:345px;
	float:left;
}
.instructorTitle h2{
	margin-bottom:10px;
	color:#898989;
	font-size:15px;
	
}
.instructorTitle h4{
	margin-top:0px;
	font-size:26px;
	margin-bottom:0px;	
}
.line{
	border-top:1px solid #262626;
	margin-bottom:5px;
}
#mainColumn .instructorLinks{
	padding:10px 0px;	
}
#mainColumn .instructorLinks a:link, #mainColumn .instructorLinks a:visited, #featureInstructorItem a:link, #featureInstructorItem a:visited {
	font-weight:bold;	
}

.pageInstructors #subColumn{
	width:435px;
	float:left;
	margin-left:25px;
}

#subColumn li {
	float:left;	
	margin-right:10px;
	margin-bottom:15px;
}