/*TODO: Check parent css files to remove duplicates like [#imageStack img] and [#imageStack img.currentImage] */

/* Override */
div.mediumcolumn {
width: 428px;
background: url(assets/vertical_dotted_divider.gif) repeat-y 452px 0px;
}

div.mediumcolumn p { padding-right:25px; }

/* Override */
div.smallcolumn {
padding-left: 0;
}

div#about_info img {
margin-right: 20px;
}

/* ---------- Project Icon Offset ---------- */
/* Override */
div.main {
overflow: visible;
}

div.project_info {
margin-top: -38px;
padding-bottom: 27px;
}

div.project_info img {
margin-left: -6px;
margin-bottom: 20px;
}

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

div.project_info p, div.related_projects a, div.related_projects_last a {
font-size: 12px;
line-height: 15px;
}

div.project_info strong, div.project_info dt {
color: #000;
font-weight: bold;
}

div.project_info dt {
margin-bottom: 6px;
}

div.project_info dd {
padding-left: 12px;
background-image: url('assets/sprite_work_icons.gif');
background-color: transparent;
background-repeat: no-repeat;
background-position: -1px -509px;
}

h2#relatedHeader {
position: relative;
top: -12px;
color: #6e6e6e;
padding-left: 19px;
padding-bottom: 10px;
margin-bottom: 8px;
border-bottom: 1px solid #e2e2e2;
background-image: url('assets/sprite_work_icons.gif');
background-repeat: no-repeat;
background-position: -12px -467px;
}

div.projectContent a {
display:inline-block;
font-size:12px;
color:#000000;
text-decoration:none;
border-bottom:1px solid #e80000;
line-height: 13px;
}

div.projectContent a:hover {
border-bottom: 1px solid #1d1b19;
}

div.projectContent p {
padding-right: 25px;
}

div.projectContent p+h2 {
margin-top:0;
padding-top: 4px;	
}

div.related_projects img, div.related_projects_last img {
margin-bottom: -15px;
}

div.related_projects {
padding-bottom: 13px;
margin-bottom: 18px;
border-bottom: 1px solid #e0e0e0;
}

p.componentIntro{
margin-bottom: 0;
}

/*
.imageFrame {
height: 263px;
width: 418px;
position: absolute;
border: 5px solid #969696;
z-index: 300;
}*/

div.project_navigation {
	height: 42px;
}

div.project_navigation ul {
	margin-left: 0;
	padding-left: 0;
	display: block;
	float: left;
	background: #f7f7f7;
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	width: 696px;
	height: 43px;
} 

div.project_navigation ul li {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: block;
	height: 42px;
	line-height: 42px;
	float: left;
	background-color: #f7f7f7;
}

div.project_navigation ul li a {
	font-size: 11px;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	min-width: 123px; 
	width: 123px; 
	padding-left: 50px;
	padding-top: 1px;
	display: block;
	height: 42px;
	float: left;
	color: #1d1b19;
	text-decoration: none;
	background-image:url(assets/sprite_main.png?v=3);
	background-position: 18px -2583px;
	background-repeat: no-repeat;
	background-color: #f7f7f7;
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
}

div.project_navigation ul li a:hover {
	background-position: -630px -2583px;	
	color: #2d6ea8;
	background-color: #f7f7f7;
}

div.project_navigation ul li.selected a {
	background-color: white;
	background-position: 18px -2173px;
	cursor: default;
	border-bottom: 1px solid #fff;
	color: #1d1b19;
	height: 42px;
	margin: 0 0 -1px;
	position: relative;
}

#projectNavigationTabContent1 {
	padding: 0 0 40px;
}
.design_page {
	padding: 40px 0 0 25px;
}
.design_page h2 {
	font-size: 12px;
}
.design_page p {
	font-size: 11px;
	padding: 3px 0 5px;
}
#playButtonOverlay {
	background: url('assets/big_play_button.png') no-repeat scroll center top transparent;
	cursor:pointer;
	height:130px;
	width:130px;
	position:absolute;
	top:50%;
	left:50%;
	margin: -65px 0 0 -65px;
	text-align: -9999px;
	z-index: 100000;
}
#playButtonOverlay:hover {
	background-position: 0 -130px;
}
a.initialPlayButton:active {
	background-position: 0 -260px;