/* ======================================================================

    mstyle.css

    Stylesheet prepared for Mountain Peak Etching
    by
    Briden Design
    web@bridendesign.ca
    (c) 2009, All Rights Reserved.

    Version: 11-25-09

 ======================================================================== */

body {
    margin: 0px; 
    padding: 0px; 
    background-color: #4C5775;
    background-image: url(Images/top_banner_bg.jpg);
    background-repeat: repeat-x;
}

#pagewrap {
    width: 900px;
    margin: 0 auto;
}

/* ======================================================================
    HEADER FORMATTING
 ======================================================================== */

.header 
{
    background-image: url(Images/hdr_bg2.jpg);
    background-repeat: no-repeat;
    height: 150px;
    }

.impressionbanner 
{
    background-image: url(Images/impression_banner3.jpg);
    background-repeat: no-repeat;
    height: 269px;
}

/* ======================================================================
    MID FORMATTING
 ======================================================================== */

.middlebg 
{
    background-image: url(Images/content_bg.jpg);
    background-repeat: repeat-y;   
}
    
.middlecontent 
{
    padding: 0px 75px;
}

.width225 
{
    width: 225px;
    background-color: #E5E0E0;
    vertical-align: top;
}
    
.width524 
{
    width: 524px;
    vertical-align: top;
}

/* ======================================================================
    FOOTER FORMATTING
 ======================================================================== */

.footerbg 
{
    background-image: url(Images/footer_bg.jpg);
    background-repeat: no-repeat;
    height: 126px; 
    }
 
#footerContent {
    margin: 0px auto;
    text-align: center;
    width: 900px;
	padding: 0px 0px 0px 0px;  	
}

#footerContent a:active, #footerContent a:hover
{
    color: White;
}

.footernav, .footernav a
{
    padding: 5px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;	
	font-family: Arial, sans-serif; 
    color: #999999;
	text-decoration: none;
}

.footercopy, .footercopy a
{	
    padding: 5px 0px 0px 0px;
	font-size: 12px;
    color: #999999;
	text-decoration: none;
    font-size: 14px;	
    font-weight: bold;		
}

 
/* ======================================================================
    STYLES
 ======================================================================== */ 
 
.lgspacer
{
    height: 30px;
}

.mdspacer
{
    height: 20px;
}

.smspacer
{
    height: 10px;
}

.nobdr {
    border: none;    
}

.leftmenutext, .leftmenutext a 
{
    font-size: 17px;
    text-align: left;
    text-decoration: none;
    color: #7D8790;
	letter-spacing: 1px;
    line-height: 28px;	
	font-family: Century Gothic, Arial, sans-serif;
	padding: 0px 0px 0px 10px;
}

.leftmenutext a:hover
{
    text-decoration: underline;
}
    
p, .opptitle 
{
    padding: 0px 20px;
    color: #313030;
    font-size: 14px;
	letter-spacing: 1px;
    line-height: 20px;	
	font-family: Century Gothic, Arial, sans-serif;
}
    
.ribbon
{
    height: 275px;
    background-color: #30211A;    
}

div.transOFF {width: 100%; background-color: silver;border:1px solid black; width: 67px; }
div.transON  {width: 100%; background-color: silver;opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;border:1px solid black; width: 67px;}

.gallerypanel
{
    border: 1px solid #30211A;
    width: 800px;
    padding: 10px 0px 10px 0px;      
}

.gallerymaintable
{
    width: 520px;
    height: 500px;
    padding: 0px 0px 10px 0px;      
}

.gallerychoicepanel
{
    width: 375px;
    padding: 10px 0px 10px 0px;      
}

.galleryimagebdr2
{
    border: 1px solid black;
}

.galleryimagebdr
{
    border: none;
}

.gallerythumbcol
{   
    padding: 0px 50px;
    border-top: 1px dotted #30211A;
}

.title 
{
 	font-family: Georgia, Trebuchet MS, Arial, sans-serif;
 	font-size: 34px;
    color: #4C4A4A;
    text-align: right;
    padding: 10px 40px 20px 0px;
    font-variant: small-caps; 
    font-weight: bold;   	
} 

.title2
{
 	font-family: Georgia, Trebuchet MS, Arial, sans-serif;
 	font-size: 16px;
    color: #4C4A4A;
    text-align: left;
    padding: 10px 40px 0px 20px;
    font-variant: small-caps;   	
} 