/* CSS Document */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	margin-top: 10px;
	margin-left: 20px;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #333333;
}
.clear {
	clear: both;
}
/* -- container --*/
#wrap {
	width: 955px;
	height: 614px;
	/*background-color: #cea411; */ /*remove this and replace with backgroundimage*/ /*BROWN*/
	margin: 0px auto;
	background-image: url(IMAGES/backgrounds/galleries.jpg);
}

#wrapcontact {
	width: 955px;
	height: 614px;
	margin: 0px auto;
	background-image: url(IMAGES/backgrounds/contact.jpg);
}
#wrapbio {
	width: 955px;
	height: 614px;
	margin: 0px auto;
	background-image: url(IMAGES/backgrounds/bio.jpg);
}
#wrap3d {
	width: 955px;
	height: 614px;
	margin: 0px auto;
	background-image: url(IMAGES/backgrounds/chien.jpg);
}
#wraplinks {
	width: 955px;
	height: 614px;
	margin: 0px auto;
	background-image: url(IMAGES/backgrounds/links.jpg);
}
#wrapindex {
	width: 955px;
	height: 614px;
	margin: 0px auto;
	background-image: url(IMAGES/backgrounds/Racines-web.jpg);
	background-repeat: no-repeat;
	/*border: 1px solid #333333;*/
}


/* -- header -- */
#top {
	/*background-color: #9966cc;*/  /*MAUVE*/
	background-repeat: no-repeat;
	margin: 0px;
	height: 50px;
	background-position: left top;
	background-image: url(IMAGES/vincentlafrance1.gif);
	background-attachment: scroll;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
/* -- nav HERE -- */
.nav_work #nav li#one a,.nav_bio #nav li#two a, .nav_contact #nav li#four a, .nav_links #nav li#five a, .nav_cv #nav li#three a {
	color: #333333;
}
#left-nav{
	width: 175px;
	float: left;
	position: relative;
	left:0px;
	/*background-color: 336666;*/ /*TEALE*/
}
/* -- top menu nav --  */

#nav {
	width: 400px;
	float: right;
	text-align: right;
	font-size: 14px;
	color: #E74B35;
	position: relative;
	top: 30px;
	right: 46px;
}
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav li {
	display: inline;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	line-height: 14px;
}
#bottom {
	height: 12px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #A5BAC6;
}
#content {
	padding: 0px;
	margin: 0px 15px 18px;
	/*background-color: #FFFFFF; remove this*/
	
}
#content-plain {
	padding: 0px;
	margin: 0px 15px 18px;
}
#content-middle {
	padding: 0px;
	float: right;
	margin-top: 350px;
	margin-right: 150px;
}

#content_right-writing {
	width: 600px;
	height: 500px;
	float: left;
	overflow: auto;
	/* background-color: #22dde4;*/ /*turquoise*/
}

#content_right {
	width: 600px;
	height: 500px;
	float: left;
	/* background-color: #22dde4;*/ /*turquoise*/
}
#content_rightcontact {
	width: 250px;
	height: 500px;
	float: left;

}
#content-bottom {
	width: 600px;
	height: 60px;
	float: left;
	margin-top: 555px;
	/* background-color: #22dde4;*/ /*turquoise*/
}
#discription_wrap h1 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;

}
#discription_wrap p {
	font-size: 11px;
	line-height: 14px;
	margin: 8px 0px 0px;
	padding: 0px;
}
#discription_wrap {
	margin-top: 0px;
	padding: 0px;
	background-color: #FF66FF;
 }
#discription {
	width: 300px;
	float: left;
	/*background-color: #66FF00; */ /*GREEN*/
}

#image-name {
	width: 300px;
	float: left;
	/*background-color: #cc9999;*/ /*ROSE*/
	padding-top: 6px;
}


#contentpage {
}
#contentpage h1 {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
#contentpage p {
	font-size: 11px;
	line-height: 14px;
	margin: 8px 0px 0px;
	padding: 0px;
}

#controlls {
	text-align: right;
	float: left;
	width: 300px;
	/*background-color: #FF0000;*/ /*RED*/
}
#controls-bottom {
	text-align: right;
	float: left;
	width: 300px;
	/*background-color: #cccc99;*/ /* BEIGE */
	padding-top: 6px;
}

#textscroll{
	overflow: scroll;
	height: 650px;
	width: 500px;
}

/* Left Nav Markers */

