﻿/* FOR MASTER PAGE  & Basic, browser resets*/

body {
	font-size: 62.5%;  /*note using % first, then using ems, fixes IE bug using ems for text on pages. 
	Browser default is 16pixels for text if user doesn't change it, 16px = 100% or 1em. therefore 200% or 2em renders 32 pixel text, etc...*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	padding: 0;
	background-color: #031225;
	margin: 0;
	background-image: url(art/BODYbackground_repeater1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: scroll;
}
 
ul {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

h6 {
	margin: 0px;
	padding: 0px;
}

h5 {
	margin: 0px;
	padding: 0px;
}

h4 {
	margin: 0px;
	padding: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 0px;
	padding: 0px;
}

h1 {
	margin: 0px;
	padding: 0px;
}

.style2 {
	color: #700701;
	font-weight: bold;
}

#wrapper {
	width: 961px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FAF2DB;
	margin-bottom: 16px;
	background-image: url(art/navBarBkg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#mastheadtop {
	width: 961px;
	height: 111px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 8;
	background-image: url(art/upperMasthead.jpg);
}

#mastheadbottom {
	width: 961px;
	height: 132px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 8;
	background-image: url(art/lowerMasthead2.jpg);
}

#flower {
	position: absolute;
	left: -30px;
	top: 4px;
}

#contactUs {
	position: absolute;
	width: 310px;
	top: 76px;
	right: 22px;
	height: 40px;
	color: #F1DEAA;
	text-align: right;
}

#contactUs a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #F1DEAA;
	text-align: left;
	text-decoration: none;
}

#contactUs a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #F1DEAA;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px solid #FAF2DB;
}

#navigation {
	position: absolute;
	width: 686px;
	height: 34px;
	top: 98px;
	left: 277px;
	z-index: 9;
}

#footer {
	clear:both;
	height: 80px;
	background-image: url(art/footer_background_repeat.jpg);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #F1DEAA;
	text-align: left;
	padding-left: 290px;
	padding-top: 12px;	
}

#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #F1DEAA;
	text-align: left;
	text-decoration: none;
}

.logo {
	width: 143px;
	position: absolute;
	left: -146px;
	top: -8px;
}

#footer a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #F1DEAA;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px solid #FAF2DB;
}

.footerdiv {
	position: relative;
}

/*END ASP.NET MASTER PAGE-----------------------------------------------------------------------------------------------------------------------*/


h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #700701;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 12px;
	margin-top: 15px;
	text-transform: capitalize;
	text-align: left;
	padding-left: 6px;
	font-style: italic;
	background-image: url(art/content_h1.jpg);
	text-indent: 0px;
	background-repeat: no-repeat;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #700701;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 12px;
	margin-top: 15px;
	text-transform: none;
	text-align: left;
	padding-left: 2px;
	font-style: italic;
	text-indent: 0px;
	background-repeat: no-repeat;
	background-image: url(art/videoH1.jpg);
}

h3 {   /*for special event boxes on the left of any page*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 1.3em;
	text-transform: none;
	color: #333333;
	padding-bottom: 6px;
	margin-bottom: 6px;
	margin-top: 3px;
	margin-left: 20px;
	margin-right: 44px;
	font-style: normal;
}

h4 {
	/*may not be used this website - check it out */
	background-repeat: repeat-x;
	font-size: 1.3em;
	color: #990134;
	text-align: left;
	margin-bottom: 8px;
	margin-top: 12px;
	font-style: normal;
}

h5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #700701;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 12px;
	margin-top: 15px;
	text-transform: none;
	text-align: left;
	padding-left: 2px;
	font-style: italic;
	text-indent: 0px;
	background-repeat: no-repeat;
	background-image: url(art/hiQuillBkg.jpg);
}


/*FOR MAIN DESIGN ---------------------------------------------------------------------------------------------------------------*/

#maindesignWrapper {
	width: 961px;
	background-image: url(art/specials_bkg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
}	

#maindesignContent {
	float: right;
	width: 660px;
	padding-left: 12px;
	background-color: #faf2db;
}

#maindesignContent p {
	text-align: left;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding-bottom: 8px;
	margin-right: 22px;
}

#maindesignContent a {
	color: #990134;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #990134;
	}
	
#maindesignContent a:hover {
	background-color: #FFFFE9;
	color: #990134;
	}
	
/*FOR LEFT SIDEBAR ON MAIN DESIGN PAGES  --------------------------*/

#leftSideBar{
	float: left;
	width: 279px;
	/*background-color: #f1deaa;*/
	padding-top: 9px;
}

#leftSideBar p {
	text-align: left;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	font-style: italic;
	padding: 0px 36px 12px 36px;
}

#leftSideBar ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 22px;
	padding-top: 4px;
	padding-right: 22px;
	padding: 4px 0px 8px 0px;
}

