/*
*/

/* -------------------------------------------------------------------------------------- SMALL RESET */
*{ outline:none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
ul{ list-style:none; }

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{
	border:none;
	margin-right: 12px;
}

/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- STRUCTURE */

body{
	color:#333;
	font-size:13px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:23px;
	font-weight:normal;
}

::selection                         { background: #000; color:#FFF; /* Safari */ }
::-moz-selection                    { background: #000; color:#FFF; /* Firefox */ }

/* -------------------------------------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6{
	font-family:'Helvetica', 'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
}

h1{	font-size:60px; }
h2{	font-size:46px; }
h3{	font-size:40px; line-height:100%; letter-spacing:-1px; margin:0 0 10px 0; }
h4{	font-size:30px; line-height:110%; letter-spacing:-1px; background:url(../images/grey_line.jpg) repeat-x left bottom; padding:0 0 18px 0; margin:0 0 10px 0; }
h5{	font-size:16px; }
h6{	font-size:14px; }
h7 {font-size:33px; }

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

#header{ background:url(../images/dark_bg.png);}
	#header .content{
		color:#FFF;
		margin:0 auto;
		width:960px;
		position:relative;
	}
	
	/* Logo ------------------------------- */
	#header #logo{
		display:block; float:left;
		width:250px; height:100px;
		position:relative;
		margin:0 0 0 20px;
	}
	#header #logo a{
		background:url(../images/logo.png) no-repeat left top;
		display:block;
		width:250px; height:100px;
	}
	#header #logo .home_icon{
		background:url(../images/home_return.png) no-repeat left top;
		display:none;
		width:27px; height:27px;
		position:absolute;
		top:15px;
		right:-25px;
	}
	
	/* Navigation ------------------------------- */
	#navigation{
		display:block;
		float:right;
		text-align:right;
		margin:45px 0 0 0;
		width:670px; height:36px;
	}
	#navigation li{
		display:inline;
		letter-spacing: 0.75px;
		margin:0 5px;
		text-align:left;
		position:relative;
	}
	#navigation .level1{
		text-transform:uppercase;
	}
	#navigation li a{
		color:#FFF;
		padding:6px;
	}
		/* Sub-Navigation ------------------------------- */
		#navigation ul{
			background:#202020;
			display:none;
			padding:10px;
			font-size:11px;
			letter-spacing:1px;
			width:180px;
			position:absolute;
			top:20px;
			left:0;
			z-index:10000;
		}
		#navigation ul li{ padding:0; margin:0; line-height:inherit;}
		#navigation ul a{
			display:block;
			border-bottom:1px solid #202020 !important;
			color:#999;
			padding:3px 6px;
		}
		#navigation ul a:hover{
			background:#272727 !important;
			color:#FFF;
			padding:3px 6px;
		}

/* -------------------------------------------------------------------------------------- HOME SLIDER */

#home_slider{ background:url(../images/dark_bg.png);}
	#home_slider .content{
		border-top:1px solid #323232;
		color:#FFF;
		margin:0 auto;
		width:960px; height:444px;
		position:relative;
		overflow:hidden;
	}

#slides{
	position: relative;
	width: 100%;
	height: 444px;
	background:transparent!important;
}

.panel{width:960px; height:444px;
	background:transparent!important;}

.slideText {
	position: absolute;
	width: 880px;
	left: 40px;
	top: 40px;
	z-index: 1;
}

.slideText h2{
	letter-spacing: -1px;
	color: #fff;
	font-size:36px;
	font-weight: bold;
	margin: 0 0 20px 0; padding:0 400px 20px 0;
	line-height:normal;
}

.slideText p{
	font-size: 15px;
	line-height:26px;
	color: #999;
	margin: 0 0 15px 0; padding:0 400px 0 0;
}

.slideText .button{	
	color: #fff;
	font-size:22px;
	text-align:right;
	text-decoration: none;
}

.slideImage {
	position: absolute;
	width: 400px; height:444px;
	top:0;
	right:20px;
	z-index: 2;
}

#slideshowNav {
	position: absolute;
	bottom: 30px;
	left: 40px;
	z-index: 10;
	width: 300px;
}

#slideshowNav a {
	color:#FFF;
	width: 12px;
	height: 12px;
	background: transparent url(../images/slideshow_nav.png) no-repeat;
	display: block;
	float: left;
	margin: 0 8px 0 0;
}

