/* CSS Document */
/* French Ranges Galleries section CSS Document */
/*	Author:			Barkingweb.com - Nick Barling 
*	Date:			June 22 2006	
*	Version:		1.0
*	File:			galleries.css
*	Description:	CSS File to style site's 'the galleries' pages content	
*	Notes:			This is the file to alter to make changes to styling within 'the galleries' sub menu pages.
*					Use the descriptive headers to identify the elements that you
*					wish to change.
*/


#wrapper_gallery{
background-color: #b7a383;
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 */
}

.col_main_content_gallery{
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;
}

.col_main_content_gallery h3{
font-size: 80%;
color: #a9891b;
padding-top: 24px;
margin-bottom: 5px;
}

.col_main_content_gallery p{
font-size: 75%;
line-height: 155%;
color: #333333;
letter-spacing: normal;
text-align: left;
padding-right: 5px;
padding-bottom: 5px;
}

.exp_pages{
margin-top: 20px;
margin-left: 50px;
margin-right: 50px;
}

.exp_pages_header{
margin-top: 120px;
margin-left: 50px;
}

.exp_pages_gal_index{
margin-top: 20px;
margin-left: 50px;
margin-right: 520px;
}

/************************* start of ap divs containing the stove images and tag line text **************************************/

#ap_tag_ambassadors{
position: absolute;
top: 210px;
width: 460px;
left: 150px;
height: 86px;
z-index: 10;
}

#ap_tag_photos{
position: absolute;
top: 210px;
width: 260px;
left: 120px;
height: 86px;
z-index: 10;
}

#ap_tag_gastro{
position: absolute;
top: 210px;
width: 260px;
left: 120px;
height: 86px;
z-index: 10;
}

#ap_tag_tour{
position: absolute;
top: 210px;
width: 260px;
left: 120px;
height: 86px;
z-index: 10;
}

#ap_tag_archives{
position: absolute;
top: 210px;
width: 260px;
left: 120px;
height: 86px;
z-index: 10;
}

#ap_tag_capture{
position: absolute;
top: 222px;
width: 354px;
left: 470px;
height: 67px;
z-index: 10;
}

#famille{
padding-top: 20px;
margin-left: 43px; /* 43px plus 40px from the left margin of the main content gallery div equals half the page width */ 
padding-bottom: 30px;
}
/************************* end of ap divs containing the stove images and tag line text ****************************************/

/************************* start of body copy positioning **********************************************************************/

.clearright{
clear: right;
}

.clearleft{
clear: left;
}

.clearboth{
clear: both;
}

/************************* end of body copy positioning ************************************************************************/
/************************* start of ap image positioning **************************************************************************/

#ap_owner{
position: absolute; 
top: 276px;
left: 533px;
width: 355px; 
height: 327px; 
z-index: 33;  
}

/************************* end of ap image positioning *****************************************************************************/
/************************* start of floated image positioning **********************************************************************/

.leftimage{
margin-right: 15px;
margin-bottom: 5px;
float: left;
}

.rightimage{
margin-left: 15px;
margin-bottom: 5px;
float: right;
}

/************************* end of floated image positioning ************************************************************************/