* {
  margin: 0;
  padding: 0;
}


body {
    margin: 0px auto;
    padding: 0px;
    background: url(images/alexrider_background.gif);
    background-color: #0078c1;
	background-position: top left; 
	background-repeat: repeat-x;
}



/* START of main structure */    

#header{
    margin:0px 0px 0px 133px;
	background: url(images/alexrider_logo.jpg);
	background-position: top left; 
	background-repeat: no-repeat; 
	height:103px;
}

#container {
    margin:0px 0px 50px 133px;
    width: 942px;
    background: url(images/alexrider_metalbg.jpg);
	background-position: top center; 
	background-repeat: repeat-y; 
	background-color:#000000;
}


#main_module {
	margin:15px 0px 0px 15px;
	float: left;
	text-align: left;
	background-color:#000d11;
	padding:18px;
	width:581px;
}


#main_left {
	float: left;
	text-align: left;
	width:335px;
}

#main_right {
	float: left;
	text-align: left;
	width:235px;
}

#main_gray{
	margin-left:10px;
	padding:15px 15px 20px 15px;
	background-color:#1c2326;
	width:200px;
}

#main_module_events {
	margin:15px 0px 0px 15px;
	float: left;
	text-align: left;
    background: url(images/ar_bg_crosshair.gif);
	background-position: top left; 
	background-repeat: no-repeat; 
	background-color:#000d11;
	padding:18px;
	width:581px;
}


#main_left_events {
	float: left;
	text-align: left;
	width:280px;
}

#main_right_events {
	float: left;
	text-align: left;
	width:285px;
	padding-left:15px;
}


#books_left {
	float: left;
	text-align: left;
	width:115px;
}

#books_right {
	float: left;
	text-align: left;
	width:450px;
	padding-left:15px;
}

#char_left {
	float: left;
	text-align: left;
	width:115px;
}

#char_right {
	float: left;
	text-align: left;
	width:450px;
	padding-left:15px;
}

#right_module {
	background-color:#273033;
	float:right;
	margin:15px 15px 0px 0px;
	text-align:left;
	width:255px;
	padding:15px
}

li{
	margin-left:20px;
	margin-top:10px;
}

#footer{
	clear: both;
	background-color:#0078c1;
	background-position: bottom left;
	height: 50px;
	padding:2px 15px;
}
/* END of main structure */    

 
/* START of nav items */    
#navmenu {
    margin:0px 0px 0px 103px;
	background:url(images/AlexRiderAdventures_nav.gif) no-repeat 0px 0px;
    height: 43px;
	width:999px;
}

#navmenu span {
  display: none;
}

#nav {
    width: 999px; height: 30px;
    margin: 0px auto;
    padding:4px 0px 0px 70px;
	}
  #nav li {
    margin: 0; padding: 0; list-style: none;
    top: 0;}
  #nav li, #nav a, #nav ul {
    height: 30px; display: block;}

#home{ 
	height:30px;
	width:100px; 
	float:left;
	}
	#home a { 
		height:30px;
		width:100px; 
		background:url(images/ar_home.gif) no-repeat 0px 0px;
		 }
	#home a:hover {	
		background-position: 0 -30px;
		}
	#home a:active {
		background-position: 0 -30px;
		}


#homehover{
	float:left;
	height:30px;
	width:100px; 
	background:url(images/ar_home.gif) no-repeat 0px 0px;
	background-position: 0 -30px;
}
	
#homehover span, #home span {
  display: none;
}
	
#author{ 
	height:30px;
	width:235px; 
	float:left;
	}
	#author a { 
		height:30px;
		width:235px; 
		background:url(images/ar_author.gif) no-repeat 0px 0px;
		}
	#author a:hover {	
		background-position: 0 -30px;
		}
	#author a:active {
		background-position: 0 -30px;
		}

#authorhover{
	height:30px;
	width:235px; 
	float:left;
	background:url(images/ar_author.gif) no-repeat 0px 0px;
	background-position: 0 -30px;
}

#authorhover span, #author span {
  display: none;
}
		
#books { 
	height:30px;
	width:108px; 
	float:left;
	}
	#books a{ 
		height:30px; 
		width:108px; 
		background:url(images/ar_books.gif) no-repeat 0px 0px;
		}
	#books a:hover {	
		background-position: 0 -30px;
		}
	#books a:active {
		background-position: 0 -30px;
		}

#bookshover { 
	height:30px;
	width:108px; 
	float:left;
	background:url(images/ar_books.gif) no-repeat 0px 0px;	
	background-position: 0 -30px;
	}

#bookshover span, #books span {
  display: none;
}

#character{ 
	height:30px;
	width:200px; 
	float:left;
	}
	#character a{ 
		height:30px; 
		width:200px; 
		background:url(images/ar_charbios.gif) no-repeat 0px 0px;
		}
	#character a:hover {	
		background-position: 0 -30px;
		}
	#character a:active {
		background-position: 0 -30px;
		}