#slideshowNav a span {
	display: none;
}

#slideshowNav a.activeSlide {
	background: transparent url(../images/slideshow_nav_active.png) no-repeat;
}

#slideshowNav a:focus { outline: none; }


#slideshowNav #slideshowPrev {
	cursor: pointer;	
	margin: 0 0 20px 0;
}

#slideshowNav #slideshowNext {
	cursor: pointer;	
	margin: 0 15px 20px 0;
}

.button a{color:#FFF;}
/* -------------------------------------------------------------------------------------- LOCATION & HOME FEATURES LIST */

#location{}
	#location .content{
		color:#aaa;
		margin:0 auto;
		width:960px; height:101px;
		text-align:center;
	}
#location h2{
	font-size:30px;
	letter-spacing:5px;
	line-height:90px;
	text-transform:uppercase;
	}
#location .thumbnails_60{
	display:block;
	height:90px;
	padding:10px 0 0 0;
}

.thumbnails_60 ul{ text-align:center; margin:0 auto; width:900px;}
.thumbnails_60 li{
	background:url(../images/small_thumb_bg.png);
	display:block; float:left;
	margin:0 10px;padding:5px;
	width:60px; height:60px;
}

/* -------------------------------------------------------------------------------------- MAIN */

#main{ background:url(../images/light_bg.png);}
	#main .content{
		margin:0 auto; padding:30px;
		width:900px;
	}
	#main p{
		padding:0 0 10px 0;
	}
	
	/* COLUMNS ------------------------------- */
	.cols_3{
		display:block; float:left;
		width:260px;
		margin:0 20px; padding:10px 0;
	}
	.cols_1_3{
		display:block; float:left;
		width:260px;
		margin:0 20px; padding:10px 0;
	}
	.cols_2_3{
		display:block; float:left;
		width:560px;
		margin:0 20px; padding:10px 0;
	}
	.cols_fullwidth{
		display:block; float:left;
		width:860px;
		margin:0 20px; padding:10px 0;
	}
	.cols_3_full{
		display:block; float:left;
		width:250px;
		margin:0 18px; padding:10px 0;
	}
	
	#sidebar h4{
		font-size:20px;
	}
	#sidebar ul{
		padding:0 10px 20px 10px;
	}
	#sidebar ul li a{
		background:url(../images/list_arrow1.png) no-repeat right 50%;
		color:#7f7f7f;
		display:block;
		border-bottom:1px solid #aaa;
		padding:4px 6px;
	}
	#sidebar .flickr_stream{
		padding:5px 0 10px 0;
	}
	#sidebar .flickr_stream a{
		background:#FFF;
		border:1px solid #aaa;
		display:block; float:left;
		width:75px; height:75px;
		margin:1px; padding:3px;
	}
/* -------------------------------------------------------------------------------------- BLOG */

