/*
 * This file is part of a ThemeForest template by James Padolsey
 *  - It is not free.
 *  - You may not distribute it.
 *  Please take care when making changes
 */


/* RESET : */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,img { margin: 0; padding: 0; border: none; list-style: none; font-weight: normal; }


/* BODY / GENERIC : */

body {
    background: #a0a0a0 url(../img/body-bg.png) repeat-x 0 120px;
    color: #FFF;
    font: 0.8em Arial,Sans-serif;
}

a {
    text-decoration: none;
    color: #000;
    outline: none;
}
a:hover { text-decoration: underline; color:#333;}
a.button, input.button {
    float: left;
    background: #000 url(../img/button-bg.png) repeat-x;
    border: 1px solid #3d3d3d;
    color: #FFF !important;
    padding: 4px 8px;
    margin: 5px 0;
    cursor: pointer;
}
a.button:hover, input.button:hover {
    text-decoration: underline;
    border: 1px solid #CCC;
}

blockquote {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 10px 30px;
    margin: 7px 0;
}
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0.3em 0; }
h1 { font-size: 2em; font-weight: 700; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

#bandeau{
	background:#d2d2d2;
	width:100%;
	height:120px;
	top:0;
	left:0;
	position:absolute;
}

/* TOP : */
#container {
    width: 628px;
    margin: 0 auto;
	padding:0 130px;
   position:relative;
   z-index:5;
}
#container2 {
	background:transparent url(../img/body-bg2.png) repeat-x;
	margin:0 -60px 0 -60px;
	padding:0 60px 30px 60px;
	min-height:500px;
	/*position:relative;
	z-index:10;*/
}
#top {
    overflow: hidden;
	background:#e2e2e2;
	margin:0 -60px 0 -60px;
	padding:0 60px 0 60px;
	width:100%;
   /* background: #000 url(../img/body-bg.png) repeat-x;*/
    /* Solve IE hasLayout issue */
    height: auto !important;
    height: 1%;
}
#logo {
    text-indent: -9999em;
    float: left;
    display: inline;
    background: url(../img/logo.png) no-repeat;
    width: 350px;
    height: 120px;
}


/* NAVIGATION MENU : */

#navigation {
    width: 140px;
    padding: 130px 0 0 30px;
	font-size :8pt;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#9c9c9c;
	text-transform:uppercase;	
	position:absolute;
	margin:79px 0 0 -185px;
	*margin:79px 0 0 -125px;
	/* */
	list-style-type:square;
	list-style-position:inside;
	list-style-image:none;
	background: url(../img/shape1.gif) no-repeat 22px -13px;
	z-index:50;
}
#navigation li { 
	border-bottom:1px solid #fff; 
	padding:2px 0 2px 5px;
	width:90px;
	*width:75px;
}

#navigation li:hover, #navigation li.active { 
	background:#fff;
}

#navigation li.last { 
	border:none; 
}

#navigation li.sub { 
	padding:2px 0 2px 10px;
	color:#fff;
	text-transform:capitalize;
	width:85px;
	*width:70px;
}

/* SLIDESHOW : */

#slideshow {
    clear: both;
    height: 350px;
    border: 5px solid #FFF;
    position: relative;
    overflow: hidden;
    /*border-bottom: none;*/
    text-align: center;
    background: #000; /* url(../img/black-grid.png);*/
	margin-top: 5px;
}


/* CONTENT : */

#image-desc{
	/*margin:150px 0pt 0pt -160px;
	width:150px;
	position:absolute;*/
	padding:10px 0;
	color:#000;
	font-size :9pt;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	/*background:transparent url(../img/trans-black.png) repeat scroll 0% 0%;*/
}

#image{
	text-align:center;
	margin-top: 5px;
}

#image img{
	border:5px solid #fff;
	max-width:620px;
}

#content-wrapper {
    clear: both;
    /*background: #9c9c9c; url(../img/content-top.png) no-repeat;*/
    /*border: 2px solid #FFF;*/
}
#content {
    /*background: #9c9c9c; url(../img/content-bottom.png) no-repeat left bottom;*/
    padding: 10px;
    color: #383838;
    overflow: hidden;
    height: auto !important;
    height: 1%;
}
#content a {
    color: #383838;
    font-weight: 700;
}
#content p, #content ul {
    padding: 0.7em 0;
    line-height: 1.3em;
}
#content ul {
    padding-left: 30px;
    list-style: disc;
}
#left {
    width: 500px;
    float: left;
}
#right {
    width: 415px;
    float: right;
    margin: 0 0 0 15px;
}
#right.gmap {
    background: #FFF;
    margin-top: 15px;
    padding: 7px;
    width: 400px;
    border: 1px solid #999;
}
#right.gmap img {
    display: block;
}
#right .gallery-choices {
    list-style: none;
    padding: 5px 0 0 0;
}
#right .gallery-choices img {
    margin: 0 0 5px 0;
    border: 2px solid #000;
}
#content .gallery-unit {
    width: 270px;
    padding: 20px;
    float: left;
}
#content .gallery-unit img {
    border: 2px solid #666;
}
#content .gallery-unit h2 {
    text-align: center;
    font-weight: 700;
    padding: 0 0 10px 0;
}


/* GALLERY PAGES : */

#content #gallery, #content #galleryslide {
    padding: 0;
    list-style: none;
    margin: 0;
}
#content #gallery li, #content #galleryslide li {
    height: 100px;
    overflow: hidden;
    border: 1px solid #999;
    float: left;
    margin: 4px;
    text-align: center;
    width: 110px;
}
#content #gallery li a, #content #galleryslide li a {
    display: block;
}
#content #gallery li img, #content #galleryslide li img {
    display: block;
}
h1.gallery-title {
    /*border: 2px solid #FFF;
    border-bottom: none;*/
    background: transparent; /*url(../img/content-top.png) no-repeat;*/
    color: #000;
    padding: 30px 0 0 0;
	font-size :8pt;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	/*letter-spacing:0.05em;*/
    text-align: left;
}

/* CONTACT FORM : */

form.normal-form { margin: 10px 0; }
form.normal-form li {
    padding: 6px 0;
    border-top: 1px solid #999;
}
form.normal-form label {
    float: left;
    width: 140px;
    padding: 4px 8px;
}
form.normal-form input.text, form.normal-form textarea {
    background: #FFF !important;
    padding: 4px;
    border: 1px solid #999;
    width: 200px;
    border-top: 1px solid #555;
}
form.normal-form textarea {
    width: 300px;
    height: 100px;
}
form.normal-form input#submit { margin-left: 156px; }


/* FOOTER : */

#foot {
    width: 628px;
    margin: 0 auto;
    clear: both;
}
#foot-menu {
    float: left;
    width: 400px;
    padding: 10px 15px;
	font-size :8pt;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#000;
	text-transform:uppercase;
}

#foot-menu a{
	font-size :8pt;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#000;
	text-transform:uppercase;
}

.show{
     visibility:visible;
}

.hide{
    opacity:0;
    filter : alpha(opacity=0);
    -moz-opacity : 0;
}