/* DEFAULT
---------------------------------------- */

html,body{
	width:100%; height:100%;
	margin:0; padding:0;
}

body{
	font-family: Arial, Tahoma;
	font-size: 0.75em;
	background:#d4d4d4;
}

p{
	text-align:justify;
}

p a,
li a{
	color:#333;
	text-decoration:underline;
}

/* HEADER
---------------------------------------- */

div.header{
	background:url(../img/bg_body.jpg) repeat-x #fff;
	height:135px;	
}
	

div.header div{
	width:780px;
	margin:auto;
	height:120px;
	border-bottom: 15px solid #3b3b3b;

}


/* LOGO
---------------------------------------- */

div.header h1{
	margin:80px 0 0 0;
	padding:0;
	float:left;
	width:268px; height:30px; line-height:30px;
	padding-top:15px;
	background:#3b3b3b;
	color:#fff;
	font-size:200%;
	text-align:center;
}


/* NAV-SEC
---------------------------------------- */

div.header ul{
	margin:90px 0 0 0; padding:0;
	width:280px;
	height:30px;
	float:right;
	text-align:Center;
}

div.header ul li{
	list-style-type:none;
	color:#e2e2e2;
	float:left;
	height:30px; line-height:30px;
}

div.header ul li a{
	color:#333;
	text-decoration:none;
	display: table-cell;	
	padding:0 9px 0 10px;
	border-left:1px solid #ccc;
}

div.header ul li a:hover{
	background-color:#ccc;
	color:#3b3b3b;
}
div.header ul li.selected a{
	background-color:#3b3b3b;
	color:#fff;
}

/* CONTENT HEADER
---------------------------------------- */

div.content-header{
	background:#e3e3e3;
	height:346px;
}

div.content-header h2{
	margin:0; padding:0;
	text-transform:uppercase;
	font-size:110%;
	color:#333;
}

div.content-header div{
	width:780px;
	margin:auto;
}

/* SLIDESHOW
---------------------------------------- */

div.content-header p.slideshow{
	margin:15px 0 0 0; padding:0;
	float:left;
}

div.content-header p.slideshow a span.zoom-icon{
  visibility:hidden;
  display:none;
  position:relative;
  left:0px;
  top:-316px;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  index:1000;
}

div.content-header p.slideshow a:hover span.zoom-icon{
  visibility:visible;
  display:block;
  height:0px;
  _height:316px; /* for IE6 */
  * height:316px; /* for IE7 */
}

/* HEADER NAVIGATION
---------------------------------------- */

div.content-header ul{
	float:right;
	width:265px;
	margin:15px 0 0 0;
	padding:0;
}

div.content-header ul li{
	list-style-type:none;

}

div.content-header ul li.work{
	border-bottom:1px solid #ccc;
	font-size:105%;
}

div.content-header ul li.work-item{
	width:41px; height:31px;
	display:inline !important;
}

div.content-header ul li.work-item img{
	width:41px; height:31px;
	border:1px solid #333;
	margin:0 9px 9px 0;
}

div.content-header ul li.last img{
	margin-right:0 !important;
}

div.content-header ul li p{
	height:148px;
	overflow:hidden;
	text-align:justify;
	line-height:21px;
	margin:0; padding:0;
}

div.content-header ul li.work a{
	color:#656565;
	text-decoration:none;
	text-transform:uppercase;
	height:30px; line-height:30px;
	font-size:105%;
	display:table-cell;
	display:block;
	padding:0 0 0 10px;
	font-weight:bold;
	}
	
div.content-header ul li.work a span{
	float:right; 
	color:#e3e3e3;
	padding:0 10px 0 0;
	position:relative;
	font-size:80%;
}

div.content-header ul li.work-item h2 {
	height:33px;
}

div.content-header ul li.work-item h2 a{
	float:right; color:#333;
	padding:0 10px 0 0;
	font-size:80%;
	z-index:1000;
}

div.content-header ul li.work-item h2 span{
	float:left;
}
	
div.content-header ul li.work a:hover{
	background:#333;
	color:#fff;
}

/* CONTENT
---------------------------------------- */

div.content{
	background:#fff;
	min-height:346px;
}

div.content div table{
	width:500px;
}

/* NAV
---------------------------------------- */

div.nav ul{
	margin:0; padding:5px 0 15px 0;
	height:37px;
}

div.nav ul li{
	list-style-type:none;
	color:#e2e2e2;
	line-height:30px;
	float:left;
}

div.nav ul li a{
	color:#333;
	text-decoration:none;
	display: table-cell;	
	padding:0 12px 0 12px;
	text-transform:uppercase;
	font-size:120%;
	font-weight:bold;
	border-left:1px solid #ccc;
}

div.nav ul li a:hover{
	background-color:#ccc;
	color:#3b3b3b;
}
div.nav ul li.selected a{
	background-color:#3b3b3b;
	color:#fff;
}


/* CONTENT TEXT
---------------------------------------- */

div.content{
	padding-top:10px;
	padding-bottom:30px;
}

div.content div{
	width:780px;
	margin:auto;
}

div.content h3{
	text-transform:uppercase;
	font-size:130%;
	height:30px; line-height:30px;
	color:#333;
	margin:0; padding:0;
}

div.content p{
	margin:0 0 20px 0; padding:0;
	line-height:23px;
	font-size:110%;
}

/* FOOTER
---------------------------------------- */

div.footer{
	background:url(../img/bg_footer.jpg) top repeat-x;
	height:150px;
}

div.footer div{
	width:780px; 
	margin:auto;
	color:#3b3b3b;
	font-size:90%;
	line-height:15px;
	border:1px solid transparent;
}

div.footer div a{
	color:#3b3b3b;
}