/* ======================================================================================== *
| CONTENT CSS :: For MAESTROJULES site wide													|
| css/content.css																			|
| 																							|
| PROJECT :: www.maestrojules.com v2.0														|
| Copyright (C) 2008, QUERIDODESIGN, Switzerland											|
+ =========================================================================================	+
| Author :: Julian Querido + Nathan Querido													|
* ========================================================================================= */

/* @group CONTENTS ======================================================================== */

.content_container {
	width: 850px;
	margin: 0 auto;
	position: relative;
}

.content_container span.content_container_top {
	background: url(../images/nav/content_bg_top.png) left top no-repeat;
	width: 850px;
	height: 75px;
	position: relative;
	display: block;
	z-index: 999;
}

.content_container span.content_container_middle {
	width: 850px;
	/*height: 460px;*/
	margin: -55px 0;
	position: relative;
	display: block;
	z-index: 1000;
}

.content_container span.content_container_bottom {
	background: url(../images/nav/content_bg_bottom.png) left bottom no-repeat;
	width: 850px;
	height: 75px;
	margin: 0 0 0 0;
	position: relative;
	display: block;
	z-index: 999;
}

/* @end *********************************************************************************** */

/* @group HOME ============================================================================ */

.content_container span.content_container_middle.home{
	background: url(../images/nav/holding_img.png) no-repeat 20px top;
	height: 460px;
}

/* @end *********************************************************************************** */

/* @group CONTACT ========================================================================= */

.content_container span.content_container_middle.contact {
	background: url(../images/nav/holding_img_contact.png) no-repeat 20px top;
	height: 460px;
}

.content_container span.content_container_middle .contact_form ul {
	padding-right: 20px;
}

ul li.textarea_btm {
	line-height: 23px;
	width: 380px;
	height: 24px;
	background:  none;
	padding: 14px 0 0 0;
	display: block;
}

<<<<<<< .mine
.message_sent {
	background: url(../images/nav/contact_sent.png) left top no-repeat;
	width: 384px;
	height: 118px;
	position: relative;
	margin: -55px 0 0 0;
	z-index: 1;
=======
.message_sent {
	background: url(../images/nav/contact_sent.png) left top no-repeat;
	width: 384px;
	height: 56px;
	position: absolute;
	top: 0;
	margin: 0 0 0 0;
	z-index: 1;
>>>>>>> .r3
}

/* @end *********************************************************************************** */

/* @group IMAGES ========================================================================== */

.image_main {
	text-align: center;
	width: 700px;
	height: 460px;
	margin: 0 20px;
	background: #EBEBEB;
	display: block;
}

.content_container span.content_container_middle img {
	/*width: 546px;*/
	height: 460px;
	border: none;
	outline: none;
}

.content_container .album_navigation {
	width: 850px;
}

.content_container .project_nav ul {
	display: inline;
}

.content_container .project_nav ul li {
	float: left;
	height: 100px;
	display: block;
}

.content_container .content_container_middle .image_thumbs {
	width: 100px;
	height: 75px;
	margin: 0 auto;
}

.content_container .content_container_middle .image_thumbs img {
	width: 98px;
	height: 74px;
	border: solid 1px #8c8c8c;
	padding: 1px;
	margin: 1px 9px 1px 19px;
	opacity: 0.5;
}

.content_container .content_container_middle .image_thumbs img:hover,
.content_container .content_container_middle .image_thumbs img.thumb_active {
	border: solid 1px #7da5a5;
	opacity: 0.99;
}

.thumbs_previous,
.thumbs_next {
	width: 100px;
	height: 30px;
	margin: 0 10px 0 20px;
	display: block;
}

.thumbs_previous {
	background:  url(../images/nav/arrows_vertical.png) no-repeat left top;
}

.thumbs_previous:hover {
	background:  url(../images/nav/arrows_vertical.png) no-repeat -100px top;
}

.thumbs_next {
	background:  url(../images/nav/arrows_vertical.png) no-repeat left -30px;
}

.thumbs_next:hover {
	background:  url(../images/nav/arrows_vertical.png) no-repeat -100px -30px;
}

ul.thumb_list,
ul.thumb_list li,
div.thumb_icon,
div.thumb_icon strong {
	float:left;
}

ul.thumb_list li {
	margin:0 5px;
	list-style:none;
}

ul.thumb_list strong {
	display:block;
	text-align:center;
	color:#888;
}

div.thumb_icon {
	width:100px;
	height:75px;
	background-color:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
}

span.indicator {
	background:transparent url('../images/spinner.gif') no-repeat scroll center center;
}

.thumbs_horizontal_previous,
.thumbs_horizontal_next {
	width: 30px;
	height: 100px;
	padding: 0;
	margin: 0 0 0 0;
	display: block;
}

.thumbs_horizontal_previous {
	background:  url(../images/nav/arrows_horizontal.png) no-repeat left top;
}

.thumbs_horizontal_previous:hover {
	background:  url(../images/nav/arrows_horizontal.png) no-repeat left bottom;
}

.thumbs_horizontal_next {
	background:  url(../images/nav/arrows_horizontal.png) no-repeat right top;
}

.thumbs_horizontal_next:hover {
	background:  url(../images/nav/arrows_horizontal.png) no-repeat right bottom;
}

/* @end *********************************************************************************** */