@charset "utf-8";
body {
	/*background: #012f4a;*/
	/*background: url(graphics/clouds.jpg) center no-repeat fixed #0c1011;*/
	/*background: #0c1011;*/
	/*background: #574d4d;*/
	background:#fff;

	margin: 0px;
	height: 100%;      /* FOR CROSS BROWSER MIN-HEIGHT */
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	/*color: #000;*/
	font-size: 14px;
}

a {
    color: #802900;
    text-decoration: none;
} 
a:hover {
    color: #a83600;
    text-decoration: underline;
}

img {
	border: 0px;
}

#make_center {
	width: 760px;
	margin: auto;      /* FOR CROSS BROWSER MIN-HEIGHT */
	height: 100%;
}

#page {
	position: absolute;
	/*background: #000;*/
	background: #fff;
	width: 720px;
	min-height: 100%;             /* ---------------------------- */
	height: auto !important;    /* FOR CROSS BROWSER MIN-HEIGHT */
	height: 100%;                /* ---------------------------- */
	padding: 15px 20px 0px 20px;
	margin-bottom: 10px;

border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #333;



}

#navigation {
	width: 760px;
	height: 125px;	
	background: #fff;
}

        #navigation p {
	    margin: 0px;
	}

	#navigation div {
		float: left;
		margin: 0px 0px 0px 5px;
	}
	
	#navigation .nomargin { /*Because im lazy*/
		margin: 0px;
	}
	
	#navigation div p {
		text-align: center;
		/*width: 100px;*/
		background: #2d2b2b;
		padding: 5px 0px;
	}
	
	#navigation a {
		color: #fff;
		font-size: 11px;
	}
	
	#navigation a:hover {
		color: #ccc;
	}

.title {
	margin: 0px;
	margin-bottom: 33px;	
}

#video {
	width: 640px;
	height: 480px;
	background: #333;
	margin: 0px auto 50px;
}

#story {
	width: 500px;
	float: left;
}
	
	#story h1 {
		text-transform: uppercase;
		font-weight: normal;
		font-size: 36px;
		margin: 0px;
	}
	
	#story h3 {
		margin: 0px 0px 10px;
		font-weight: normal;
		font-size: 18px;
	}
	
	#story h2 {
		color: #a83600;
		margin: 0px;
		padding: 20px 0px 0px 0px;
		text-transform: uppercase;
	}
		
	#story p {
		text-align: justify;
		margin: 0px;
		padding: 7px 0px;
		line-height: 140%;
		text-indent: 0px;
	}
	
	#story p.drop_cap {
		text-indent: 0px;
	}
	/*#story p.drop_cap:first-letter {
		color: #4fbefd;
		font-size: 42px;
		float: left;
		margin: 0px 7px 0px 0px;
		line-height: 38px;
	}*/
	#story p.drop_cap:first-letter {
		color: #af3601;
		font-size: 42px;
		margin: 0px 3px 0px 0px;
	}

#photos {
	position: relative;	
	width: 200px;
	float: right;
	margin-top: 92px;
}

	#photos img:hover {
		cursor: pointer;
	}

	.photo {
		margin-bottom: 10px;
	}
	
	.caption {
		visibility: hidden;
		background: #333;
		overflow: hidden;
	}
	
	/*.caption h3 {
		text-align: right;
		margin: 0px;
		padding: 5px 5px 0px 0px;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: normal;
	}*/
	
	.caption p {
		margin: 0px;
		padding: 5px;
		font-size: 11px;
		color: #eee;
	}

#footer {
        padding-top: 50px;
	text-align: right;
        clear: both;
	font-size: 10px;
}

        #footer p {
	    float: right;
	    margin: 50px 10px 0px;
	}

        #footer_logo {
	    width: 90px;
	    height: 77px;
	    margin-left: 10px;
		margin-bottom: 10px;
	    background: url(graphics/logo.gif) no-repeat;
	    float: right;
	}