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

@font-face {
    font-family: 'HoneyScript-Light';
    src: url('../fonts/HoneyScript-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body{
	background:#000000;
	margin:0px;
	padding:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

A:link {color:#FF773D;}
A:visited {color:#FF773D;}
A:active {color:red;}
A:hover {color:#660000;}

#wrapper{
	width:960px;
	margin:25px auto;
}

#left-content{
	float:left;
	clear:none;
	width:320px;
	margin-left:-10px;
}

#right-content{
	float:right;
	clear:none;
}

#logo{
	margin-left:17px;
	font-size: 50px;
	font-family: HoneyScript-Light;
	color: #660000;
}

#logo_start {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	vertical-align: top;
}

#main-img{
	background:url(../images/picture-frame.png) top left no-repeat;
	width:304px;
	height:539px;
	margin-top:10px;
	padding-top:23px;
	padding-left:45px;
	margin-left:12px;
}

#bottom-img{
	background:url(../images/bottom-img.png) top center no-repeat;
	width:329px;
	height:321px;
	margin-top:-410px;
	position:absolute;
}

#box-top{
	background:url(../images/box-top.png) top left no-repeat;
	width:631px;
	height:55px;
}

#box-middle{
	background:url(../images/box-bg.png) top left repeat-y;
	widows:631px;
}

#box-bottom{
	background:url(../images/box-bottom.png) top left no-repeat;
	width:631px;
	height:36px;
}

#menu{
	width:631px;
	height:55px;
	padding-top:10px;
	padding-left:6px;
}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu ul li{
	float:left;
	background:url(../images/menu.png) top left no-repeat;
	width:97px;
	height:27px;
	margin:0px;
	padding:0px;
	margin-left:5px;
}

#menu ul li a{
	display:block;
	text-decoration:none;
	color: #FFFFFF;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	padding-top:3px;
}

#menu ul li a:hover{
	color:#96370c;
}

#contact {
	margin-left: 15px;	
	padding-left:15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	width:280px;
}

#contact a:link {color:#FFFFFF;}
#contact a:visited {color:#FFFFFF;}
#contact a:active {color:#FFFFFF;}
#contact a:hover {color:#FFFFFF;}

.divider1{
	background:url(../images/divider1.png) top center no-repeat;
	width:631px;
	height:4px;
	margin-top:10px;
}

.title{
	font-size:20px;
	color:#FF773D;
	padding-top:10px;
	margin-bottom:15px;
	text-shadow:0 0 30px #fff, 0 0 70px #FF773D;
}

.content{
	width:600px;
	padding-left:15px;
	padding-right:15px;
}

.highlight-copy{
	background:url(../images/highlight.jpg) top left repeat-y;
	width:600px;
}

.sub-title{
	color: #FF773D;
	text-decoration:underline;
	float:left;
	clear:none;
	padding-left:20px;
	margin-bottom:15px;
	text-shadow:0 0 30px #fff, 0 0 70px #FF773D;
}

.author{
	float:left;
	clear:none;
	padding-left:10px;
}

.continue-btn{
	text-align: right;
}

#divider2{
	background:url(../images/divider2.png) top center no-repeat;
	width:631px;
	height:1px;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:-15px;
}

#footer{
	position:absolute;
	bottom:0;
	height:30px;
	margin-top:15px;
	font-size:11px;
	color:#FFFFFF;
	padding-top:10px;
}