/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	color: #666;
/*	font-size: .75em;*/
	font-size: 12px;
	font-family: Times, "Times new roman", Georgia, Serif;
	letter-spacing: normal;
	line-height: 14px;
	background: #fff;
	background: url('../img/bande.gif') repeat-y right top;
	padding-right: 10px;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

.mask {
	display: none;
}
/*
#stripe {
	position: absolute;
	top:0px;
	right: 0px;
	height: 100%;
	border-right: black 6px solid;
	z-index: 10;
	overflow: hidden;
}
*/

#logo a {
	background: url('../img/logo.gif') no-repeat left top;
	display: block;
	height: 50px;
	margin: 25px 0 30px 0;
	width: 90px;
}

a:link { text-decoration: underline; color:#333}
a:active { text-decoration: none; }
a:visited { text-decoration: underline; color: #999; }
a:hover { text-decoration: underline; color: #CCC; }

a img { border: none; }

#menu {
    width: 135px;
    overflow: hidden;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
	border-left: black 6px solid;
	padding: 0 0 0 25px;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title { 
	margin: 30px 0 15px 0;
}

#menu ul li { 
	color: #000;
	/* font-size: .95em; */
	font-size: 11px;
	line-height: 18px;
	margin: 0 0 0 10px;
	text-transform: uppercase;
}

#menu ul li a {
	color: #999;
	text-decoration: none;

}

#menu ul li a:hover {
	color: #333;
	text-decoration: none;

}

#content {
    margin: 0 0 0 180px;
    top: 0;
}

.container {	
	margin: 65px 0 15px 0; 
	line-height: inherit;
}


#content p { 
	max-width: 490px; 
	
}

.cl {
	padding-bottom: 30px;
}

#builtwith {
	position: absolute;
	bottom: -10px;
	background-color: #FFF;

}

#builtwith li {
	list-style: none;
}

p {
    margin: 0 0 9px 0;
}


h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; max-width: 1000px;}
#img-container p	{ margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

.scontainer {
    cursor: pointer;
    height: 520px;
    overflow: hidden;
    position: relative;
    width: 800px;
}
div.slides {
    left: 0;
    position: absolute;
    top: 0;
}
ul.slides {
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
div.slides > div, ul.slides li {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 800px;
}
#loopedSlider {
    clear: both;
 /*   margin: 0 auto; */
    padding: 0 20px 0 0 ;
    position: relative;
    width: 800px;
	overflow:hidden;
}
.navig {
}
#pagenav {
    bottom: 10px;
    position: absolute;
    right: 10px;
}
.previous, a.previous:link, a.previous:visited, .slider-separator{
    color:#aeaeae;
	font-size:12px;
	/*  font-family:Arial, Helvetica, sans-serif; */
	display:block;
	float:left;
	text-transform:uppercase;
}
 .slider-separator{
 	padding:0 5px;
 }
a.previous:hover{
    color:#303030;
}
.next, a.next:link, a.next:visited {
    color:#aeaeae;
	font-size:12px;
	/* font-family:Arial, Helvetica, sans-serif;*/
	display:block;
	text-transform:uppercase;
	float:left;
}
a.next:hover{
    color:#303030;
}
.pause{
    display: block;
    float: left;
    height: 19px;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -999px;
    width: 19px;
}
#stop, a#stop:link, a#stop:visited {
    color:#aeaeae;
	font-size:12px;
	/* font-family:Arial, Helvetica, sans-serif;*/
}
a#stop:hover {
    color:#303030;
}
#start, a#start:link, a#start:visited {
    display:none;
    color:#cccccc;
	font-size:12px;
	/* font-family:Arial, Helvetica, sans-serif;*/
}
a#start:hover {
    color:#303030;
}
a.pause:link, a.pause:visited {
    color: #FFFFFF;
}
#pagenav ul.pagination {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul.pagination li {
    float: left;
}
ul.pagination li a {
    background: url("images/slide-disc.png") no-repeat scroll center center transparent;
    color: #FFFFFF !important;
    display: block;
    font: bold 16px/14px Arial;
    margin: 0 2px;
    overflow: hidden;
    padding: 2px 5px 3px;
    text-align: center;
    text-decoration: none;
    text-indent: -999px;
    width: 10px;
	
}
ul.pagination li.active a {
    background: url("images/current-slide-disc.png") no-repeat scroll center center transparent;
}
.slides div span {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 220px;
    color: #000000;
    display: block;
    font-family: "Helvetica","Arial",sans-serif;
    font-size: 18px;
    line-height: 36px;
    margin: 0 0 0 30px;
    opacity: 0.7;
    padding: 6px;
    position: relative;
    width: 500px;
}
.slideOptions{ padding:0 10px 5px 0; margin:0; overflow:hidden; }
.separator{ display:block; padding:0 5px; float:left; font-size:12px; color:303030; line-height:12px; }
.playPause{ padding:0 20px 0 0; margin:0; float:left; }
a:link, a:visited{
	text-decoration:none;
}

.imageTitle, #imageTitle{
	color:#aeaeae;
	text-transform:uppercase;
	padding-left:25px;
}
#imageTitle{
	float:left;
}
.imageTitle{
	visibility:hidden;
}
/* hide the pagination for the gallery */
#loopedSlider ul.pagination{
	visibility:hidden;
	position:absolute;
	left:-10000px;
	top:-1000px;
}
.playPauseButton {
	display:block;
	float:left;
	padding-right:25px;
	text-transform:uppercase;
	cursor:pointer;
}
.slides_container{
	clear:both;
	display:block;
	height:550px !important;
	overflow:visible;
}
.slides_control{
	height:542px !important;
	border:1px solid f00;
}