@charset "UTF-8";
/* Skills Xchange’s CSS */

body {
	background-color: #171717;
	background-image: url(/_images/SkillsXchange/BG_MainBlackGrad.gif);
	background-repeat: repeat-x;
	color: #CCCCCC; }
	
#header {
	margin-bottom: 18px; }	
	
h1,h2,h3,h4,h5,h6 { 
	color: #FFF; }
	
a:focus, 
a:hover     { color: #FFFFFF; }
a           { color: #CCC; text-decoration: underline; }	
	
strong      { color: #FFFFFF; }
		
	
	
/* Misc classes and elements
-------------------------------------------------------------- */	

/* Use a .box to create a padded box inside a column.  */ 
.box {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #232323; }
		
/* Use this to create a horizontal ruler across a column. */
hr {
  background: #333; 
  color: #333;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; }
  
hr.space {
  background: #333;
  color: #333; }		

/* Border on right hand side of a column. */
.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #666666; }

/* Border with more whitespace, spans one column. */
.colborder {
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #333; }
  
.quiet      {
	color: #999; }  
	
/* Side Menu elements */	
.sm_top {
	background-image: url(/_images/SkillsXchange/sm_top_bg.gif);
	background-repeat: no-repeat;
	padding: 5px 8px 6px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999; }

.sm_bg {
	background-image: url(/_images/SkillsXchange/sm_main_bg.gif);
	background-repeat: repeat-x;
	padding: 5px 15px; }

.sm_top a {
	color: #FFFFFF; }
	
.sm_top a:hover {
	color: #CCC; text-decoration: underline; }
	
/* left sidebar */
#subnav {
	position:relative;
	background:url(/_images/SkillsXchange/sm_main_bg.gif) repeat-y left;
	z-index:10;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0; }
	
#subnav .capbottom {
	position:relative;
	z-index:10;
	height:13px;
	margin-top:-13px;
	background:url(/_images/SkillsXchange/sm_bot.gif) no-repeat 0 100%;
	font-size:1px;}

#subnav h2 {
	margin:0;
	padding:10px 14px 8px;
	font-size:12px;
	background:url(/_images/SkillsXchange/sm_top_bg.gif) no-repeat 0 0;
	zoom:1;
}

#subnav h2 a {
	color:#CCCCCC;
	text-decoration:none; }
	
#subnav h2 a:hover { text-decoration:underline; }

#subnav ul {
	margin:0;
	padding:2px 1px 1px;
	background:url(/_images/SkillsXchange/sm_bot.gif) no-repeat 0 100%; }
	
#subnav ul li {
	display:block;
	margin:-2px 0 0;
	padding:0 0 1px;
	background:url(/_images/SkillsXchange/sm_main_bg.gif) no-repeat 50% 100%;
	_margin-bottom:-2px; }
	
#subnav ul li a {
	display:block;
	margin:0;
	position:relative;
	padding:5px 14px 4px;
	color:#666;
	text-decoration:none;
	outline:none;
	border:1px solid #3d3d3d;
	border-width:1px 0;
	background:url(/_images/SkillsXchange/sm_arrows.gif) no-repeat 0 9px; }
	
#subnav ul li.last a { padding-bottom:8px; margin-bottom:-1px; }
#subnav ul li a:hover { color:#999; background-position:0 -41px; }

body#Vision #subnav ul li#sn-Vision, 
body#Webcam #subnav ul li#sn-Webcam, 
body#Developments #subnav ul li#sn-Developments, 
body#Facilities #subnav ul li#sn-Facilities, 
body#Tours #subnav ul li#sn-Tours,
body#Partners #subnav ul li#sn-Partners, 
body#Location #subnav ul li#sn-Location, 
body#FAQ #subnav ul li#sn-FAQ {background:none; }
 
body#Vision #subnav ul li#sn-Vision a, 
body#Webcam #subnav ul li#sn-Webcam a, 
body#Developments #subnav ul li#sn-Developments a, 
body#Facilities #subnav ul li#sn-Facilities a, 
body#Tours #subnav ul li#sn-Tours a,
body#Partners #subnav ul li#sn-Partners a, 
body#Location #subnav ul li#sn-Location a, 
body#FAQ #subnav ul li#sn-FAQ a {position:relative; color:#FFF; text-decoration:none; cursor:default; background-color:#3d3d3d; background-position:0 -91px;  }
	
body#FAQ #subnav .capbottom {
	position:relative;
	z-index:10;
	height:13px;
	margin-top:-13px;
	background:url(/_images/SkillsXchange/sm_bot_active.gif) no-repeat 0 100%;
	font-size:1px;}
	
/* Some default classes
-------------------------------------------------------------- */

.small      {
	font-size: 0.9em;
	margin-bottom: 1.875em;
	line-height: 1.875em; }
	
.smallquiet      {
	font-size: 0.9em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
	color: #999999;}	
	
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
	
	

/* footer */

.Footer {
	font-size: 11px;
	color: #666666;
	line-height: 16px;
	padding: 0px; }
	
.Footer a {
	color: #666666;
	text-decoration: underline; }
	
.Footer a:hover {
	color: #fff;
	text-decoration: none; }
	
.FooterLinks {
	float: right;
	text-align: right; 
	margin:0 -8px 0; }	
	
.FooterLinks a {
	padding-right: 8px;
	padding-left: 8px; }
	
.ImgLeftAlign {
	float: left;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px; }
	
.NewsPhoto {
	background-image: url(/_images/icons/ico_news_s_photo.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0 0 0 30px;}
	
.NewsPR {
	background-image: url(/_images/icons/ico_news_s_pr.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0 0 0 30px;}	
	
.NewsVideo {
	background-image: url(/_images/icons/ico_news_s_video.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0 0 0 30px; }
	
.Ftr_Webcam {
	background-image: url(/_images/SkillsXchange/ico_ftr_Webcam.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #999999;
	font-size: 0.9em;
	height: 60px;
	margin: 3px 0 5px 0;
	padding: 0 0 0 70px; }
	
.Ftr_Gallery {
	background-image: url(/_images/SkillsXchange/ico_ftr_Gallery.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #999999;
	font-size: 0.9em;
	height: 60px;
	margin: 3px 0 5px 0;
	padding: 0 0 0 70px; }	
					
					
.Ftr_qtvr {
	background-image: url(/_images/SkillsXchange/ico_ftr_360QTVR.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #999999;
	font-size: 0.9em;
	height: 60px;
	margin: 3px 0 5px 0;
	padding: 0 0 0 70px; }
	
.Ftr_NewBuild {
	background-image: url(/_images/SkillsXchange/ico_ftr_NewBuild.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #999999;
	font-size: 0.9em;
	height: 60px;
	margin: 3px 0 5px 0;
	padding: 0 0 0 70px; }