/* 
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%;
	margin-top: 0px; 
	}

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

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%;
	color:#787167;
	margin-top: 0px; 
	text-align: right;
}

h3{
    font-size: 145%;
	color:#B5490E;
	margin-top: 0px; 
	text-align: right;
}

h4{
	font-size: 118%;
	color:#C3B9F5;
	margin-top: 0px; 
	text-align: right;
}
	
	
/* -------- specific divs -------- */


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

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

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

		#ibcontainer {
			background: url(/i/001b-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 {
			padding: 5px;
			margin-right:30px;
			margin-left:200px;
			height:330px;
		}

#content p{
	font-family: Arial, "Lucida Grande", helvetica, verdana, sans-serif;
	margin-top: 0px;
	}
	
.cp1{
	font-size:180%;
	text-align:left;
    font-weight: normal;
    color:#FFF;
    margin:0;
    padding-top:140px;
}

#holder{
	background: url(/i/trans-blk-bg.gif) repeat;
	padding: 5px;
	margin-right:35px;
	margin-left:205px;
	height:320px;
	border: 1px solid #705634;
}

#holder p{
	font-family: Arial, "Lucida Grande", helvetica, verdana, sans-serif;
	line-height: 14pt;
	font-size: 12pt;
	color:#FFF;
    font-weight: normal;
    margin:5px 15px 5px 5px;
    padding:5px;
}


p img {
	max-width: 100%;
	margin-bottom:-20px;
	}

/*	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;
	margin-top: 15px;
	}
	
	
/* ------ 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: #FFF;
    font-weight: normal;
    font-size: 110%;
    top: 470px;
    left: 35px;
    text-align: left;
    width:660px;
    padding: 0;
}
address{
	position: absolute;
	color: #E9AF5B;
    font-weight: bold;
    font-size: 115%;
    top: 470px;
    left: 200px;
    text-align: left;
    width:660px;
    padding: 0;
}
#footer h4{

	}
		
		
#footer h4 span {
	display:none;
	}