body#page00 #left-nav li#link_00 a {
	color: #FFFFFF;
	background: #333333;
}
body#page01 #left-nav li#link_01 a {
	color: #FFFFFF;
	background: #333333;
}
body#page02 #left-nav li#link_02 a {
	color: #FFFFFF;
	background: #333333;
}
body#page03 #left-nav li#link_03 a {
	color: #FFFFFF;
	background: #333333;
}
body#page04 #left-nav li#link_04 a {
	color: #FFFFFF;
	background: #333333;
}
body#page05 #left-nav li#link_05 a {
	color: #FFFFFF;
	background: #333333;
}
body#page06 #left-nav li#link_06 a {
	color: #FFFFFF;
	background: #333333;
}
body#page07 #left-nav li#link_07 a {
	color: #FFFFFF;
	background: #333333;
}
body#page08 #left-nav li#link_08 a {
	color: #FFFFFF;
	background: #333333;
}
body#page09 #left-nav li#link_09 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page10 #left-nav li#link_10 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page11 #left-nav li#link_11 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page12 #left-nav li#link_12 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page13 #left-nav li#link_13 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page14 #left-nav li#link_14 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page15 #left-nav li#link_15 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page16 #left-nav li#link_16 a {
	color: #FFFFFF;
	background: #333333;
	}					
body#page17 #left-nav li#link_17 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page18 #left-nav li#link_18 a {
	color: #FFFFFF;
	background: #333333;
	}		
body#page19 #left-nav li#link_19 a {
	color: #FFFFFF;
	background: #333333;
	}
/* -left navigation- */
.menu {
	margin: 0px 0px 0px 8px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
.menu ul {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	list-style: none;
} 

.menu li {
	margin-bottom: 2px;
	margin-right: 20px;
	list-style-type: none;
}
	 
.menu a {
	text-decoration: none;
	color: #000000;
	display: table;
	background-color: #F0F0F0;

}	
.menu a:hover {
     background: #333333;
	 color: #FFFFFF;
}
/*.menutitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;	
}
.menutitle a {
	color: #000000;
	background-color: #F0F0F0;	
}
.menutitle a:hover {
	color: #FFFFFF;
	background: #333333;
}*/
.menuhere {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	background: #333333;	
}
.menuhere a {
	color: #FFFFFF;
	background: #333333;	
}
.menuhere a:hover {
	color: #FFFFFF;
	background: #333333;
}

/* mooShow 0.01 beta CSS Document */

.mooshow a img { 
	border: none;
	outline: none;
	-moz-outline: none;
	}

.mooshow_outerContainer{
	position: relative;
	/*background-color: #fff;*/
	color: #FFFFFF;
	width: 20px;
	height: 1px;
	margin: 0 auto;
	display: inline;
	}

.dropShadowBorder {
	border-top:1px solid #FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #FFF;
	border-bottom:1px solid #CCC;
	}

.mooshow {
	position: inherit;
	display: none;
	}
	
.mooshow_loading{
	position: absolute;
	top: 0;
	left: 0;
	display:none;
	}

.mooshow_copyright{
	position: absolute;
	top: 15px;
	right: 10px;
	color: #CCCCCC;
	font-size:9px;
	}

.mooshow_extras{
	margin: 0 auto;
	text-align: left;
	color:#666666;
	background-color: inherit;
	}

.mooshow_topNav{
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 8px;
	background-color: inherit;
	color:#CCCCCC;
	line-height: 170%;
	width: 100%;
	display: none;
	}

.mooshow_captions{
	/*background-color: #FFF;*/
	color:#000000;
	margin: 0 auto;
	text-align: left;
	line-height:140%;
	height: 15px;
	width: 100%;
	padding-top: 5px;
	}

.mooshow_contentContainer{
	/*background-color:#faff66; *//*YELLOW*/
	color: inherit;
	position: relative;
	text-align: center;
	line-height: 0.0;
	height: 440px;
	width: 600px;
	background-repeat: no-repeat;
	background-position: left top;
	}
	
.mooshow_overlayNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	}

.mooshow_prevLink, .mooshow_nextLink{
	width: 30%;
	height: 100%;
	background: transparent url(../../../mooshow/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
	
.mooshow_prevLink { left: 0; float: left; outline: none; -moz-outline: none;}
.mooshow_nextLink { right: 0; float: right; outline: none; -moz-outline: none;}
.mooshow_prevLink:hover, .mooshow_prevLink:visited:hover { background: url(mooshow/prev.gif) no-repeat left 100%; }
.mooshow_nextLink:hover, .mooshow_nextLink:visited:hover { background: url(mooshow/next.gif) no-repeat right 100%; }


.mooshow_IPTC{
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	background-color: #000;
	color:#CCCCCC;
	font-size:9px;
	line-height:140%;
	text-align:left;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	display: none;
	}
		
.mooshow_IPTCbutton{
	position: absolute;
	top: 0;
	left: 0;
	}

.mooshow_IPTC_left{
	float: left;
	text-align:right;
	width:18%;
	}

.mooshow_IPTC_right{
	float: right;
	text-align:left;
	width:80%;
	}
#controlls #counter_wrap {
	font-size: 11px; 
	line-height: 14px;
	margin: 0px 0px 0px;
}
#controls-bottom #counter_wrap {
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 0px;
}