.blog_design{
	padding:0 0 30px 0;
}
.blog_design .shadow_2cols{
	padding:0 0 10px 0 !important;
	margin:10px 0 0 0;
}
.blog_design h4 a{
	color:#333 !important;
	padding:3px 6px;
}
.blog_design h4 a:hover{
	color:#FFF !important;
	padding:3px 6px;
}
.blog_design .blog_infos{
	position:relative;
}
.blog_design .date{
	background:url(../images/date_shadow.png) no-repeat right bottom;
	padding:0 0 4px 0;
	position:absolute;
	display:block;
	top:20px;
	left:-40px;
	width:40px;
	z-index:50;
}
.blog_design .date_display{
	color:#FFF;
	padding:10px 0 5px 0;
	text-align:center;
}
.blog_design .date_display .date_day{ font-size:26px;}
.blog_design .date_display .date_month{ font-size:11px; line-height:14px; padding:0; margin:0; text-transform:uppercase; display:block;}
.blog_design .date_display .date_year{ font-size:11px; line-height:14px; padding:0; margin:0; text-transform:uppercase; display:block;}
.blog_design .blog_cartouche{
	background:#d8d8d8;
	border-top:1px solid #bfbfbf;
	font-size:11px;
	padding:2px 5px;
	text-transform:uppercase;
}
.blog_design .blog_cartouche a{color:#333 !important; font-weight:bold;}
.blog_design .blog_cartouche a:hover{color:#666 !important;}
/* Comments
	-------------------------------------------------------------------------------------- */
	#comments{
	margin:0 0 20px 0; padding:20px 0;
	width:560px;
}

	#comments h3{
		margin:0 0 20px 20px;
	}
	
	.comments_post{
		background:#f7f7f7;
		border:1px solid #e7e7e7; border-width:0 0 2px 0;
		padding:10px;
		height:100%;
	}
	
	.comments_post .avatar{
		float:left;
		width:100px;
	}
	
	.comments_post .avatar img{
		border:1px solid #ccc;
		padding:7px;
	}
	
	.comments_post .user_post{
		float:left;
		margin:0 0 0 10px;
		height:100%;
		width:420px;
	}
	.user_post_end{
		margin:0 0 30px 0; padding:0 0 10px 0;
	}
	
	.comments_post .user_post p{
		border:1px solid #ccc; border-width:1px 0 0 0;
		font-size:13px;
		padding:8px 0 0 0;
	}
	
	.comments_post .user_name{
		font-size:18px;
	}
	.comments_post .date_right{
		float:right;
	}

	/* Pagination
	-------------------------------------------------------------------------------------- */
	#paginator{
		text-align:center;
		width:560px; height:28px;
		position:relative;
		font-size:12px;
	}
	div.pagination {
		text-align:right;
	}
	div.pagin{
		position:absolute;
		top:12px;
		right:15px;
	}
	div.pagination a {
		background:#d8d8d8;
		color:#333;
		font-weight: bold;
		margin: 2px; padding: 4px 8px 4px 8px !important;
		font-size:12px !important;
	}
	div.pagination a:hover,active {
	}
	div.pagination span.courante {
		padding: 4px 8px 4px 8px;
		margin: 2px;
		font-size:12px !important;
	}
	div.pagination span.desactive {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #999;
	}


.form_block{
		display:block;
		margin:0; padding:30px 0 12px 0;
		width:560px;
}
.form_block .separator{
		background:url(../images/grey_line.jpg) repeat-x left bottom;
		display:block;
		clear:both;
		height:9px;
		margin:0 0 20px 0;
	}
	.form_block .form_left, .form_block .form_right{
		display:block;
		margin:0 0 10px 0;
		position:relative;
		width:540px;
	}
	.form_block .form_left label, .form_block .form_right label{
		display:block; float:left;
		font-size:13px;
		width:100px; height:35px;
		line-height:35px;
		margin:0 0 0 20px;
	}
	.form_block input, .form_block input{
		background:#FFF;
		border:1px solid #ccc;
		padding:8px;
		width:400px;
		font-size:13px;
	}
	.form_block .file_input{
		background:#FFF;
		border:1px solid #ccc;
		padding:6px;
		width:250px !important; height:30px !important;
	}
	.form_block .demi{
		background:#e9e9e9;
		border:1px solid #ccc;
		padding:8px;
		width:250px !important; height:30px !important;
	}
	.form_block .full_field{
		background:#FFF;
		border:1px solid #ccc;
		padding:8px;
		width:518px !important;
	}
	.form_block .form_textarea{
		display:block; float:left;
		margin:0 0 10px 0;
		position:relative;
		width:540px;
	}
	.form_block .form_textarea label{
		display:block; float:left;
		font-size:13px;
		margin:0 0 0 20px;
		width:100px;
	}
	.form_block .form_textarea textarea{
		background:#FFF;
		border:1px solid #ccc;
		float:left;
		padding:8px;
		width:400px; height:150px;
		font-size:13px;
	}
	.form_block .form_submit{
		padding:10px 30px;
		margin:0 0 0 20px;
		text-align:right;
		width:460px;
	}
	.form_block #check{
		background:#FFF;
		border:1px solid #ccc;
		padding:8px;
		width:35px;
		font-size:13px;
	}
	.form_block .form_submit input{
		background:#222;
		border:none;
		color:#FFF;
		cursor:pointer;
		font-size:13px;
		padding:6px;
		text-transform:uppercase;
		text-align:center;
		width:120px;
	}
	.form_block .mep_btn{
		background:#222;
		border:none;
		color:#FFF;
		cursor:pointer;
		font-size:13px;
		padding:6px;
		text-transform:uppercase;
		text-align:center;
		width:70px;
	}
	.form_block label.error {
		background:url(../images/warning_16.png) no-repeat left 50%;
		padding:0 0 0 24px;
		font-size:12px;
		font-style:italic;
		color:#F00;
		display:block;
		width:250px;
		position:absolute;
		top:0px;
		right:10px;
		z-index:99;
		text-align:right;
	}
		
	#getit{
		position:relative;
	}
	#errorcaptcha{
		position:absolute;
		top:0px;
		left:180px;
		display:block;
		text-align:left;
		width:150px;
		color:#F00;
	}
	
	.google_map{
		background:#FFF;
		border:1px solid #d8d8d8;
		margin:20px 0; padding:6px;
	}
	#map_canvas{
		display:block;
		width:540px; height:270px;
	}

