@charset "UTF-8";
/* CSS Document */

/* A L L   P A G E S --------------------------------------------------*/

/* Controls background color and the masthead at the top of the page */
body{
text-align:center;
background: url(images/revHead1.png) #F7F2DA top no-repeat;
margin:0px;
}

/* Formats the main navigation under the masthead */
#nav{
color:#C9AC68;
font-family: Helvetica, Arial, sans-serif;
text-transform:uppercase;
text-decoration:none;
letter-spacing:2px;
font-size:11px;
font-weight:bold;
margin-top:60px;/*56px*/
margin-left:50px;/*100px*/
width:750px;
}

/* controls the color of the main links */
a{
color:#6E2405;
text-decoration: none;
}

/* adds a dotted underline to the links when the mouse pointer hovers over them */
a:hover{
border-bottom: thin dotted #6E2405;
}

/* Establishes the main display area on all pages */
#container{
width:820px;
padding-left:10px;
padding-right:10px;
margin:auto;
text-align:left;
overflow:auto;
}

/* an inner "sleeve" for the display area that makes the background white and allows more control of inner magrins */
#wrapper{
width:820px;
margin:10px 0px 0px 0px;
overflow:hidden;
padding:0px;
}

/* address and phone info at the bottom of all pages */
#location{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#42210B;
margin-top: 6px;
}


/* H O M E   P A G E -------------------------------*/

/* the text format for the Quote on the main page */
#mainQuote{
color:#42210B;
margin:0px 10px 0px 10px;
padding:0px 30px 0px 30px;
text-align:left;
width:740px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:12px;
line-height:19px;
}

/* the text format for author's name */
#mainQuote h5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-style:normal;
font-weight: normal;
letter-spacing:2px;
color:#6E2405;
margin-top:-13px;
margin-bottom:5px;
}

/* width height and placement of the FOUR colored sections on the home page  */
#section{
float:left;
width:200px;
height:348px;
max-height:348px;
text-align:left;
margin-bottom:10px;
background-position: bottom; 
background-repeat: no-repeat;
}

/* color and background image for the 1ST / BROWN section  */
.serv{ 
background-image:url(images/section1p.jpg);
background-color: #8C6239;
margin-left:10px;
}

/* color and background image for the 2ND / RED section  */
.proto{ 
background-image:url(images/section2p.jpg);
background-color: #C1272D;
}

/* color and background image for the 3RD / BLUE section  */
.meals{
background-image:url(images/section3p.jpg);
background-color:#0071BC;
}

/* color and background image for the 4TH / GREEN section  */
.vid{ 
background-image:url(images/section4p2.jpg);
background-color:#39B54A;
}

/* Titles at the top of the colored sections on the home page */
.headers{
margin-left:22px;
margin-top:-2px;
margin-right:10px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
line-height:24px;
font-weight:bold;
text-transform:uppercase;
color:#FFFFCC;
}

/* formats the text in the colored sections on the home page */
.info{
margin-left:22px;
margin-right:10px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
line-height:24px;
color:#FFFFFF;
}

/* formats the links in the colored sections on the home page */
.info a:link{
border-bottom: dotted thin;
color:#FFFFFF;
}

/* how the links change when the mouse pointer hovers over them */
.info a:hover{
border-bottom: none;
color: #FFCC00;
}

/* format for visited links */
.info a:visited{
border-bottom: dotted thin;
color: #FFFFCC;
}

/* W E L C O M E   P A G E S ----------------------------------*/

/* Controls the margins for the Welcome and Who We Are pages */
#welcome{
background: #FFFFFF;
margin:10px;
padding:20px 40px 20px 90px;
overflow:auto;
}

/* the body text format for the Welcome and Who We Are pages */
#welcome p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height: 24px;
color:#42210B;
}

/* the main, darker, header for the Welcome and Who We Are pages */
#welcome h1{
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
color:#42210B;
font-weight:bold;
line-height:24px;
letter-spacing:1px;
}

/* the secondary, brighter, header for the Welcome and Who We Are pages */
#welcome h2{
font-family: Helvetica, Arial, sans-serif;
font-size:13px;
color:#993300;
font-weight:bold;
line-height:24px;
margin-bottom:-13px;
border-bottom: thin dotted;
}

/* places the photos on the right side of the welcome and who pages with the text wrapping around the photo */
#photo{
float:right;
margin-left:10px;
border-left: solid white 5px
}


/* V I D E O   P A G E S ----------------------------------------------------------------*/

/* width height and placement of the TWO halves of the display area on the video page  */
#division{
float:left;
width:400px;
height:348px;
max-height:348px;
text-align:left;
margin-bottom:10px;
padding-top:15px;
margin-top:10px;
background-position: bottom; 
background-repeat: no-repeat;
}

/* background color and margin for the LEFT HALF of the VIDEO PAGE display area */
.player{ 
margin-left:10px;
text-align:center;
}

/* Titles at the top of the colored sections on the home page */
.headerVids{
margin-left:22px;
margin-top:-2px;
margin-right:10px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
line-height:24px;
font-weight:bold;
text-transform:uppercase;
color: #660000;
}

/* The colored "additional videos" bar under the video display */
#vidBar{
color:#FFFFFF;
background-color:#6B2828;
font-family: Helvetica, Arial, sans-serif;
padding:3px 5px;
text-transform:uppercase;
text-decoration:none;
letter-spacing:2px;
font-size:11px;
font-weight:bold;
margin-right:25px;
margin-left:25px;
}

#vidplayer{
text-align:center;
}

/* the numbered links to more videos under the colored bar  */
#morevids {
color:#4D4D4D;
font-family: Helvetica, Arial, sans-serif;
padding:3px 5px;
text-transform:uppercase;
text-decoration:none;
letter-spacing:2px;
font-size:11px;
font-weight:bold;
margin-right:25px;
margin-left:25px;
}

#morevids a:link{
color:#4D4D4D;
text-decoration:none;
}

#morevids a:hover{
color: #6B2828;
border-bottom: thin dotted;
}

#morevids a:visited{
color: #4D4D4D;
text-decoration:none;
}

/* background color and margin for the RIGHT HALF of the VIDEO PAGE display area */
.vidSummary{ 
background-color:none;
}

.vidheaders{
margin-left:22px;
margin-top:-2px;
margin-right:10px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
line-height:24px;
font-weight:bold;
text-transform:uppercase;
color: #6B2828;
}

/* Format for the body text in the  RIGHT HALF of the VIDEO PAGE display area */
.summary{
margin-left:22px;
margin-right:10px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
line-height:24px;
color:#4D4D4D;
}