/* --------------------  Default CSS for resq-it --------------------  
	border: thin solid black;
*/
*{ margin: 0; padding: 0; border: 0; outline: none;}
body{ 
	font: small Palatino, serif;
	background: #fff;
	}
/*********************  Navigation  *********************/
#nav{ 
	width: 900px; height: 100%;
	margin: 0 auto;
	height: 2.0em; 
	margin-top: 5px;
	white-space: nowrap /*IE hack*/; 
	font-size: 120%;
	background: #dddddd url( Assets/bg_nav.jpg) no-repeat; 
	}
/* -----------------------------------------  Top-level menu  ----------------------------------------- */
#nav ul{ 
	margin: 0 auto; 
	width: 490px; height: 2.0em;
	list-style: none; 
	text-align: center; 
	border-left: 1px solid #afafaf; 
	}
#nav li{ 
	float: left; 
	width: 120px; 
	margin: 0;
	z-index:auto;
	border-right: 1px solid #afafaf;
	}
#nav a{ 	/* main cells normal mode */ 
	display: block; 
	width: 120px;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 2.0em;
	text-align: center;
	text-decoration: none; 
	color: #646464;
	}
#nav li:hover{ position:relative;} /*Sylvain IE hack*/
#nav li:hover a{ background:#d2d2d2;} /* main cells hovering mode */
/* -----------------------------------------  Drop-down menu  ----------------------------------------- */
#nav li ul{ display:none; /* hide submenu */
	border:none; 
	opacity: .9; filter: alpha( opacity=90);
}

/* SUBMENU Non-IE6 */
#nav li:hover ul{	/* show submenu */
	position: absolute; 
	top: 2.2em; left: 0;
	display: block; 
	font-size: 90%;
	width: 120px; 
	z-index: 98; 
	border-top: solid 1px #afafaf; 
	}
#nav li:hover ul a{	/* subcells normal mode */
	display: block; 
	width: 120px; height: auto; 
	line-height: 1.3em; 
	margin-left: -1px; 
	padding: 4px 0px; 
	font-weight: normal; 
	border-left: solid 1px #afafaf; 
	border-bottom: solid 1px #afafaf; 
	color: #323232; background: #ededed; 
	} 
#nav li:hover li a:hover{ background: #d2d2d2; } /* subcells hovering */

/*********************  Wrap  *********************/
#wrap{
	width: 900px; height: 100%;
	margin: 0 auto;
	padding: 10px;
	}

/*********************  Banner  *********************/
#banner{ 
	width: auto; 
	padding: 10px 0;
	}
	img.name{ margin: 0 0 40px 550px; }

/*********************  Main  *********************/
#main{
	font-size: 130%; 
	color: #646464; 
	margin: 0 20px;
	padding-bottom: 30px; /* for the footer */
	}
	#login{
		width: 120px; height: 90px;
		margin: 50px auto;
		text-align: center;
		}
		#login a{ text-decoration: none; }
			#login a:hover{ font-weight: bold; }
	
	p.main{ clear: both; padding: 12px 10px; font-size: 100%; }
	#main a.service{ font-family: Tahoma, Geneva, sans-serif; font-size: 90%; color: #c19e24;}
		#main a:hover{ text-decoration: none; }
	#col-left p, #col-right p { padding: 10px 5px; }
	#col-left{ float: left; width: 46%; padding-left: 2%; }
	#col-right{ float: right; width: 46%; padding-left: 2%; }

	#certify{ margin: 20px 0; text-align: center;}
		#certify img{ padding: 0 30px;}

/* --------------------  portraits in contacts --------------------  */
dl.contact{
	margin: 10px 5px; pading: 5px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
	dl.contact:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	dl.contact dt{
		margin: 0 0 .5em 0;
		font: normal 100% Tahoma, Geneva, sans-serif;
		color: #c19e24;
		}
	dl.contact dt img{
		float: left;
		margin: 0 15px 0 0; padding: 0 4px 4px 0;
		}
	dl.contact dd{
		margin-left: 140px;
		font-size: 80%;
		line-height: 1.5em;
		color: #666;
		}
a.portrait{ position: relative; cursor: default; }
a.portrait img{ 
	float: left;
	width: 136px; height: 165px;
	margin: 5px 20px;
	border: none;
	}
a.portrait img.zoom{ 
	display: none;
	width: 272px; height: 330px;
	}
a.portrait:hover img.zoom{ 
	display: block;
	position: absolute;
	top: -75px; left: -195px;
	z-index: 100;
	}

/* ----------------------------------------  Mail Form ----------------------------------------  */

fieldset{  width: 60%; margin: 20px 0; padding: 5px 0; border: thin dotted #666; }
	fieldset legend{ margin-left: 10px; padding: 0 5px; background: #e6f1f5; }
	fieldset p{ margin: 10px; padding: 0px; }
textarea, input{ 
	font: 90% verdana, sans-serif; 
	border: thin dotted #666; 
	background: #e6f1f5; 
	}
	textarea:focus, input:focus{ background: #e8face; }
textarea{ width: 60%; height: 200px; }
input{ width: 95%; }
	input.submit{ 
		width: 60px; 
		padding: 0 5px; 
		font-weight: bold; 
		border: solid 1px #c3f57b; 
		color: #6d7455; background: #dbba84; 
		}
p.submit{ margin-left: 200px; }

/*********************  Footer  *********************/
#footer{ 
	clear: both;
	padding-top: 40px;
	font-size: 83%;
	text-align: center;
	}
	
/*********************  Miscellaneous Formats   *********************/
.right{ float: right; margin: 5px 10px; }	
.center{ text-align: center; }	
p{ margin-top: 7px; }
a{ color: #7d7d7d; }
h1, h2{ font-family: Tahoma, Geneva, sans-serif; }
h1{ margin-top: 20px; padding: 10px 0; font-size: 120%; }
h2{ padding: 15px 0 0px 0; font-size: 100%; }
ul{ margin-left: 50px; }
li{ margin-top: 10px; }
abbr { cursor:help; border-bottom:thin dotted #344c75; }