/* Design text
------------------------------------------------------------------------------------ */
.design{
	padding:0 0 30px 0;
}
.design p{
	line-height:25px;
	margin:5px 0;
}
.design .biglines{
	font-size:15px;
	line-height:22px;
	font-weight:bold;
}

.design h3, .design h4, .design h5{ margin:1px 0 0px 0;}
.design strong{ font-size:12px; }/* theme file */
.design ul, .design ol{
	margin:10px 0 10px 50px;
}
.design ul li{
	font:normal 13px/22px Arial, Helvetica, sans-serif;
	padding:5px 0;
}
.design ol {
	color:#999;
	font:italic 18px/23px Arial, Helvetica, sans-serif;
}
.design ol p {
	border:1px solid #323232; border-width:0 0 1px 0;
	color:#222;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}
.design .note{
	background:#000;
	color:#ccc;
	font:italic 14px/24px Georgia, "Times New Roman", Times, serif;
	border:1px solid #323232;
	margin:0; padding:2px 5px;
}
.design .note p{
	padding:0 !important; margin:0;
}
.design .img_left{
	background:#FFF;
	border:1px solid #bbb;
	float:left;
	display:block;
	margin:0 12px 0 0; padding:7px;
}
.design .img_right{
	background:#FFF;
	border:1px solid #bbb;
	display:block;
	float:right;
	margin:0 0 0 12px; padding:7px;
}
.design .left{ text-align:left; }
.design .center{ text-align:center; }
.design .right{ text-align:right; }


/* -------------------------------------------------------------------------------------- PORTFOLIO */


	/* PORTFOLIO STYLE 2 */
	.portfolio_style2{
		background: url(../images/grey_line.jpg) repeat-x left bottom;
		margin:0 20px 30px 20px; padding:0 0 20px 0;
	}
	.portfolio_style2 h4{
		padding:10px 0 15px 0;
	}
	.portfolio_style2 .image{
		display:block; float:left;
		margin:0 30px 0 0;
		width:260px;
	}
	.portfolio_style2 .infos{
		display:block; float:left;
		width:570px;
	}

	/* PORTFOLIO STYLE 3 */
	#portfolio_gallery{
		border:1px solid #aaa; border-width:1px 0 0 1px;
		margin:0 25px;
		width:845px;
	}
	.portfolio_style3{
		border:1px solid #aaa; border-width:0 1px 1px 0;
		display:block;
		float:left;
		width:168px; height:168px;
		position:relative;
	}
	.portfolio_style3 .image{
		position:absolute;
		top:0;
		left:0;
		z-index:60;
	}
	.portfolio_style3 .image img{
		width:168px; height:168px;
	}
	.portfolio_style3 .infos{
	background:url(../images/transparency.png);
	border:1px solid #d8d8d8;
	padding:10px;
	width:188px;
	height:188px;
	position:absolute;
	top:-20px;
	left:-13px;
	z-index:61;
	}
	.portfolio_style3 .infos p{ font-size:11px; line-height:18px;}
	.portfolio_style3 .infos .readmore{
		position:absolute;
		bottom:10px;
	}
	.portfolio_style3 .infos a.zoom{
		position:absolute;
		bottom:10px;
		right:10px;
		background:#222;
		color:#FFF !important;
		font-weight:bold;
		font-size:15px;
		padding:3px 6px;
	}
	
	
/* -------------------------------------------------------------------------------------- FOOTER */

