/* 
Theme Name: 001
Design Name: Intro
Description: Style sheet for the index
Version: 1.2
Author: Thomas Michaud
Author URI: http://www.ivfx.com
*/


	
body {
	background: #1D1D1D;
	margin:0;
	padding:0;
	font: 11px/1.5em Arial, "Lucida Grande", helvetica, verdana, sans-serif;
	text-align:center;
}

p { 
	font-family: Arial, "Lucida Grande", helvetica, verdana, sans-serif;
	font-size: 118%;
	color:#C3B9F5;
	margin-top: 0px; 
	}

a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #FFF;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #999;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #999;
	}

h1, h2, h3, h4, h5, h6{
	font-family: Arial, "Lucida Grande", helvetica, verdana, sans-serif;
        font-weight: normal;
}

h1{
    font-size: 218%;
	color:#787167;
	margin-top: 0px; 
	text-align: right;
}

h2{
    font-size: 164%;
    font-weight:bold;
	color:#5E1C0A;
	margin-top: 0px; 
	text-align: right;
}

h3{
    font-size: 150%;
	color:#5E1C0A;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom:5px;
	text-align: left;
}

h4{
	font-size: 130%;
	color:#000;
	font-weight:bold;
	margin-top: 0px; 
	text-align:left;
}

cite{
font-size:80%;
font-color:#000;
text-align:left;
}
	
	
/* -------- specific divs -------- */


/* ------ CONTAINER ------ */

		#container {
			background: url(/i/004-container.jpg) no-repeat;
			width: 660px;
			\width: 680px;
			w\idth: 660px;
			margin: 0;
			margin-left: auto;
			margin-right:auto;
			position: relative;
			color:#FFF;
		}




/* ------ HEADER ------ */

	#header {
	height:100px;
	padding: 0 0 0 0;
	margin-bottom: 0 0 0 0;
	}

#option .p1 {
	position: absolute;
	top: 50px;
    right: 40px;
    text-align: right;
    font-weight: normal;
    color: #FBFBE5;
    width: 145px;
	}
	
#option .p2 {
	position: absolute;
	top: 65px;
    right: 40px;
    text-align: right;
    font-weight: normal;
    color: #FBFBE5;
    width: 145px;
	}

#header h1{
	width:660px;
	\width:680px;
	w\idth:660px;
	height:100px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
		
		
#header h1 span {
	display:none
	}




/* ------ CONTENT------ */

		#content {
			background: url(/i/004-training-bg.gif) repeat;
			padding: 5px;
			margin-right:35px;
			margin-left:205px;
			height:320px;
			border: 1px solid #FFF;
		}

#content p{
	font-family: Arial, "Lucida Grande", helvetica, verdana, sans-serif;
	margin-top: 0;
	padding-top: 0;
	}
	
.cp1, .cp2, .cp3, .cp4{
	font-size:120%;
	text-align:left;
    font-weight: normal;
    color:#000;
    margin:5px 0;
    padding-top:10px;
}

#content a:link{
		color: #5E1C0A;
}

#content a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #9B4D37;
	}
#content a:hover, a:active { 
	text-decoration: none; 
	color: #000;
	}


.pdl{
	font-size:150%;
	text-align:center;
    font-weight: normal;
    color:#000;
    margin:0;
    padding-top:10px;
}

p img {
	max-width: 100%;
	margin-bottom:-15px;
	padding: 4px;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */


/* ------ SIDEBAR ------ */

	#sidebar {
	font-family: Arial, "Lucida Grande", helvetica, verdana, sans-serif;
	font-size:120%;
	float: left;
	width: 200px;
	\width: 200px;
	w\idth: 200px;
	height:330px;
	margin-right:30px;
	padding: 0;
		}

#sidebar ul{
	margin: 0 0 0 0; /*removes indent IE and Opera*/
	padding: 0 0 0 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-size: 120%;
	text-align:center;
	}

#sidebar li {
	line-height: 60px;
	margin: 0 0 0 30px;
	padding: 0;
}

#sidebar a {
	color:#FFF;
	display: block;
	height:66px;
	background-image:  url(/i/link-hover-off-01.gif);
	background-repeat: repeat-y;
	background-position: 50% 50%;
}

#sidebar a:link, #navlist a:visited {
	color: #FFF;
	text-decoration: none;
}

#sidebar a:hover, #navlist a:active {
	background-image:  url(/i/link-hover-on-01.gif);
	background-repeat: repeat-y;
	background-position: 50% 50%;
	color: #FFF;
	text-decoration: none; 
}

#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
	background-image:  url(/i/link-hover-on-01.gif);
	background-repeat: repeat-y;
	background-position: 50% 50%;
	color: #FFF;
	text-decoration: none; 
}


/* ------ FOOTER ------ */
		#exit {
		}
		
		#footer {
		width:660px;
		\width:680px;
		w\idth:660px;
		clear: both;
		height:110px;
		padding:0;
		margin-top: 0;
		}

.fp1 {
	position: absolute;
    color: #000;
    font-weight: normal;
    font-size: 110%;
    top: 470px;
    left: 35px;
    text-align: left;
    width:660px;
    padding: 0;
}
address{
	position: absolute;
	color: #5E1C0A;
    font-weight: bold;
    font-size: 115%;
    top: 470px;
    left: 200px;
    text-align: left;
    width:660px;
    padding: 0;
}

#footer h4{

	}
		
		
#footer h4 span {
	display:none;
	}