/*

	George The Personal Trainer's Weight Loss Retreat - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	}
	
body#blue {
	background: #B8CAD7 url('../images/wrapper/blue-bg.gif') top left repeat-x;
	}
    
body#pink {
	background: #D7C9D0 url('../images/wrapper/pink-bg.gif') top left repeat-x;
	}
    
body#yellow {
	background: #EBDAB2 url('../images/wrapper/yellow-bg.gif') top left repeat-x;
	}
    
body#green {
	background: #BFCFA4 url('../images/wrapper/green-bg.gif') top left repeat-x;
	}
    
body#peach {
	background: #E7BEA0 url('../images/wrapper/peach-bg.gif') top left repeat-x;
	}                

body#taupe {
	background: #C5BFBB url('../images/wrapper/taupe-bg.gif') top left repeat-x;
	} 
    	
body, div, td {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

/* =Layout
---------------------------------------------------------------------------------------------------- */

#content {
	padding: 25px 0 0 0;
	}
        
#callout-top {
    background: #A5B8C8 url('../images/callout-top-left.gif') top left no-repeat;
}

#callout-bottom {
    background: #CFDAE7 url('../images/callout-bottom-left.gif') bottom left no-repeat;
}

#callout {
    background: #FFFFFF url('../images/content/home_top.jpg') top right no-repeat;
}

#callout ul {
	list-style: rectangle;
	margin: 10px 0px 10px 20px;
	padding: 0;
	}
    
#callout-content {
    line-height: 1.50em;
	margin: 5px 0 5px 0;
}
	
/* =Header
---------------------------------------------------------------------------------------------------- */



/* =Navigation
---------------------------------------------------------------------------------------------------- */

#toolbar {
	font-size: 10px;
	padding-top: 14px;
	}
	
#toolbar a, #toolbar a:active, #toolbar a:visited {
	color: #000000;
	text-decoration: none;
	}
	
#toolbar a:hover, #toolbar a:visited:hover {
	text-decoration: underline;
	}
	
#breadcrumbs {
	color: #7B6E66;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
	}
	
#breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:visited {
	color: #7B6E66;
	}

body#blue #leftnav {
	background: #CDD9E3 url('../images/wrapper/blue-leftnav-bg-top.gif') top left no-repeat;
	}
	
body#blue #leftnav td {
	background: url('../images/wrapper/blue-leftnav-bg-bottom.gif') bottom left no-repeat;
	}	

    
body#yellow #leftnav {
	background: #F1E5C8 url('../images/wrapper/yellow-leftnav-bg-top.gif') top left no-repeat;
	}

body#yellow #leftnav td {
	background: url('../images/wrapper/yellow-leftnav-bg-bottom.gif') bottom left no-repeat;
	}   

    	
body#pink #leftnav td {
	background: url('../images/wrapper/pink-leftnav-bg-bottom.gif') bottom left no-repeat;
	}
    
body#pink #leftnav {
	background: #E3D9DE url('../images/wrapper/pink-leftnav-bg-top.gif') top left no-repeat;
	}

    
body#peach #leftnav td {
	background: url('../images/wrapper/peach-leftnav-bg-bottom.gif') bottom left no-repeat;
	}
    
body#peach #leftnav {
	background: #EED1BC url('../images/wrapper/peach-leftnav-bg-top.gif') top left no-repeat;
	}    

    
body#green #leftnav td {
	background: url('../images/wrapper/green-leftnav-bg-bottom.gif') bottom left no-repeat;
	}
    
body#green #leftnav {
	background: #D2DDBE url('../images/wrapper/green-leftnav-bg-top.gif') top left no-repeat;
	}  	

    
body#taupe #leftnav td {
	background: url('../images/wrapper/taupe-leftnav-bg-bottom.gif') bottom left no-repeat;
	}
    
body#taupe #leftnav {
	background: #D6D2CF  url('../images/wrapper/taupe-leftnav-bg-top.gif') top left no-repeat;
	}   	    
	
#leftnav td ul {
	list-style: none;
	margin: 30px 10px 30px 20px;
	padding: 0;
	}
	
#leftnav td ul li {
	background: url('../images/wrapper/leftnav-item-bg.gif') bottom left no-repeat;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	}
	
#leftnav td ul li#last {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
#leftnav td ul li a, #leftnav td ul li a:active, #leftnav td ul li a:visited {
	color: #7B6E66;
	font-weight: bold;
	text-decoration: none;
	}
	
#leftnav td ul li a:hover, #leftnav td ul li a:visited:hover {
	text-decoration: underline;
	}

/* =Typography
---------------------------------------------------------------------------------------------------- */

.bigger {
	font-size: 14px;
	}
    
.biggest {
	font-size: 18px;
	}
    
.quote {
	font-size: 18px;
    color: #FFFFFF;
    font-style: italic;
	} 
    
.quote-author {
	font-size: 12px;
    color: #FFFFFF;
	}       

.quote-author {
    text-align: right;
	}       

.smaller {
	font-size: 10px;
	}
    
.bigger-blue {
	font-size: 34px;
	margin: 0 0 12px 0;
    color: #A5B8C8;
    font-weight: bold;
}
	
h1, h2, h3 {
	font-size: 24px;
	margin: 0 0 12px 0;
	}
	
h2 {
	font-size: 18px;
	}
	
h3 {
	font-size: 14px;
	}
	
p {
	line-height: 1.5em;
	margin: 0 0 12px 0;
	}

/* =Lists
---------------------------------------------------------------------------------------------------- */

ul {
	list-style: square;
	}

/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer {
	font-size: 10px;
	padding: 1em 0;
	}
	
#footer a, #footer a:active, #footer a:visited {
	color: #666666;
	}

/* =Forms
---------------------------------------------------------------------------------------------------- */ 

.indent {
	text-indent: 3em;
	}

.validation {
	color: #FF0000;
	font-weight: bold;
	}

/* =Links
---------------------------------------------------------------------------------------------------- */

a, a:active, a:visited {
	color: #666666;
	}

/* =Misc:
---------------------------------------------------------------------------------------------------- */