@import url('classes.css');
@import url('header.css');
@import url('menu.css');
@import url('footer.css');

/* H3 Styles */
h3.rounded {
	display:inline-block;
	font-weight:200;
	text-align:left;
	border:0;
	height:36px;
	margin:10px 0;
	padding:0 8px 0 0;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	background:transparent url('../../images/h3_rgt.png') no-repeat right center;
}
h3.rounded span {
	display:block;
	height:28px;
	padding:8px 10px 0 18px;
	background:transparent url('../../images/h3_lft.png') no-repeat left center;
}

/* Specific Style */
div.work div.wide {
	
}

div.work div#work {
	margin-bottom:0px;
}

div.container.work div.final div.content {
	width:720px;
	margin-left:40px;
}
div.container.work div.final div.content h1, div.container.work div.final div.content h2, div.container.work div.final div.content h4, div.container.work div.final div.content h5, div.container.work div.final div.content h6 {
	color:#A6A6A6;
}
div.container.work div.final div.content h3 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
}
div.container.work div.final div.content p {
	margin:0 0 0.8em 0;
}
div.container.work div.final div.content hr {
	position:static;
	float:left;
	width:800px;
	height:1px;
	background-color:#CCC;
	border:none;
	margin:1.5em 0 1.5em -40px;
}

div#data {
	float:left;
	font-size:1.4em;
	font-weight:200;
}
div#data p {
	line-height:0.6em;
}

div#description {
	float:left;
	width:660px;
	margin:0 10px 0 0;
}
div#more {
	float:right;
	width:46px;
}

/* Style for the hider buttom */
a.hider {
	position:absolute;
	right:0;
	top:0;
	margin:20px 0 0;
	display:inline-block;
	width:42px;
	height:22px;
	background:transparent url('../../images/hider.png') no-repeat left bottom;
}
a.hider:hover {
	background:transparent url('../../images/hider_hover.png') no-repeat left bottom;
}