#characterhover { 
	height:30px; 
	width:200px; 
	float:left;
	background:url(images/ar_charbios.gif) no-repeat 0px 0px;
	background-position: 0 -30px;
	}

#characterhover span, #character span {
  display: none;
}
	
#secretarchives{ 
	height:30px;
	width:215px; 
	float:left;
	}
	#secretarchives a{ 
		height:30px; 
		width:215px; 
		background:url(images/ar_secretarchives.gif) no-repeat 0px 0px;
		}
	#secretarchives a:hover {	
		background-position: 0 -30px;
		
		}
	#secretarchives a:active {
		background-position: 0 -30px;
		}

#secretarchiveshover { 
	height:30px; 
	width:215px; 
	float:left;
	background:url(images/ar_secretarchives.gif) no-repeat 0px 0px;
	background-position: 0 -30px;
	}

#secretarchiveshover span, #secretarchives span {
  display: none;
}

/* END of nav items */    


/* START of text & image styling */    

.border {
    border: 5px #8d0e0f solid;
}

.chapterborder {
    padding:15px 0 15px 0px;
}

.largeimageborder {
    margin-right:15px;
    border: 5px #8d0e0f solid;
}

.trailerborder {
    width: 640px; 
    padding:5px; 
    background-color:#000;
    border: 5px #8d0e0f solid;
}

.dekspacing {
	padding-top:30px;
}

.quarterspacing{
	float:left; 
	width:175px; 
	text-align:center;
}

.halfspacing{
	float:left; 
	width:350px; 
	text-align:center;
}

.chapterspacing{
	width:208px; 
	padding-right: 15px; 
	float:left;
}

H1 {
FONT-FAMILY: Arial, Helvetica, Sans serif;
		   font-weight: bold;
		   font-size: 20px;
           color:#ffffff;
           margin-top:-1px;
           margin-bottom:-1px;
           line-height: 24px;
           display: none;
      }
      
H2 {
FONT-FAMILY: Arial, Helvetica, Sans serif;
		   font-weight: bold;
		   font-size: 20px;
           color:#dc2f29;
           margin-top:-1px;
           line-height: 24px;
           text-align:center;
      }
      
h3 {
FONT-FAMILY: Arial, Helvetica, Sans serif;
		   font-weight: bold;
		   font-size: 15px;
           color:#00b8ff;
           margin-top:-1px;
           line-height: 19px;
      }
A.h3:link {FONT-FAMILY: Arial, Helvetica, Sans serif;COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.h3:active {FONT-FAMILY: Arial, Helvetica, Sans serif;COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.h3:visited {FONT-FAMILY: Arial, Helvetica, Sans serif;COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.h3:hover {FONT-FAMILY: Arial, Helvetica, Sans serif;COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

      
H4 {
FONT-FAMILY: Arial, Helvetica, Sans serif;
		   font-weight: bold;
		   font-size: 15px;
           color:#ffffff;
           margin-top:-1px;
           line-height: 19px;
      }


p {
font-family: Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: left;
line-height: 19px;
font-size: 13px;
margin: 15px 0px;
}

p.blue {
font-family: Arial, Verdana, Sans-Serif;
color: #00b8ff;
text-align: left;
line-height: 19px;
font-size: 13px;
}


.main {font-family: Arial, Verdana, Sans-Serif; color: #ffffff; text-align: left; line-height: 19px; font-size: 13px;}
A.main:link {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.main:active {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.main:visited {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.main:hover {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.location {font-family: Arial, Verdana, Sans-Serif; color: #ffffff; text-align: left; line-height: 20px; font-size: 14px; FONT-WEIGHT: bold; }
A.location:link {COLOR: #ffffff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.location:active {COLOR: #ffffff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.location:visited {COLOR: #ffffff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.location:hover {COLOR: #ffffff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.date {font-family: Arial, Verdana, Sans-Serif; color: #00b8ff; text-align: left; line-height: 16px; font-size: 12px;}
A.date:link {COLOR: #00b8ff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.date:active {COLOR: #00b8ff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.date:visited {COLOR: #00b8ff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.date:hover {COLOR: #00b8ff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.right {font-family: Arial, Verdana, Sans-Serif; color: #00b8ff; text-align: left; line-height: 16px; font-size: 12px;}
A.right:link {COLOR: #00b8ff; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none}
A.right:active {COLOR: #00b8ff; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none}
A.right:visited {COLOR: #00b8ff; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none}
A.right:hover {COLOR: #00b8ff; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline}



.submain {font-family: Arial, Verdana, Sans-Serif; color: #ffffff; text-align: left; line-height: 18px; font-size: 12px;}
A.submain:link {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.submain:active {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.submain:visited {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.submain:hover {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.footer {font-family: Arial, Verdana, Sans-Serif; color: #ffffff; text-align: left; line-height: 18px; font-size: 11px;}
A.footer:link {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.footer:active {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.footer:visited {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.footer:hover {COLOR: #39ff76; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}




/* END of text & image styling */