#leftSideBar li {
	display: block;
	height: 30px;
	background-image: url(art/navButtonbackground.jpg);
	padding: 4px 0px 2px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FAF2DB;
	border-right-color: #FAF2DB;
	border-bottom-color: #FAF2DB;
	border-left-color: #FAF2DB;
}

#leftSideBar a {
	color: #990134;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #990134;
}
	
#leftSideBar a:hover {
	background-color: #faf2db;
	color: #990134;
}

#leftSideBar li a {
	background-image: url(art/navButtonbackground.jpg);
	color: #790A01;
	text-decoration: none!important;
	font-size: 1.1em;
	border:none !important;
}

#leftSideBar li a:hover {
	background-image: url(art/navButtonbackground2.jpg);
	color: #790A01;
	text-decoration: underline!important;
	font-size: 1.1em;
	border:none !important;
}

/*to add images with captions in leftsidebar ---*/

.leftSideBarImagesWrapper {
	margin-top: 22px;
	margin-right: 22px;
	margin-bottom: 22px;
	margin-left: 22px;
}

.leftSideBarImagesWrapper img {
	border: 1px solid #FFFFFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.leftSideBarCaptionWrapper {
	line-height: 1.3em;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}

.leftSideBarCaptionWrapper p {
	padding: 0px 6px;
	text-align: left;
		font-size: 1.1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.6em;
		/*background-color: #F5E6BB;*/
		margin-top: 6px!important;
		margin-right: 0px!important;
		margin-bottom: 0px!important;
		margin-left: 0px!important;
		font-style: normal!important;
}

/** for special accordian menus on all pages --------------------------*/

#specials {
	float: right;
	width: 215px;
	background-color: #f1deaa;
	background-image: url(art/specialsFadeBkg1.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-left: 22px;
	margin-top: 16px;
}

#specials p {
	text-align: left;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding: 8px 12px 0px 16px;
}

#specials img {
	padding: 1px
	margin-bottom: 4px;
	padding: 8px;
	border: 1px solid #FFFFFF;
}

#specials a {
	color: #990134;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #990134;
}
	
#specials a:hover {
	background-color: #FFFFE9;
	color: #990134;
}

#specials ul {
	list-style-type: none;
	margin: 0px 22px 0px 18px!important;
	padding: 12px 0px 12px 0px;
	text-align:center !important;
}

#specials li {
	display: block;
	height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FAF2DB;
	border-right-color: #FAF2DB;
	border-bottom-color: #FAF2DB;
	border-left-color: #FAF2DB;
	padding: 0px 0px 3px 0px;
	background-image: url(art/special_orderbutton.jpg);
	background-repeat: no-repeat;
}

#specials li a {
	color: #790A01;
	text-decoration: none!important;
	font-size: 1em;
	border:none !important;
}

#specials li a:hover {
	background-image: url(art/special_orderbutton_hover.jpg)!important;
	color: #790A01;
	text-decoration: underline!important;
	font-size: 1em;
	border:none !important;
	background-color: none !important;
}

.specialsCaptions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-style: italic;
	padding: 8px 16px 0px 16px;
}

/*photos and captions all pages in content areas -----------------------------------------------------*/

.photorightCaption {
	float: right;
	margin-right: 22px;  /*this becomes 88 px in IE 6 unles you change display from block to inline (see *html hack for IE only below) -------*/
	margin-bottom: 6px;
	margin-left: 12px;
	border: 1px solid #F1DEAA;
	margin-top: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	width: 200px;
}

.photorightCaption p {     
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em!important;
	font-style: italic!important;
	line-height: 1.2em!important;
	text-align: center !important;
	margin-right: 4px!important;
	margin-left:4px!important;
	padding-left: 2px!important;
	padding-right:2px!important;
}


.photorightCaption img {
	margin-bottom: 8px;
}

/*------*/

.photoleftCaption {
	width: 250px;
	float: left;
	margin-right: 16px;  /*this becomes 88 px in IE 6 unles you change display from block to inline  -------*/
	margin-bottom: 6px;
	margin-left: 0px;
	border: 1px solid #F1DEAA;
	margin-top: 8px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
}

.photoleftCaption p {     /*	the !important eliminated any ancestral influence on the caption's text */
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em!important;
	font-style: italic!important;
	line-height: 1.2em!important;
	text-align: center !important;
	margin-top: 4px!important;
	margin-left: 6px !important;
	margin-right: 6px !important;
	margin-bottom: 1px;
}

.photoleftCaption img {
	margin-bottom: 6px;
}


/*------*/

.photoright {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
	padding: 5px;
	border: 1px solid #F2DEAB;
	margin-top: 7px;
	
}

/*------*/

