/******************** DEFAULT STYLES *********************/
body {
	margin:0;
	padding:0;
	font:0.8em/1.2em Verdana, Arial, sans-serif;
	color:#000000;
	background:#FFFFFF url(images/main_bg.gif) top left no-repeat;
	}
a:link, a:visited { color: #b11e1e; line-height:1.3em; }
a:hover, a:active { color:#821616; }
blockquote, cite, div, li, ul, ol, form { 
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	}
h1, h2, h3, h4, h5, h6 { margin:10px; }
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/******************** TEXT STYLES *********************/
p { margin:10px; }
h1 {
	color:#333333;
	font:bold 1.2em/1.6em Verdana, serif;
	}
h2 {
	color: #333333;
	font:bold 1.1em/1.3em Verdana, serif;	
	}
h3 {
	color: #808080;
	font:bold 1.0em/1.2em Verdana, serif;
	}
h4 {
	color: #808080;
	margin-top:13px;
	font:bold 1.0em/1.2em Verdana, serif;
	}
.r-align { text-align:right; }
.l-align { text-align:left; }

/******************** STRUCTURAL STYLES *********************/
.content {
	width:780px;
	margin:10px auto;
	background:pink;
	text-align:left;
	}
	.header { background:yellow; }
		/* Navigation */
		ul.main-navigation {
			border-top:1px solid #ECECEC;
			border-bottom:1px solid #ECECEC;
			list-style-image:none;
			}
			ul.main-navigation li {
				float:left;
				display:inline; /* <IE7 margin doubling fix */
				width:200px;
				margin-right:10px;
				padding:5px 10px;
				background:orange;
				}
			ul.main-navigation li a.main-navigation-selected {
				color:#333333;
				font-weight:bold;
				}
		/* Image Gallery */
		ul.image-gallery {
			width:430px;
			margin:10px auto;
			list-style-image:none;
			background:cyan;
			border:1px solid #000000;
			}
			ul.image-gallery li {
				float:left;
				display:inline; /* <IE7 margin doubling fix */
				width:100px;
				margin-right:10px;
				}
			ul.image-gallery li.edge { margin:0; }
				ul.image-gallery li img {
					display:block;
					border:none;
					background:brown;
					}
				
.footer {
	width:770px;
	margin:10px auto;
	padding:5px;
	background:cyan;
	text-align:center;
	color:#808080;
	}
	.footer a:link {
		color:#808080;
		text-decoration:none;
		border-bottom:1px solid #808080;
		}
	.footer a:hover {
		text-decoration:none;
		border-bottom:none;
		}
	.footer a:visited {
		text-decoration:none;
		color:#821616;
		border-bottom:1px dashed #821616;
		}