/*------------------css ejmweb------------------*/

body {
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	min-width:800px;
	/*background-image: url(images/bgejm4.gif);*/
}
#wrap {
	MARGIN: 0px auto;
	WIDTH: 800px;
}
/*-------------------- start header, this is the bit at the very top---------------------*/
#header {
	background-color:#333333;
	color: #FFFFF0;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
    #title_top{
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-left: 10px;
	background-color: #333333;
	}
	#title_lower{
	font-size: 36px;
	font-weight: bold;
	float: none;
	clear: none;
	background-image: url(images/bg_lower_3.gif);
	padding-bottom: 15px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 180px;
	 
	 
	}
	#title_author{
	font-size: 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#title_by{
	font-size: 18px;
	color: #666666;
	font-weight: bold;
}
#insideheader {
	display: block;
	float: right;
	height:auto;
	text-align: center;
	margin-top: 60px;
	margin-right: 25px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
/*----------------END header, below is the CONTENT-------------------*/
.padding {
	height: 15px;
	clear: both;
	background-repeat: repeat;
	background-image: url(images/transparent.gif);
}
#container {
	border: 2px solid #364F5C;
	background-color: #FFFFF0;
	margin: 0px auto;
}
/*----------top navigation--------*/
#menu {
	display: block;
	color:#FFFFF0;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #CCCCCC;
}
#menu a:link, #menu a:active, #menu a:visited {
	color: #FFFFFF;
	margin-left: 20px;
	text-decoration: none;
	padding:4px;
}
#menu a:hover {
	margin-left: 20px;
	color: #666666;
	text-decoration: none;
	padding:4px;
}
#menu .uberlink {
	color: #000000!important;}
/*------------this controls the band containing the images------------*/
#cover_band {
	display:block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#books {
	margin:5px;
	font-weight: bold;
	padding: 10px;
	width: 150px;
	height: 30px;
	text-align: center;
	float: left;
	color: #FFFFFF;
	background-color: #000000;
}
/*#superspy,#rapstar,#hero {
	margin:5px;
	border: 1px solid #364F5C;
	padding: 10px;
	width: 150px;
	height: auto;
	text-align: center;
	float: left;
	background-color:#8387A7;
}*/

#contpadtwo {
	padding: 4px;
}
#spctwo {
	width: 100%;
	height: 18px;
	background-color: #364F5C;
	margin-top:10px;
}

p {
	margin: 0 0 0 0px;
	padding-top: 5px;
	padding-right: 5px;
	line-height: 130%;
}
/*-------the main content here----------*/
#content {
	padding-top: 10px;
	font-size: 100%;
	padding-right: 30px;
	min-height:300px;
	padding-left: 30px;
}
  #content_header {
	padding: 2px;
	color: #FFFFF0;
	margin-right: 5px;
	font-size: 100%;
	font-weight: bold;
}
 .content_header {
	padding: 2px;
	color: #FFFFF0;
	margin-right: 5px;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 5px;
}
#content H3 {
	padding: 0px 20px 0px 0px;
	text-align: right;}
	

	
	.porfolio_text
	{
	clear: none;
	float: none;
	width: 730px;
	height: 150px;
	margin-bottom: 10px;
	text-align: justify;
	padding-right: 20px;
	font-size: 90%;
}
.portfolio_layout{
	padding-top: 10px;
}



#download{
	font-size: 100%;
	text-align: center;
}

.line {
	font-size: 1%;
	margin-right: 5px;
	height: 1px;
	margin-top: 10px;
}

#contact_page {
	width: 500px;
	margin-left: 150px;
	margin-top: 100px;
	height: auto;
	font-size: 120%;
}
/*<--------------- the red contct line---------*/
#contact {
	width: 100%;
	margin-top:5px;
	text-align: center;
	font-size: 80%;
	padding: 4px 0px;
}
#contpadthree {
	padding: 8px;
	display:block;
}
#contact a:link, #contact a:hover,  #contact a:active, #contact a:visited {
	color: #FFFFF0;
}
a:link, a:active, a:visited {
	color: #364F5C;
	text-decoration: underline;
}
a:hover {
	color: #A00505;
	text-decoration: none;
}
#contpadthree .uberlink {
	color: #0000CC !important;}

/*------- the left sidbar------------*/

#left {
	float: left;
	width: 180px;
	padding: 10px;
	}

	
/*--------------sets the colour for the index page use separate colour style sheeets to change page colours if required---------*/

 #title_top, #title_lower
 {
 color:#0099CC;
 }
 #menu,#content_header, .line, #contact, .content_header
 {
 background-color:  #0099FF;
}