.photoleft {
	float: left;
	margin-right: 20px;
	margin-left: 0px;
	padding: 5px;
	border: 1px solid #F2DEAB;
	margin-top: 7px;
}

/*------*/

.clear {
clear: both;
}



/*----------DIARY CONTENT PAGES---------------------------------------------------------------------------------------------------------------------------------*/

#diaryPageWrapper {
	width: 961px;
	background-image: url(art/specials_bkg.jpg);
	background-repeat: repeat-y;
	background-posithion: left top;
	float:left;
}	

#diaryContent {
	float: left;
	width: 690px;
	padding-left: 32px;
	background-color: #faf2db;
	background-image: url('art/specials_bkg.jpg');
	background-repeat: repeat-y;
	background-posithion: left top;
	font-style: italic;
}

#diaryContent p {
	text-align: left;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding-bottom: 8px;
	margin-right: 44px;
	margin-left: 0px;
	font-style: normal;
}

#diaryContent a {
	color: #990134;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #990134;
}
#diaryContent a:hover {
	background-color: #FFFFE9;
	color: #990134;
}

#diaryContent h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #700701;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 12px;
	margin-top: 15px;
	text-transform: capitalize;
	text-align: left;
	padding-left: 12px;
	font-style: italic;
	text-indent: 0px;
	background-repeat: no-repeat;
	background-image: url(art/hiQuillBkg.jpg);
}

.indentText {
	
	padding-left: 44px;
}

.redText {
	color: #B90000;
}



/*----for videos on the diary pages - ------*/

#videoBackgroundBot {
	width: 690px;
	padding-bottom: 12px;
}

#videoBackgroundMid {
	width: 690px;
	background-color: #000000;
}

#videoBackgroundTop {
	width: 690px;
}

/*----------STORE PAGES ------------------------------------------------------------------------------------------------------------------------------*/

#storeWrapper {
	width: 961px;
	background-image: url(art/specials_bkg.jpg);
	background-repeat: repeat-y;
	background-posithion: left top;
	float: left;
	background-color: #faf2db !important;
}

#storeContent {
	float: right;
	width: 700px;
	padding-left: 12px;
	background-color: #faf2db !important;
	background-image: url(art/storeContentbkg2.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

#storeContent p {
	text-align: left;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	padding-bottom: 8px;

}



#storeContent h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #700701;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 12px;
	margin-top: 15px;
	text-transform: capitalize;
	text-align: left;
	padding-left: 12px;
	font-style: italic;
	text-indent: 0px;
	background-repeat: no-repeat;
	background-image: url(art/content_h1.jpg);
}

#storeContent h4 {
	margin: 0px;
	
	padding-bottom:6px;
}

#storeContent a {
	color: #990134;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-color: #990134;
}

#storeContent a:hover {
	color: #990134;
	background-color: #FAF2DB;
}

.productwrapper {
	/*background-color: #faf2db !important;*/
	width: 675px;
	padding-right: 22px;
	margin-bottom: 12px;
	float:right;
}

.testimonialWrapper1 img {
	padding-right: 12px;
	padding-bottom: 6px;
}



/*styling products with 1 product up */ 

.oneupProductItemWrapper {
	width: 600px;
	float: left;
	padding: 12px;
	border: 1px solid #CC9933;
	margin-bottom: 12px;
	margin-right:16px;
}

.oneupImageWrapper {
	float: left;
	width: 200px;
}

.oneupImageproductText {
	width: 400px;
	margin-bottom: 6px;
	float: right;	
}

.oneupImageWrapper img {
	border: 1px solid #F1DEAA;
	padding: 6px;
	margin-bottom: 8px;
}

/*styling products with 3 products up */


.threeupProductItemWrapper {
	width:180px;
	float: left;
	padding: 12px;
	border: 1px solid #CC9933;
	margin-bottom: 12px;
	margin-right:16px;
}

.threeupProductItemWrapper img {
	padding: 6px;
	margin-bottom: 8px;
	border: 1px solid #F1DEAA;
}

/*store menu--------------------------*/

#storeMenu {
	float: left;
	width: 215px;
	background-color: #f1deaa;
	margin-top: 16px;
	margin-left: 18px;
}

#storeMenu p {
	text-align: left;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding: 8px 8px 0px 8px;
}

/*#storeMenu img {
	padding: 1px;
	margin-bottom: 4px;
	padding: 8px;
	border: 1px solid #FFFFFF;
}*/

#storeMenu a {
	color: #990134;
	text-decoration: none;
border: 0px !important;
	}
	
#storeMenu a:hover {
	background-color: #FFFFE9;
	color: #990134;
	border: 0px !important;
	}

#storeMenu ul {
	list-style-type: none!important;
	marign: 0px!important;
	text-align:left !important;

}
	