#footer{ background:url(../images/light_bg.png);}
	#footer .content{
		background:url(../images/grey_line.jpg) repeat-x left top;
		margin:0 auto; padding:0;
		width:860px;
	}
	
	/* Logo footer ------------------------------- */
	#footer #logo_bottom{
		display:block; float:left;
		width:250px; height:80px;
	}
	#footer #logo_bottom a{
		background:url(images/footer_logo.png) no-repeat left top;
		display:block;
		width:250px; height:80px;
	}
	
	/* copyright ------------------------------- */
	.copyright{
		display:block; float:left;
		padding:30px 0 0 20px;
		width:480px;
	}
	.copyright p{line-height:18px; font-size:12px;}
	
	/* social_network ------------------------------- */
	.social_network{
		display:block; float:right;
		padding:22px 0 0 0;
		width:260px;
	}
	.social_network li{
		display:block; float:right;
		margin:0 0 0 13px;
		width:39px; height:39px;
		position:relative;
	}
	.social_network li a{
		color:#999;
		display:block; float:right;
		width:39px; height:39px;
	}
	.social_network li span{
		display: none;
		width:100px;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;
		position:absolute;
		top:-45px;
		left:-30px;
		z-index:50;
	}
	.social_network .vimeo{ background:url(../images/social_network_vimeo.png);}
	.social_network .twitter{ background:url(../images/social_network_twitter.png);}
	.social_network .flickr{ background:url(../images/social_network_flickr.png);}
	.social_network .facebook{ background:url(../images/social_network_facebook.png);}
	.social_network .skype{ background:url(../images/social_network_skype.png);}
	
.end_site{}

/* -------------------------------------------------------------------------------------- CUSTOMIZ ME */
#customiz{
	color:#000;
	background:url(../images/transparency.png) repeat;
	position:fixed;
	top: 0px;
	width: 200px; height:100%;
	z-index:800;
	margin:0; padding:15px;
}
#customiz h4{font-size:22px;}

#customiz a#open{
	background:url(../images/btn_next.jpg);
	position: absolute;
	right: -25px;
	top: 50%;
	width: 25px;
	height:25px;
	text-indent:-9999px;
}
#customiz .closer{
	background:url(../images/btn_previous.jpg) !important;
}

#customiz .inside{
	background:url(../images/light_bg.png) repeat;
	border:1px solid #aaa;
	padding:10px;
	margin:0 0 15px 0;
}
#customiz .inside p{
	font-size:11px;
}

/* -------------------------------------------------------------------------------------- DESIGN ELEMENTS */
	/* Read more button */
	a.readmore{
		background:#222;
		color:#FFF !important;
		font-weight:bold;
		font-size:15px;
		padding:3px 6px;
	}
	a.readmore:hover{}
	
	.half_col{
		width:250px;
		display:block; float:left;
		margin:0 15px;
	}
	
	.shadow_1col{
		margin:10px 0 0 0;
		padding:0 0 10px 0;
		background:url(../images/shadow_1col.png) no-repeat left bottom;
	}
	.shadow_2cols{
		margin:10px 0 0 0;
		padding:0 0 10px 0;
		background:url(../images/shadow_2cols.png) no-repeat left bottom;
	}
	.shadow_full{
		margin:10px 0 0 0;
		padding:0 0 10px 0;
		background:url(../images/shadow_full.png) no-repeat left bottom;
	}
	.separator{	
		background:url(../images/grey_line.jpg) repeat-x left bottom;
		padding:0 0 18px 0; margin:0 20px 10px 20px;
		height:9px;
		display:block;
	}
	
	.padding_29{
		padding:0 0 0 25px !important;
	}
	
	.delete_list li{
	border:1px solid #333; border-width:0 0 1px 0;
	padding:10px;
	height:20px;
	clear:both;
}
.delete_list li .id{
	display:block; float:left;
	text-align:center;
	width:50px;
}
.delete_list li .title{
	display:block; float:left;
	font-weight:bold;
	padding:0 0 0 10px;
	width:400px;
}
.delete_list li .delete{
	display:block; float:left;
	width:70px;
	text-align:right;
}

.delete_item{
	border:1px dotted #b8b8b8; border-width:0 0 1px 0;
	margin:0 0px 10px 0px; padding:0 0 10px 0;
	height:18px;
}
.delete_item .delete_date{
	display:block; float:left;
	width:100px;
}
.delete_item .delete_title{
	display:block; float:left;
	padding:0 0 0 15px;
	font-weight:bold;
	width:350px;
}
.delete_item .delete_remove{
	display:block; float:left;
	text-align:center;
	line-height:20px;
	width:100px;
}
	

.changeTheme{
	width:250px;
	height:25px;
	line-height:25px;
}

.mep_btn{
	border:1px solid #b8b8b8;
	background:#e9e9e9;
	padding:4px 6px; margin:0 2px 5px 0;
	color:#222;
}

