/*
 	Wrap structure
*******************************/
#wrap {
	margin: 0 auto;
	padding: 15px 0;
	width: 741px;
	position: relative;
}

body.wide #wrap { width: 810px; }

/*
 	Header
*******************************/
#header {
	margin-top: 70px;
	position: relative;
	height: 150px;
}

#header h1 {
	margin-bottom: 10px;
}

#header ul li a {
	display: block;
	height: 30px;
	font-size: 11px;	
	letter-spacing: 1px;
	font-family: "Din", sans-serif;	
}

#header ul li a:hover,
#header ul li a.active,
#header ul li a.active:hover {
	color: #000;
	text-decoration: none;
}

#header ul li a.active { 	background: url(/images/nav/hover-square.png) no-repeat 0 13px; }

/* main nav */
ul#menu {
	margin-left: 100px;
	float: left;
}

ul#menu li {
	float: left;
	margin-right: 10px;
}

/* utils links on right */
ul#utils-links {
	float: right;
}

ul#utils-links li {
	float: left;
	margin-left: 15px;
}





/*
 	content
*******************************/

#content {
/*	overflow: hidden;*/
}

#content .right-content {
	float: right;
	width: 330px;
}

#content .left-content { 
	float: left;
	width: 405px;
}

#content p {
	margin-bottom: 10px;
	margin-right: 10px;
	color: #000;
	line-height: 14px;
	text-transform: uppercase;
}




/*
 	projects
*******************************/
ul#projects-list {
	background: #fff;
}

/* projects list */
ul#projects-list li {
	width: 180px;
	height: 210px;
	margin-right: 7px;
	float: left;
}

ul#projects-list li.last { margin-right: 0;}

ul#projects-list h4 {
	color: #000;
	font-weight: bold;
	margin: 5px 0 3px 0;
	text-transform: uppercase;
	font-size: 9px;
}

ul#projects-list h4 a { color: #000; }

ul#projects-list .content {
	margin-left: 0;
}

ul#projects-list p { 
	text-transform: uppercase;
	color: #818386;
	margin: 0;	
	font-size: 9px;
	line-height: 11px;
}


/* ******************************
   Project
****************************** */
#project {
	background: #fff;
	min-height: 700px;	
	position: relative;
}

/* project menu */
#project ul#project-menu {
	position: absolute;
	top: 306px;
	left: 70px;
}

#project ul#project-menu li {
	float: none;
	height: 15px;
	margin-right: 15px;
	font-size: 10px;
	margin-bottom: 5px;	
}


#project ul#project-menu li a {
	background-image: url(../images/nav/nav-projects.png);
	background-repeat: no-repeat;
	text-indent: -10000px;
	display: block;
	height: 9px;
	width: 120px;
	opacity: 0.5;
}

#project ul#project-menu li a:hover, 
#project ul#project-menu li a.active { opacity: 1; }
#project ul#project-menu li a:focus { outline: 0; }

#project ul#project-menu li a.photo { background-position: 0 0; }
#project ul#project-menu li a.video { background-position: 0 -17px; }
#project ul#project-menu li a.audio { background-position: 0 -34px; }

#project ul#project-menu li a.innactive { cursor: default; }
#project ul#project-menu li a.active.innactive, #project ul#project-menu li a.innactive:hover { opacity: 0.5; }

/* content in projects details, pages */
#project .media-content {
	margin-left: 200px;
	margin-top: 5px;
	padding-left: 10px;
	padding-bottom: 50px;
	float: none;
}

#project .media-content h4 {
	font-size: 9px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #000;
	text-transform: uppercase;
}

#project .media-content p {
	text-align: justify;
	margin-right: 20px;
	font-size: 9px;
}

/*
 	media containers
*******************************/
#content .medias {
	height: 290px;
	margin-bottom: 20px;
}

.slider {
	overflow: hidden;
	width: 810px;
	height: 300px;
	position: relative;
}

.slider ul {
	width: 2000px;
}

.slider ul li {
	width: 810px;
	float: left;
}


/* photo listing */
#content #photos-slider ul li {
	width: 810px;
	float: left;
}

#content #photos-slider img {
	width: 405px;
	height: 257px;
	margin: 0;
	float: left;
}

/* videos */
#content #videos-slider ul li {
	width: 810px;
	float: left;
	overflow: visible;
}

#content #videos-slider img {
	width: 405px;
	height: 257px;
	margin: 0;
	float: left;
}

/* audio */
#content #audios-slider ul li {
	width: 810px;
	float: left;
	overflow: visible;
	position: relative;
}

#content #audios-slider ul li .audio-player {
	position: absolute;
	width: 405px;
	height: 20px;
	top: 237px;
	right: 0;
}

#content #audios-slider img {
	width: 405px;
	height: 257px;
	margin: 0;
	float: left;
}

/* pagination for medias slider */
#content .pages {
	position: absolute;
	top: 270px;
	left: 200px;
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #b4b4b4;
	width: 601px;
	font-size: 10px;
	color: #000;	
}

#content .pages span {
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 7px;
}

#content .pages ol.numeric { float: left; }

#content .pages ol.numeric li {
	float: left;
	margin: 0 0 0 0;
	width: 23px;
}

#content .pages ol.numeric li a { color: #000; font-weight: bold; }
#content .pages ol.numeric li a:focus { outline: 0; }
#content .pages ol.numeric li.current a,
#content .pages ol.numeric li a.current { color: #d9120f; }

#content #photos-slider img.slidable { cursor: pointer; }




/* ******************************
   News
****************************** */
#content .news {
	background: #fff;
	min-height: 700px;	
	position: relative;
}

#content .news .news-content {
	margin-left: 200px;
	margin-top: 5px;
	padding-left: 10px;
	padding-bottom: 50px;
	float: none;
}



/* ******************************
   Pages,
****************************** */
#content .page { 
	background: #fff;
	min-height: 700px;	
	position: relative;
}

#content .page .page-content {
	margin-left: 200px;
	margin-top: 5px;
	padding-left: 10px;
	padding-bottom: 50px;
	float: none;
}

#content .page .page-content h4 {
	font-size: 9px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #000;
	text-transform: uppercase;
}

#content .page .page-content p {
	text-align: justify;
	margin-right: 20px;
	font-size: 9px;
} 
             
#content .page .section {
	margin-left: 200px;
	margin-top: 5px;
	padding-left: 10px;
	padding-bottom: 50px;
	float: none;
}

#content .page .section p {
	margin-bottom: 0;
	color: #111;
}
  
/* ******************************
   Section sub-menu
****************************** */
ul.sections {
	position: absolute;
	top: 295px;
	left: 33px;
}                   
   
ul.sections li {
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 0 10px 0;
	font-weight: bold; 
}                   

ul.sections li a { color: #ababab; }
ul.sections li a.active,
ul.sections li a:hover { color: #000; text-decoration: none; }


/* profil page */
#content div#profil { }

/* contact page */
#content div#contact { background: transparent; }
#content div#contact p { font-size: 9px; }
#content div#contact form { margin-top: 50px; width: 420px; }
#content div#contact form p { color: #818386; padding: 0; margin: 0; text-align: left; }
#content div#contact form input {
	border: 1px solid #d8d9bc;
	padding: 3px;
	width: 412px;
	margin: 10px 0;
}

#content div#contact form button {
	border: 2px solid #a6a8a2;
	padding: 2px 15px;
	background: #e6e9e0;
	color: #626460;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	float: right;
	margin: 0;
}