#storeMenu li {
	padding: 0px!important;
	marign: 0px!important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#storeMenu li a {
	display: block;
	color: #9F1201;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(menuIcons/ulButtonUp.jpg);
	border: 0px !important;
	padding-top: 6px;
	padding-left: 20px;
	text-align: right;
	padding-right: 30px;
	font-size: 1.3em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	padding-bottom: 8px;
}

#storeMenu li a:hover {
	display: block;
	color: #9F1201;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(menuIcons/ulButtonDown.jpg);
}

#storeMenu h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/*store buy button-------------------*/

.buybutton {
	width: 180px;
	float:left;
	margin-top: 20px;
	height: 28px;
	background-position: center center!important;
	background-repeat: no-repeat!important;
	background-image: url(art/orderbutton175_28.jpg);
	padding: 0px;
}

.buybuttontext {
	padding-top: 4px;
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
}

/*return to top of any page-----------------------------*/

.returntop {
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 1.1em!important;
	font-style: normal;
}

.returntop a {
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 1em!important;
	font-style: normal;
	color: #990134;
}

.returntop a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 1em!important;
	font-style: normal;
	color: #990134;
	background-color: #FFFFEA;
}

/*clears any floats-----------------------------*/

.clearAll {
	clear: both;
	color: #081831;
}
.smallHeader {
	font-family: "Times New Roman", Times, serif;
	font-size: .8em;
	font-weight: normal;
	color: #700701;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 12px;
	margin-top: 15px;
	text-transform: none;
	text-align: left;
	padding-left: 12px;
	font-style: italic;
	text-indent: 0px;
	line-height: 30px;
}

#videowrapperAll {
	background-color: #00FFFF;
	border: 1px solid #700701;
	padding: 2px;
}
.testimonialText {
}

.testimonialPhotoWrapper1 img {
	border: 1px solid #F1DEAA;
	padding: 6px;
	margin-bottom: 8px;
	margin-right: 10px;
}

.testimonialWrapper {

	width: 600px;
	float: left;
	padding: 12px;
	border: 1px solid #CC9933;
	margin-bottom: 12px;
	margin-right:16px;
}
.testimonialPhotoWrapper1 {

	float: left;
}
.mainTestimonialWrapper {

	width: 675px;
	padding-right: 22px;
	margin-bottom: 12px;
	float:right;
}


/* sub catagory menus -----------------------------*/



.subCatMenuWrapper {
	width: 675px;
	padding-right: 22px;
	margin-bottom: 12px;
	float:right;
}


.subCatMenu {
	width:180px;
	float: left;
	padding: 12px;
	border: 1px solid #CC9933;
	margin-bottom: 12px;
	margin-right:16px;
}

.subCatMenu p {
	text-align: left;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding: 8px 8px 0px 8px;
}


.subCatMenu ul {
	list-style-type: none!important;
	marign: 0px!important;
	text-align:left !important;

}
	
.subCatMenu li {
	padding: 0px!important;
	marign: 0px!important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.subCatMenu li a {
	display: block;
	color: #9F1201;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(menuIcons/ulButtonUpD.jpg);
	border: 0px !important;
	padding-top: 6px;
	padding-left: 20px;
	text-align: right;
	padding-right: 30px;
	font-size: 1.3em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	padding-bottom: 8px;
}

.subCatMenu li a:hover {
	display: block;
	color: #9F1201;
	text-decoration: underline!important;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(menuIcons/ulButtonDownD.jpg);
}



h6 {
	/*this is an h4 with a background image */
	background-repeat: repeat-y;
	font-size: 1.3em;
	color: #990134;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 8px;
	font-style: normal;
	background-image: url('art/h6background.jpg');
	height: 24px;
	padding-top: 12px;
	padding-left: 12px;
}
#bannerAd {
	background-image: url('art/newBannerMFI.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 187px;
	width: 658px;
	text-align: left;
	font-size: 1.2em;
	color: #A62A10;
	font-weight: bold;
	margin-top: 16px;
	position: relative;
}
#bannerAd a {
	color: #FFFF00;
	display: inline-block;
	position: absolute;
	top: 159px;
	left: 165px;
}
#filmbannerad {
	width: 637px;
	height: 116px;
	padding-top:12px;
}


#smallVidBox {
	width: 400px;
	padding: 12px;
	float: left;
}

#FilmIntroText {
	width: 520px;
	float: right;
	margin-top: 20px;
}

#FilmIntroText p {
	text-align: left;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding-bottom: 8px;
	margin-right: 24px;
	margin-left: 0px;
	font-style: normal;
}

#smallVidBox p {
	text-align: left;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding-bottom: 8px;
	margin-right: 12px;
	margin-left: 0px;
	font-style: normal;
	
}
