/* ------- FlashFrame Productions Style Sheet ------- */

*  {
	margin:0; padding:0; 
	}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	background-image:url(images/gradient_bg.jpg);
	background-repeat:repeat-y;
}

img {
	border: 0;
	}
	
/* ------- Header Div ------- */

#header {
	min-height: 60px;
	height:auto;
	background-image:url(images/yellowbars_bg.gif);
	background-repeat:repeat-x;
	margin-top: 10px;
	}
	
/* for Internet Explorer */
/*\*/
* html #header {
	height: 60px;
}
/**/
	
#reelbutton {
	margin-top: 10px;
	margin-bottom: -1px;
	}
	
/* ------- Footer Div ------- */

#footer {
	clear: both;
	height: 40px;
	background-image:url(images/greybars_bg.gif);
	background-repeat:repeat-x;
	margin-top: 5px;
	}

#copyright {
	margin-right: 25px;
	color: #CCCCCC;
	text-align: right;
	font-size: 9px;
	}

/* ------- Main Div ------- */

#main {
	}

#column1 {
	float: left;
	width: 216px;
	}
	
#column2 {
	margin-left: 275px;
	}
	
#sitetitle {
	clear:both;
	}
	
#address {
	font-size: 11px;
	letter-spacing: .2em;
	color:#666666;
	width: 235px;
	margin-top: 30px;
	margin-left: 34px;
	}
	
/* ------- Text Boxes ------- */

/* for understanding browsers */
.textbox {
	border: solid #EDDD98 2px;
	color: #999999;
	float: left;
	width: 322px;
	min-height: 385px;
	margin-bottom: 20px; 
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html .textbox {
	height: 385px;
}
/**/

.textframe {
	position: relative;
	min-height: 340px;
	margin-bottom: 40px;
	}
/* for Internet Explorer */
/*\*/
* html .textframe {
	height: 340px;
}
/**/

.textbox p{
	margin-top: .5em;
	margin-bottom: 2em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	}

.textbox h1 {
	color: #777777;
	font-size: 14px;
	letter-spacing: .075em;
	background-color: #E6DF9A;
	border: #EDDD98 solid 1px;
	margin-top: 1.5em;
	margin-bottom: .5em;
	margin-left: 0em;
	margin-right: 4em;
	padding-left: .25em;
	}

.textbox h2 {
	font-size: 14px;
	padding-left: .5em;
	}

.textbox h3 {
	font-size: 12px;
	padding-left: .5em;
	}
	
.textbox img {
	margin-left:-8px;
	margin-right: 8px;
	margin-top: 13px;
	margin-bottom: 13px;
	}
	
.stillframes img  {
	margin-left: 0;
	margin-right: 0;
	margin-top: 20px;
	margin-bottom: 0;
	}
	
.textbox hr {
	clear: both;
	height: 0px;
	border: 0;
	background-color: #E6DF9A;
	color: #E6DF9A;
	}
	
.textbox A {
	font-size: 12px;
	color: #999999;
	text-decoration: none
	}
	
.textbox A:hover {
	color: #333333;
	}
	
.textbox ul {
	list-style-image:url(images/arrowbullet.gif);
	margin: 25px;
	}

	
/* ------- Next/Previous Links ------- */

#arrowlinks {
	position: absolute;
	bottom: -50px;
	font-size: 12px;
	}
	
#arrowlinks A {
	color: #999999;
	text-decoration: none;
	letter-spacing: .1em;
	font-weight: bold;
	}
	
#arrowlinks A:hover {
	color: #333333;
	}

#nextbutton {
	float: right;
	}
	
#prevbutton {
	float: left;
	}

/* ------- Video Box ------- */

.textbox blockquote {
	text-align:center;
	}
	
.textbox blockquote p {
	padding: 0;
	margin: 0;
	}

/* ------- Callout ------- */
	
.callout {
	font-size: 11px;
	color: #666666;
	width: 250px;
	margin-bottom: 20px;
	}
	
.callout p{
	letter-spacing: .075em;
	margin-top: .5em;
	margin-bottom: 1em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	}
	
.callout h1 {
	width: 195px;
	font-size: 14px;
	color: #777777;
	letter-spacing: .075em;
	background-color: #eaebec;
	border: #d7e0e7 solid 1px;
	margin-top: 1.5em;
	margin-bottom: .5em;
	padding-left: .25em;
	}

.callout ul {
	margin-left: 20px;
	}

.callout A {
	color: #999999;
	text-decoration: none
	}
	
.callout A:hover {
	color: #333333;
	}

/* ------- Menu ------- */

#menucolumn {
	margin-left: 326px;
	}
	
/* ------- Animated Logo ------- */

#logoanim {
	margin-left: 40px;
	}

/* ------- Text styles ------- */


.expanded {
	letter-spacing: .5em;
}