@charset "utf-8";
/* undo some default styling of common (X)HTML browsers */


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}


/*  ---------------------- PAGE CONSTRUCT DIVS  ---------------------------------------  */

body {
	margin: 0 auto;
	padding: 0;
	background: url(images/bg_purple.jpg);
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
}


#backgroundContainer {
	margin: 0 auto;
	background: url(images/bg_pattern.jpg) center top repeat-x;
	padding: 0;
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
}


#header {
	margin: 0 auto;
	padding: 0;
	background: url(images/bg_header.jpg) no-repeat;
	width: 837px;
	height: 216px;
	display: block;
	overflow: hidden;
}


#container {
	margin: 0 auto;
	padding: 0;
	width: 837px;
	height: 386px;
	display: block;
	overflow: hidden;
	text-align: left;
}


#leftSide {
	margin: 0;
	padding: 0;
	float: left;
	background: url(images/bg_leftSide.jpg) no-repeat;
	width: 41px;
	height: 386px;
	display: block;
	overflow: hidden;
}


#content {
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	float: left;
	height: 386px;
	width: 755px;
	display: block;
	overflow: hidden;
}

#rightSide {
	margin: 0;
	padding: 0;
	float: left;
	background: url(images/bg_rightSide.jpg) no-repeat;
	width: 41px;
	height: 386px;
	display: block;
	overflow: hidden;
}

#footer {
	margin: 0 auto;
	padding: 58px 0;
	background: url(images/bg_footer.jpg) no-repeat;
	width: 837px;
	height: 114px;
	display: block;
	overflow: hidden;
}


/*  ---------------------- Content CSS  ---------------------------------------  */

#home {
	width: 701px;
	height: 359px;
	background:	url(images/bg_home2.jpg) no-repeat;
	padding: 0;
	margin: 9px 0 0 20px;
	border:0;
}

/* Hack to correct for all non-IE 6  browsers*/
html>body #home{
	margin: -5px 0 0 20px;
}


#welcome {
	width: 300px;
	height: auto;
	margin: 25px 0 0 358px;
	padding: 0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 17px;
}

/* Hack to correct for all non-IE 6  browsers*/
html>body  #welcome{
	margin: 10px 0 0 358px;
}

#welcome h6 {
	font-size: 30px;
	color: #f00;
	display: block;
	font-weight: bold;
	margin: 0 0 10px 0;
}

/* Hack to correct for all non-IE 6  browsers*/
html>body #welcome h6 {
	margin: 10px 0 0 0;
	line-height: 50px;
}

#welcome em {
	font-style: italic;
	font-weight: bold;
}

#welcome a, #welcome a:visited, #welcome a:link {
	text-decoration: none;
	color: #000;
}

#welcome a:hover, #welcome a:focus {
	text-decoration: underline;
	color: #f00;
}

#galleryPromo {
	clear: both;
	width: 155px;
	height: auto;
	margin: 20px 0 0 358px;
	padding: 0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	line-height: 15px;
}

#matta {
	clear: both;
	width: 175px;
	height: auto;
	margin: 20px 0 0 485px;
	padding: 0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	line-height: 15px;
}

/* Hack to correct for all non-IE 6  browsers*/
html>body #matta{
	margin: 30px 0 0 485px;
}

h5 {
	font-size: 13px;
	color: #f00;
	font-weight: bold;
	padding: 0 0 5px 0;
}


#content li {
	list-style-image:url(images/bullet_video.gif);
	text-indent: 18px;
	line-height: 8px;
}

/* Hack to correct for all non-IE 6  browsers*/
html>body #content li{
	text-indent: 0;
	margin-left: 18px;
}

#content li a, #content li a:link, #content li a:visited {
	font-weight:normal;
	color: #f00;
	display: block;
	margin: 8px 0 0 0;
	text-decoration:none;
}

#content li a:hover, #content li a:focus {
	color: #000;
	text-decoration:none;
}


/* ------------------------ Navigation  ---------------------------------------  */

#nav {
	margin: 0 0 0 150px;
	float: left;
	width: 306px;
	height: 216px;
	padding:0;
	border: 0;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	}
	
/* Hack to fix for IE 6 */
html>body #nav{
	margin: 0 0 0 300px;
}
	 
#nav li { padding:0; margin: 0; display:block; list-style-type:none;  }

	
#nav li a {
	display: block;
	height: 216px;
	background: url(images/bg_nav.jpg) top no-repeat;
	float: left;
	border: 0;
	padding: 0;
	text-decoration: none;
	}
	
li#video a { width:  147px;	height: 216px; }
li#video a:visited, li#video a:link { background-position: 0px 0px; }
li#video a:hover, li#video a:focus { background-position:  -306px 0px; }

	
li#gallery a { width:  159px;	height: 216px; }
li#gallery a:visited, li#gallery a:link { background-position: -147px 0px; }
li#gallery a:hover, li#gallery a:focus { background-position: -453px 0px; }

#amFamLogo {
	width: 132px;
	height: 58px;
	float: right;
	margin: 130px 36px 0 0;
}
	
/* Hack to fix for IE 6 */
html>body #amFamLogo{
	margin: 125px 70px 0 0;
}

/* ------------------------ MooTools CSS  ---------------------------------------  */

#horizontal_slide {
	background: #ffffff;
	padding: 0;
	border: 0;
	margin: 0;
	width: 755px;
	height: 386px;
}