body {
   	background-image:url('../images/jack-the-ripper-walk-page-bg.jpg');
   	font-size:100%;
}
#wrapper {
	width:1050px;
	margin-left:auto;
    margin-right:auto;
    background:black;
    margin-top:30px;
}
/* HEADER STYLING */
#header {
	width:1050px;
	height:270px;
	float:left;
	background-image:url('../images/jack-the-ripper-1888-header3.jpg');
	background-repeat:no-repeat;
}
/* TOP NAVIGATION LAYOUT AND STYLES */
#topmenu {
	width:1050px;
	height:40px;
	float:left;
	margin-top:10px;
	border-top:1px;
	border-top-style:solid;
	border-bottom:1px;
	border-bottom-style:solid;
	background:black;
}
#topmenu ul {
   list-style:none;
}
#topmenu li {
    display: inline;
    float:left;
}
#topmenu a {
    float: left;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bolder;
    font-size: 14px;
    color:white;
    border-right:1px solid white;
    border-left:1px solid white;
    text-align:center;
    padding-right:8px;
    padding-left:8px;
}
#topmenu a:hover {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bolder;
    font-size:14px;
    color:#FF0000;
    border-right:1px solid #FFFF66;
    border-left:1px solid #FFFF66;
    text-transform:inherit;
}
#topmenu a:active {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bolder;
    font-size:14px;
    color:black;
    border-right:1px solid #FFFF66;
    border-left:1px solid #FFFF66;
    background:#FF0000;
}
#slider {
    width:1050px;
    background:black; 
    padding-left:5px;
}
#pagetitle h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:28px;
	color:red;
	margin-left:35px;
	margin-top:20px;
}
#mainvideoholder {
    width:1000px;
    background:black; 
    padding-left:5px;
    margin-left:30px;
    margin-top:15px;
}

/* MAIN PAGE CONTAINER STARTS HERE */
#pagecontent {
    width: 1050px;			
    background:black;
	float:left;
}
#pagetitle h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:28px;
	color:red;
	margin-left:35px;
}
#pagetitle h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:25px;
	color:red;
	line-height:1.6em;
	letter-spacing:1px;
	margin-left:35px;
}
/*CONTENT LAYOUT*/
#mainarticle {
	width: 630px;
	float:left;
	margin-left:35px;
	margin-top:20px;
}
#mainarticle h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:28px;
	color:red;
	line-height:1.6em;
}
#mainarticle h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:18px;
	color:red;
	line-height:1.6em;
	letter-spacing:1px;
}
#mainarticle h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:18px;
	color:red;
	line-height:1.6em;
	letter-spacing:1px;
}
#mainarticle h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:16px;
	color:red;
	line-height:1.6em;
	letter-spacing:1px;
	text-align:center;
}
#mainarticle p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:white;
	line-height:1.6em;
	margin-left:5px;
	letter-spacing:1px;
	text-align:left;
}
#mainarticle a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#CCFFCC;
	line-height:1.6em;
	margin-left:5px;
	letter-spacing:1px;
	text-decoration:underline;
}
#mainarticle li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:white;
	line-height:1.6em;
	letter-spacing:1px;
	margin-bottom:20px;
}
.leftimage {
    float:left; 
    background:black;
	margin-left:5px;
	margin-right:16px;
	padding:16px;
	text-align:center;
}
.rightimage { 
    float:right; 
    background:black;
	margin-left:16px;
	margin-bottom:10px;
	margin-right:5px;
	padding:16px;
	text-align:center;
}
.infobox {
	width:600px;
	margin-bottom:30px;
	border:2px;
	border-style:dashed;
	border-color:#CCCCCC;
	padding:10px;
}
.leftinfoimage {
	float:left; 
    background:black;
	margin-left:5px;
	margin-right:16px;
	text-align:center;
	padding-top:15px;
	padding-right:15px;
}
.inforeadmore {
      margin-left:160px;
}
/*RIGHT SIDEBAR LAYOUT*/
#rightsidebar {
	width:340px;
	float:right;
	background:black;
	margin-left:40px;
}
.socialmedia {
	width:320px;
	margin-top:25px;
	padding:10px;
	margin-bottom:25px;
}
.buttonbox {
	float:left;
	margin-left:21px;
}
.rightbox {
	width:320px;
	margin-top:10px;
}
.rightbox h2 {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:red;
	letter-spacing:1px;
	line-height:1.6em;
	margin-left:37px;
}
.rightbox h3 {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:red;
	letter-spacing:1px;
	line-height:1.6em;
	margin-left:37px;
}
.rightbox li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:white;
	letter-spacing:1px;
	line-height:1.6em;
	list-style:none;
	margin-bottom:15px;
}
.rightbox h4 {
	text-align:center;
	font-family:"Trebuchet MS";
	font-weight:bolder;
	font-size:16px;
	color:white;
	letter-spacing:1px;
	line-height:1.6em;
}
.rightbox p {
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:16px;
	line-height:1.4em;
	color:white;
	letter-spacing:1px;
}
.rightbox a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	letter-spacing:.5px;
	line-height:1.4em;
	text-decoration:none;
	color:#FF9900;
}
.rightbox a:hover {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bolder;
    font-size:13px;
    color:black;
    border-right:1px solid #FFFF66;
    border-left:1px solid #FFFF66;
    text-transform:inherit;
    background:#FFFF66;
    padding:10px;
}
.rightboximage {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
/*FOOTER LAYOUT*/
#footer {
    clear:both;
	width: 1050px;
	margin-top:30px;
	margin-left: auto;
	margin-right:auto;
	border-top:3px;
	border-top-style:solid;
	border-top-color:#CC9900;
	padding-top:20px;
}
#footer p {
	margin: 0;
	text-align: center;
	font-size: 16px;
}
#footer a {
	text-decoration: underline;
	color: #757E82;
}
#footer a:hover {
	text-decoration: none;
}
.vcard {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFF99;
	line-height:1.6em;
}
.copyrightnotice {
	width:1050px;
	height:80px;
	background-image:url('../images/copyright-notice.jpg');
}