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

version:   1.0
author:    bob ward
email:     bob@gnomonschool.com
website:   http://www.gnomonschool.com

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

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

.pageFacilities #content p { /* Reset Site-Wide Type Size and Color */
	color:#707070;
	font-size:93%;
}
.pageFacilities #content strong {
	color:#898989;
}
h4 {
	font-size:123.1%;
	color:#ccc;
	margin:0 0 .75em 0;
}

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

.pageFacilities #container #content {
	background-color:#000;
	background-image:url(../images/experience/facilities/home_bg_image.jpg);
	background-position:0 88px;
	background-repeat:no-repeat;
	border:1px solid #2d2d2d;
	border-top:none;
	padding:0;
}
.pageFacilities #container #content #experienceSubNav {
	margin-left:-1px;
}
.headlineExperienceSuccess {
	background-color:#2E2E2E;
	background-image:url(../images/experience/facilities/facilities_headline.gif);
	background-position:36px 13px;
	background-repeat:no-repeat;
	height:53px;
	margin:0 0 10px -1px;
	text-indent:-2000px;
}
.introContainer {
	background-repeat:no-repeat;
	padding:32px 27px 26px 39px;
	width:390px;
	float:left;
	height:180px;
}
.introContainer h3 {
	background-image:url(../images/experience/facilities/facilities_headline_02.png);
	text-indent:-2000px;
	width:338px;
	height:61px;
	color:#adadad;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:15px;
}
.introContainer h4 {
	font-size:14px;
	font-style:italic;
	color:#707070;
	margin:0px;
	padding:0px;
}
/* Layout Main Column
--------------------------------- */

.pageFacilities #container #mainColumn {
	float:left;
	margin:0 11px 0 0;
	width:960px;
	padding:0 0 0 19px;
}

/* Tabs
--------------------------------- */

.pageFacilities #tabs li {
	float:left;
}
.pageFacilities #container #content #tabs ul li a {
	display:block;
	color:#898989;
	margin-right:2px;
	float:left;
	padding:6px 9px;
	background-color:#0d0d0d;
	border-top:1px solid #262626;
}
.pageFacilities #container #content #tabs ul li.ui-state-active a {
	color:#c2c2c2;
	background-color:#232323;
	border-top:1px solid #393939;
}
.pageFacilities #fragment-1, .pageFacilities #fragment-2, .pageFacilities #fragment-3 {
	clear:both;
	background-image:url(../images/programs/entertainmentdesign/tabs_bg_gradient.jpg);
	background-repeat:no-repeat;
	padding:20px 0 0 19px;
	margin-bottom:20px;
	margin-left:-19px;
}
.pageFacilities .subColumn ul li{
	color:#A1A1A1;
	font-size:93%;
	line-height:1.5em;
	list-style-position:outside;
	list-style-type:square;
	margin-left:16px;
	margin-bottom:1em;
}

/* Layout Specific */

.imageGallery {
	height:432px;	
	width:940px;
	margin-bottom:20px;
	background:url(../images/experience/instructors/featured_instructor/title_gradient.gif) repeat-x;
	float:left;
	border-top:1px solid #2d2d2d;

}
.subColumn {
	margin:10px 0 0 20px;
	width:250px;
	float:left;
}
.contentCallout {
	background-color:#0f0f0f;
	border-left:2px solid #333333;
	padding:14px 14px 0 14px;
	float:left;
	clear:both;
}

/* Gallery Plugin
--------------------------------- */
	.gnomonGalleryContainer				{ width:640px; position:relative; float:left; }
	.gnomonGallery 						{ width:640px; }
	.gnomonGallery .main				{ position:relative; height:320px; width:640px; overflow:hidden; }
	.mainDetails						{ background:transparent url(../images/experience/facilities/assets/bg-details.png) repeat-x top left; position:absolute; left:0; width:640px; bottom:0; height:50px; z-index:75; }
	#content .mainDetails p				{ font-size:92%; width:440px; margin:8px 13px 4px; }
	.mainDetailsLarger					{ background:transparent url(../images/experience/facilities/assets/vew-larger.png) no-repeat top left; display:block; position:absolute; height:11px; width:82px; right:8px; top:12px; }
	.mainDetailsLarger:hover			{ background-position:bottom left; }
	.gnomonGallery .thumbs				{ margin-top:10px; }
	.gnomonGallery .imageContainer		{ float:left; width:134px; height:100px; overflow:hidden; margin:6px 8px 0; }
	
	.thumbs								{ position:relative; }
	.thumbsActions						{ position:absolute; z-index:5; width:640px; }
	.thumbsPrev							{ display:block; background:transparent url(../images/experience/facilities/assets/prevArrow.gif) no-repeat top left; width:18px; height:100px; position:absolute; top:6px; left:0; outline:none; }
	.thumbsNext							{ display:block; background:transparent url(../images/experience/facilities/assets/nextArrow.gif) no-repeat top left; width:18px; height:100px; position:absolute; top:6px; right:0; outline:none; }
	.thumbsPrev.disabled,
	.thumbsNext.disabled				{ background-position:bottom left; }
	.thumbsSliderMask					{ position:absolute; left:20px; display:block; width:600px; height:106px; overflow:hidden; }
	.thumbsSlider						{ position:absolute; height:100px; width:10000px; }
	.thumbsSelector						{ position:absolute; top:0; background:transparent url(../images/experience/facilities/assets/selector.png) no-repeat top left; display:block; width:134px; height:106px; }
	
	* html .thumbsSelector				{ display:none; }
	* html .mainDetails					{ background:#000; }
	* html .mainDetailsLarger,
	* html .mainDetailsLarger:hover		{ background:transparent url(../images/experience/facilities/assets/vew-larger.gif) no-repeat top left; }
	* html .gnomonGallery .main img		{ position:absolute; top:0; }