/* 	Welcome friends!
	
	Welcome to the wonderfull world of CSS =D
	
	To use this template use these simple steps!
	
	1) Use Find & Replace to replace "TEMPLATE" with the name of your new slash pages div ID e.g "RogersLander"
	
	2) Rename your file to something at least roughly matching the name of your new slash page e.g "RogersLander.css" (Remeber to change the CSS path in your HTML to this name too =O!)
	
	3) Add any page specific stypes to the end of the sheet with the preffix of your slash pages div ID e.g "#RogersLander .ShinyNewDiv"
	
	4) Make sure to add any images to the CSS to the same path as template example e.g "url(images/placeholder.png)"
	
	And your done, please enjoy!

/* typography.css */

/* @override http://172.20.4.34/promise/promise.css */


/* typography.css */

#promise {
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size: 75%;
	}

#promise h1, #promise h2, #promise h3, #promise h4, #promise h5, #promise h6 
{font-weight: normal;color:#111;}

#promise h1 {font-size: 2.5em;line-height: 1.1;margin-bottom:0.5em;
	letter-spacing: -.09px;
	font-weight: bold;
	}
#promise h2 {font-size: 1.4em;margin-bottom:0.75em;
	font-weight: bold;
	}
#promise h3 {font-size:1.3em;line-height:1;margin-bottom:1em;}
#promise h4 {font-size: 1.2em;line-height: 1.25;margin-bottom:.5em;
	font-weight: bold;
	}
#promise h5 {font-size:1em;font-weight:bold;margin-bottom:1em;}
#promise h6 {font-size:1em;font-weight:bold;}
#promise h1 img, #promise h2 img, #promise h3 img, #promise h4 img, #promise h5 img, #promise h6 img {margin:0;}
#promise p {margin:0 0 1.5em;}
#promise p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
#promise p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
#promise a:focus, a:hover {color:#000;}
#promise a {color:#009;text-decoration:underline;}

#promise a img.right{
	float: right;
	} 
#promise li ul, #promise li ol {
	margin: 0 1.5em
	}
	
#promise ul, #promise ol {
	margin: 0 1.5em 1.5em
	}
	
#promise ul {
	list-style-type: disc;
	}
	
#promise ol {
	list-style-type: decimal;
	}


/* promise Styles */

#promise .title h1 {
	font-size: 4em;
	}
	
#promise .title h2 {
	font-style: italic;
	font-size: 2.2em;
	color: #333;
	}

.redtext {
	color: #CC0000;
	}

#promise .quotes {
	text-align: left;
	font-size: 1.5em;
	color: #444;
	margin-top:10px;
	}

#promise .quotestart {
	float: left;
    font-size: 700%;
    height: 45px;
    margin-top: -40px;
    padding-top: 0;
    margin-bottom: 15px;
    color: grey;
    }
	
#promise .quoteend {
	float: right;
    font-size: 700%;
    height: 25px;
    margin-top: -60px;
    padding-top: 30px;
    margin-left: 10px;
    color: grey;
	}
	
#promise a.enlarge {
	padding: 5px 0 5px 25px;
	background: url(images/enlarge.png) top left no-repeat;
	text-decoration: none;
	color: #009BDC;
	}
	
#promise li {
	margin-bottom: 1em;
	}

#promise li ul {
	margin: 0.5em 0 0 0;
	list-style-type: none;
	}
	
#promise li ul li {
	margin-bottom: 0.5em;
	}
	
#promise .bluebox ul {
	padding: 0;
	}	

#promise .bluebox {
	background: url(images/bluebox.png) repeat-y top left;
	}

#promise .blueboxtop {
	background: url(images/blueboxtop.png) no-repeat top left;
	height: 10px;
	}

#promise .blueboxbottom {
	background: url(images/blueboxbottom.png) no-repeat top left;
	height: 20px;
	}
	
#promise h3 {
	color: #444;
	font-weight: normal;
	}

#promise a.imglink {
	color: white;
	text-decoration: none;
	}

#promise .footer {
	text-align: center;
	}


#promise h2.buylink {
	text-align:right;
	text-decoration:underline;
	color:#CC0000;

}

#promise p.indent {
	margin-left:10px;

}

#promise span.quote {
font-size:16px;
font-weight:normal;
}