@charset "UTF-8";
/* CSS Document */

* { padding:0; margin:0; }

.clear {clear:both}

body {background-color:#f4f4f4;}
img { border:0;  }
a {text-decoration:none}
a:link {color:#f4f4f4; text-decoration:none;}
a:visited {color:#f4f4f4; text-decoration:none;}
a:hover {color:#f4f4f4; text-decoration:none;}
a:active {color:#f4f4f4; text-decoration:none;}




.story_style_title {
	font-size: 38px;
	color: #f4f4f4;
	font-family: "Helvetica", sans-serif;
	font-weight: lighter;
	}

.story_style_body_white {
	font-size: 20px;
	color: #f4f4f4;
	font-family: "Helvetica", sans-serif;
	font-weight: lighter;
	line-height: 26px;	
	}

.story_style_main_title {
	font-size: 48px;
	color: #f4f4f4;
	font-family: "Helvetica", sans-serif;
	font-weight: lighter;
	}
	
.story_style_info_title {
	font-size: 48px;
	color: #333333;
	font-family: "Helvetica", sans-serif;
	font-weight: lighter;
	}

.story_style_info_copy {
	font-size: 16px;
	color: #999999;
	font-family: "Helvetica", sans-serif;
	font-weight: lighter;
	line-height: 24px;	
	}
	
.story_style_copyright {
	font-size: 14px;
	color: #f4f4f4;
	font-family: "Helvetica", sans-serif;
	font-weight: lighter;
	line-height: 4.5;
	}

	


#story_nav_one {
	width:100%; 
	height:60px; 
	background:#fb4f5a;
	}

#story_nav_two {
	width:900px; 
	height:60px; 
	margin-left:auto; 
	margin-right:auto; 
	}
	
	.story_nav_two_a {
	width:50px; 
	height:60px; 
	padding-left:10px;
	padding-right:8px;
	padding-top:8px;
	float:left;
	}

	.story_nav_two_b {
	width:250px; 
	height:60px; 
	float:left;
	padding-top:15px;
	}
	
	.story_nav_two_c {
	width:250px; 
	float:right;
	text-align: right;
	padding-top:17px;
	}
	
	.story_nav_two_d {
	width:20px; 
	float:right;
	padding-top:20px;
	padding-left:8px;
	padding-right:10px;
	}


#story_main_background {
	width:100%; 
	height:510px; 
	background:url("http://www.storyapp.co/story_images/story_background_scotland.jpg");
	background-repeat:no-repeat;
    background-size:cover;
	}

	.story_main_background_a {
	position: absolute;
    right: 52%;
    top: 40px;
	width:784px; 
	height:530px;
	padding-right:0px;
	padding-top:0px;
	float:right;
	}

	.story_main_background_b {
	position: absolute;
	left: 50%;
	width:450px; 
	height:260px; 
	padding-right:0px;
	padding-top:130px;
	text-align: center;
	}

#story_info {
	width:900px; 
	height:700px; 
	margin-left:auto; 
	margin-right:auto; 
	padding-top:20px;
	}

	.story_info_a {
	width:280px; 
	height:700px; 
	margin-right:30px;
	padding-top:0px;
	float:left;
	text-align: center;
	}

	.story_info_b {
	width:280px; 
	height:700px; 
	padding-top:0px;
	float:left;
	text-align: center;
	}

#story_copyright_bar {
	position: absolute;
	width:100%; 
	height:60px; 
	background:#fb4f5a;
	text-align: center;
	}