/* Barkingweb CSS Document */
/* French Ranges Requests section CSS Document */
/*	Author:			Barkingweb.com - Nick Barling 
*	Date:			August 15 2006	
*	Version:		1.0
*	File:			heritage.css
*	Description:	CSS File to style site's 'heritage' pages content	
*	Notes:			This is the file to alter to make changes to styling within the 'heritage' sub menu pages.
*					Use the descriptive headers to identify the elements that you
*					wish to change.
*/


#wrapper_heritage{
background-color: #f4c37f;
border: 1px solid #333333;
margin: 10px auto;
width: 940px; /* width is needed for page sizing but also asigns the MS 'layout' quality to the wrapper (alternate would be the holly hack */ 
position: relative; /* positioning is required to allow control of absolutely positioned elements within the wrapper, using the wrapper as a reference point */
}

/********************** start of css for main page content *****************************************************************************/

.her_main_content{
position: relative; /* positioning is required to allow control of absolutely positioned elements within the div, using the div as a reference point */
margin-top: 80px;
margin-left: 40px;
margin-right: 300px;
}

.her_pages_header{
margin-top: 120px;
margin-left: 50px;
}

.her_pages_sub_head{
margin-left: 50px;
}

.her_main_content h3{
font-size: 80%;
color: #a9891b;
padding-top: 24px;
margin-bottom: 5px;
}

.her_main_content p{
font-size: 75%;
line-height: 155%;
color: #333333;
letter-spacing: normal;
text-align: left;
padding-right: 5px;
padding-bottom: 5px;
}

.her_pages{
margin-top: 12px;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 0;
}

p.videotitle{
margin-left: 74px;
color: #990033;
margin-right: 216px;
}

p.videotitle a{
text-decoration: none;
color: #666;
}

p.videotitle a:hover{
text-decoration: underline;
color: #990033;
}

/********************** end of css for main page content *************************************************************************************/

/************************* start of floated image and video positioning **********************************************************************/

.leftimage{
margin-top: 10px;
margin-right: 15px;
margin-bottom: 5px;
float: left;
}

.rightimage{
margin-top: 10px;
margin-left: 15px;
margin-bottom: 5px;
float: right;
}

.leftvideo{
margin-top: 10px;
margin-right: 15px;
margin-bottom: 5px;
float: left;
}

.rightvideo{
margin-top: 2px;
margin-left: 15px;
margin-bottom: 5px;
padding-bottom: 10px;
float: right;
}

/************************* end of floated image and video positioning ************************************************************************/


/************************* start of ap divs containing images and tag line text **************************************************************/

#ap_tag_heritage, #ap_tag_bourgogne, #ap_tag_culinaire, #ap_tag_lacanche{
position: absolute;
top: 200px;
width: 460px;
left: 150px;
height: 86px;
z-index: 10;
}

#ap_tag_landscape, #ap_tag_chateau{
position: absolute;
top: 290px;
width: 233px;
left: 600px;
height: 155px;
z-index: 15;
}

#ap_tag_window, #ap_tag_barge{
position: absolute;
top: 425px;
width: 155px;
left: 655px;
height: 233px;
z-index: 20;
}

/************************* end of ap divs containing images and tag line text ****************************************************************/
