/* 	
	style.css for 		audeguibourt.free.fr
	design & code by 		felixlecha.com
	mail : 			contact@felilxecha.com
*/

/* - Generic - */
*
{
	border: 0;
	margin: 0;
	padding: 0;
	font: 15px/24px arial; text-decoration: none;
	color: #89A3A6;
}

a:link, a:visited
{
	color: #89A3A6;
}

a:hover, a:focus, a:active
{
	color: #dfb556;
}

body
{
	background: url(background.jpg) repeat bottom left;
}

#bg
{
	height: 100%; width: 100%; position: absolute;
	/*background: url(overlay.png) repeat bottom left;*/
}



/* - Layout - */
#layout
{
	height: 600px; width: 800px; position: absolute;
	top: 50%; left: 50%;
	margin: -300px 0px 0px -400px;
	border: 1px solid #dfb556;
}

#nav
{
	height: 100%; width: 100%; position: absolute;
	top: 0px; left: 0px; overflow: none;
	background: url(fond_nav.jpg) no-repeat;
}

/* - Main - */
#audeguibourt
{
	height: 100px; width: 430px; position: absolute;
	top: 20px; left: 201px;
	text-indent: -2000px;
	background: url(audeguibourt.png) no-repeat;
}

#medusa
{
	height: 140px; width: 187px; position: absolute;
	bottom: 10px; left: 100px;
	background: url(medusa.gif) no-repeat;
}

#bt_showreel,#bt_showreel:hover,#bt_resume,#bt_resume:hover,#bt_contact,#bt_contact:hover,#bt_blog,#bt_blog:hover
{
	height: 60px; width: 130px; position: absolute;
	text-indent: -2000px;
}

#bt_showreel_preload, #bt_resume_preload, #bt_contact_preload, #bt_blog_preload
{
	height: 0px; width: 0px; position: absolute;
}

#bt_showreel
{
	top: 200px; left: 40px;
	background: url(showreel_off.png) no-repeat;
}

#bt_showreel:hover, #bt_showreel_preload
{
	top: 200px; left: 40px;
	background: url(showreel_on.png) no-repeat;
}

#bt_resume
{
	top: 225px; left: 300px;
	background: url(resume_off.png) no-repeat;
}

#bt_resume:hover, #bt_resume_preload
{
	top: 225px; left: 300px;
	background: url(resume_on.png) no-repeat;
}

#bt_contact
{
	top: 165px; left: 480px;
	background: url(contact_off.png) no-repeat;
}

#bt_contact:hover, #bt_contact_preload
{
	top: 165px; left: 480px;
	background: url(contact_on.png) no-repeat;
}

#bt_blog
{
	top: 160px; left: 690px;
	background: url(blog_off.png) no-repeat;
}

#bt_blog:hover, #bt_blog_preload
{
	top: 160px; left: 690px;
	background: url(blog_on.png) no-repeat;
}

/* - Resume - */
#nav_resume_bg
{
	height: 100%; width: 100%; position: absolute;
	top: 0px; left: 0px; overflow: none;
	background: url(stone.png) no-repeat;
}

#nav_resume
{
	height: 100%; width: 100%; position: absolute;
	top: 0px; left: 0px; overflow: none;
	text-indent: -2000px;
	background: url(resume.png) no-repeat;
}

#resume_hide
{
	display: none;
}

#puce1
{
	height: 54px; width: 54px; position: absolute;
	top: 112px; left: 5px;
	background: url(oursin_1.gif) no-repeat;
}

#puce2
{
	height: 54px; width: 54px; position: absolute;
	top: 305px; left: 2px;
	background: url(oursin_3.gif) no-repeat;
}

#puce3
{
	height: 54px; width: 54px; position: absolute;
	top: 475px; left: 3px;
	background: url(oursin_2.gif) no-repeat;
}

#menu
{
	height: 22px; width:400px; position: absolute;
	bottom: -22px; position: absolute;
}

.select:link, .select:visited, .select:hover, .select:focus, .select:active
{
	color: #3E5151;
}

#menu_download
{
	height: 22px; width:180px; position: absolute;
	bottom: -22px; right: 0px;
	text-align: right;
}

.download
{
	background: url(download.png) no-repeat;
}

.download:hover
{
	background: url(download.gif) no-repeat;
}

#download_gif_preload
{
	height: 0px; width: 0px; position: absolute;
	background: url(download.gif);
}

.decal
{
	margin: 0px 0px 0px 20px;
}

.decal:hover
{
	margin: 0px 0px 0px 20px;
	color: #dfb556;
}

/* - Contact - */
form
{
	height: 600px; width: 225px; position: absolute;
	top: 5px; left: 15px;
	margin: 0px 0px 0px 0px;
}

dt
{
	height: 25px; width: 100%; position: relative;
	margin: 3px 0px 0px 0px;
}

input, select
{

	text-align: center;
}

textarea
{
	width: 100%; height:100%; position: absolute;
	text-align: left;
}

input:hover, select:hover, input:active, select:active, input:focus, select:focus, textarea:hover, textarea:active, texarea:focus
{
	border: 1px solid #dfb556;
	color: #000000;
}

.form_mail
{
	width: 225px; position: absolute;
	background-color: #E5F1E5;
	border: 1px solid #89A3A6;
	color: #666666;
}

.valid
{			
	color: #00CC00;
}

.warning
{			
	color: #CC0000;
}

.textarea
{
	width: 100%; height:350px;
}