/*
BORA design
*/

/*
CONTENTS
*/

*{padding:0; margin:0;}

html {background:url(images/bkgrnd.jpg);background-position: 20px 0px; background-attachment:fixed;}

body {display:block;}

#left {background:url(images/BORAdesign.png); background-repeat:no-repeat; background-position: 99px 46px; background-color: #000000; height:100%; width:220px; margin:0px; border:0px; padding:0px; position:fixed; top:0px; left:0px; z-index:99}

#nav {background-color: #000000;font-size:14px; font-family:"Arial", Helvetica, sans-serif; height:136px; width:190px; margin-top:280px; border-right-style:dotted; border-color:#888888; border-width:1px; font-weight:lighter; text-align:right;}

#wrapper {margin-left:220px;}

#center{height:100%; width:700px; margin-left:6%; margin-right:auto; border:0px; padding:0px;}

#clear{background-color: #000000; height:100%; width:700px; margin:0px; padding:0px; position:fixed; bottom:0px; clear:both; z-index:-1;}


/*
INDEX
*/
#intro{background:url(images/black.gif); background-position: 0px 400px; background-repeat:no-repeat; height:100%; width:700px; position:absolute;}

#beton{background:url(images/beton.png); background-repeat:no-repeat; height:182px; width:700px; margin:auto; position:relative;}

#pan1 {background-color: #000000; height:260px; width:700px; margin:auto; padding:0px;}

/*
SOLUTION
*/
#solution {height:auto; width:500px; margin-top:272px; margin-left:70px;}

/*
CREATIONS
*/
#C1 {height:294px; width:550px; margin:272px 0px 100px 70px; border-top-style:solid; border-bottom-style:dotted; border-color:#444444; border-width:1px; padding:14px 0px 12px 0px;}
#C2 {height:294px; width:550px; margin:0px 0px 100px 70px; border-top-style:solid; border-bottom-style:dotted; border-color:#444444; border-width:1px; padding:14px 0px 12px 0px;}

/*
SLIDE SHOW
*/
#portfolio {
	width: 550px;
	height: auto;
	}


#info {
	height: auto;
	position:absolute;z-index:20;
	padding: 20px 0px 0px 360px;  
	width: 190px;
	font-size:12px; font-family:"Arial", Helvetica, sans-serif; color:#999999; font-weight:lighter;
	text-align:justify;
	float:right;}
	
.info {color:#999;text-decoration:none;}
.info:visited {color:#999;}
.info:active {color:#999;}
.info:hover {color:#999;text-decoration:underline;}	


#mygalone{width: 100%; height: 100%; float:left;}


/*preload classes*/
.svw {width: 100%; height: 100%;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 0px;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: lighter 10px Arial;
text-align: center;
line-height: 22px;
background: #000000;
color: #FFFFFF;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #333333;
color: #FFFFFF;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}

/*
COLONNES
*/
#col1 {height:auto; width:236px; margin-top:272px; margin-bottom:0px; margin-left:70px; float:left;}

#col2 {height:auto; width:240px; margin-top:272px; margin-bottom:0px; margin-right:90px; float:right;}

/*
DESIGN
*/
#D1 {height:auto; width:236px; margin-top:225px; margin-bottom:0px; margin-left:70px; float:left;}

#D2 {height:auto; width:242px; margin-top:225px; margin-bottom:0px; margin-right:90px; float:right;}

/*
PROFIL
*/
#louischarles {background:url(images/louischarles.png); background-repeat:no-repeat; height:192px; width:248px;}
#bio {height:auto; width:181px; position:relative; top:-95px; left:26px;}

/*
CONTACT
*/
#contact {height:auto; width:190px;position:absolute; bottom:25px; font-size:11px; font-family:"Arial", Helvetica, sans-serif; color:#777777; font-weight:lighter; text-align:right; z-index:-1;}

#contact2{height:auto; width:160px;border-left-style:dotted; border-color:#888888; border-width:1px; margin-left:40px; margin-top:56px; padding-top:30px; font-size:11px;}

#contact3{height:auto; width:240px;border-width:1px; margin-top:56px;}

/*
FONTS
*/

.texteA {font-size:12px; font-family:"Arial", Helvetica, sans-serif; color:#999999; font-weight:lighter;}

.texteB {font-size:12px; font-family:"Arial", Helvetica, sans-serif; color:#05ACBB; font-weight:lighter;}


h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS", Verdana, sans-serif;}

h1 {font: 30px/26px 'Colaborate-ThinRegular', Arial, sans-serif; color:#FFFFFF; font-weight:lighter; display:inline; text-shadow: 1px 3px 4px #888;}
h2 {font:30px/26px 'Colaborate-ThinRegular', Arial, sans-serif; color:#05ACBB; font-weight:lighter;}
h3 {font:20px/26px 'Colaborate-ThinRegular', Arial, sans-serif; color:#05ACBB; font-weight:lighter}
h4 {font-size:12px;}
h5 {font-size:10px;}
h6 {font-size:6pt;color:#EEEEEE;}


a {color:#05ACBB;text-decoration:none;}
a:visited {color:#05ACBB;}
a:active {color:#05ACBB;}
a:hover {color:#FFFFFF;}

.a {color:#777777;text-decoration:none;}
.a:visited {color:#777777;}
.a:active {color:#777777;}
.a:hover {color:#05ACBB;}

#nav ul {
	height:100px;
	list-style-type:none;
	width:100%;
	display:block;
}

#nav ul li a {
	height:20px; 
	padding:0px 22px 10px 0px;
	display:block;
	
}

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('ColabThi.eot');
	src: local('Colaborate-Thin'), local('Colaborate-Thin'), url('ColabThi.woff') format('woff'), url('ColabThi.ttf') format('truetype'), url('ColabThi.svg#Colaborate-Thin') format('svg');
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('ColabLig.eot');
	src: local('ColaborateLight'), local('Colaborate-Light'), url('ColabLig.woff') format('woff'), url('ColabLig.ttf') format('truetype'), url('ColabLig.svg#Colaborate-Light') format('svg');
}

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url('ColabReg.eot');
	src: local('Colaborate-Regular'), local('Colaborate-Regular'), url('ColabReg.woff') format('woff'), url('ColabReg.ttf') format('truetype'), url('ColabReg.svg#Colaborate-Regular') format('svg');
}

@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: url('ColabMed.eot');
	src: local('Colaborate-Medium'), local('Colaborate-Medium'), url('ColabMed.woff') format('woff'), url('ColabMed.ttf') format('truetype'), url('ColabMed.svg#Colaborate-Medium') format('svg');
}

@font-face {
	font-family: 'Colaborate-BoldRegular';
	src: url('ColabBol.eot');
	src: local('Colaborate-Bold'), local('Colaborate-Bold'), url('ColabBol.woff') format('woff'), url('ColabBol.ttf') format('truetype'), url('ColabBol.svg#Colaborate-Bold') format('svg');
}