/******** Author: Paul Maple  T:07989 729 676
/******** Created: 12/04/07
/******** Contact info: mail@paulmaple.co.uk   */

/***********************************************/	
/********** MAIN BODY STYLES - START ***********/	
/***********************************************/
BODY    { 	font-size: 100%;
        	font-family: Trebuchet MS, verdana, lucida, arial, helvetica, sans-serif;
		  	color:#fff;
		  	line-height: 1.0em;
			background-color: #191919;
			}
		  
P    	{ 	margin-top: 0;
		  	text-align:justify;
		   	}
			
	   
A:link    { color: #D51603;
            font-family: Trebuchet MS, verdana, lucida, arial, helvetica, sans-serif;
            font-size: 100%;
            text-decoration: none; }
			
A:visited { color: #D51603;
            font-size: 100%;
            text-decoration: none; }
			
A:active  { color: #D51603;
            font-size: 100%;
            text-decoration: none; }
			
A:hover   { color: #F9CBC6;
            font-size: 100%;
            text-decoration: underline;}		
/********** MAIN BODY STYLES - END ***********/	




/***********************************************/
/********** PAGE STRUCTURE TABLE - START ***********/	
/***********************************************/
/** common attributes for table cells ***/

/** Main cntent layout table below the header**/
.3columntable {
width:768px;
position: relative; 
left: 3px;
}

.leftcell, .middlecell, .rightcell {
position: relative;
vertical-align: top;
}


.leftcell {
width: 152px;
color: #b7b7b7;
background-color: #000;
padding-left: 20px; 
padding-right: 20px; 
padding-top: 0px; 
padding-bottom: 0px;
font-size: 70%;
text-align:justify;
}

.middlecell{
width:768px;
background-color: #000;
padding-left: 70px; 
padding-right: 70px; 
padding-top: 0px; 
padding-bottom: 0px;
margin-bottom: 0px;}



.rightcell {
width: 135px;
background-color: #000;
color: #b7b7b7;
font-size: 65%;
text-align: justify;
line-height: 1.2em;
padding-left: 0px; 
padding-right: 20px; 
padding-top: 0px; 
padding-bottom: 0px;}


/*** Nested inside the main middle content cell ****/
.recent_work_cell {
position: relative;
vertical-align: top;
width:150px;
}


.recent_work_cell A:link    { color: #D51603;
            font-family: Trebuchet MS, verdana, lucida, arial, helvetica, sans-serif;
            font-size: 100%;
            text-decoration: none; width:150px; }
			
.recent_work_cell A:visited { color: #D51603;
            font-size: 100%;
            text-decoration: none; width:150px; }
			
.recent_work_cell A:active  { color: #D51603;
            font-size: 100%;
            text-decoration: none; width:150px; }
			
.recent_work_cell A:hover   { color: #F9CBC6;
            font-size: 100%;
            text-decoration: underline; width:150px;}	





.footercell {
position: relative;
left: 3px;}

.menucell {
position: relative;
vertical-align: top;
font-size: 70%;
background-color: #000;
color: #fff;

padding-right: 0px; 
padding-top: 8px; 
width: 153px;
}

.menucell li{
	list-style: none;}

/********** PAGE STRUCTURE TABLE -  END ***********/	
	
/***********************************************/
/********** MANUSCRIPT - START ***********/
/***********************************************/
h1 {
font-size: 90%;
font-style: italic;
position: relative;
left: 0px;
top: 4px;
margin: 0px, 0px, 0px, 0px;
padding: 0px, 0px, 0px, 0px;
color:#fff;
}

h2 {
font-size: 70%;
margin: 0px, 0px, 4px, 0px;
padding: 0px, 0px, 4px, 0px;
color:#fff;
}

h3 {
font-size: 110%;
font-style: italic;
position: relative;
left: 0px;
top: 0px;
margin: 0px, 0px, 0px, 0px;
padding: 0px, 0px, 0px, 0px;
color:#F4BB3A;
}

h4 {
font-size: 110%;
font-style: italic;
position: relative;
left: 0px;
top: 0px;
margin: 0px, 0px, 0px, 0px;
padding: 0px, 0px, 0px, 0px;
color:#D51603;
}

h5 {
font-size: 90%;
font-style: italic;
position: relative;
left: 0px;
top: 0px;
margin: 0px, 0px, 0px, 0px;
padding: 0px, 0px, 0px, 0px;
color:#D51603;}

.spacer {
position: relative;
height: 20px;
visibility: hidden;
}

.recent_work_cell p {
color: #b7b7b7;
font-size: 70%;
line-height: 1.2em;
}

.contact {
text-align: center;
font-size: 70%;
padding: 10px, 0px, 20px, 0px;}

.manuscript {
color: #ffffff;
font-size: 70%;
text-align:justify;}

/********** MANUSCRIPT - END ***********/

/********** LEFT MENU END *****************/

a#active_menu {
	color: #F5AE18;
	font-weight: bold;

}

a#active_menu:hover {
	color: #F5AE18;
	text-decoration: none;
}


a.mainlevel:link, a.mainlevel:visited {
	border-bottom: 1px solid #393939;
	position: relative;
	top:-10px;
	left: -20px;
	color: #fff;
	display: block;
	letter-spacing: 0px;
	line-height: 18px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-top: 2px;
	text-align: left;
	text-decoration: none;
	width: 153px;

}

a.mainlevel:hover {
	background-color: #fafafa;
	color: #F5AE18;
	background-image: url('http://www.gunghomedia.co.uk/images/over.jpg');
}

/********** LEFT MENU END *****************/








/***********************************************/
/********** RIGHT NAV - START ***********/
/***********************************************/
.footer {
position: relative;
width: 380px;
left: 0px;
text-align:left;
padding-top: 10px;
padding-bottom: 0px;
margin-top: 30px;
font-size: 80%;
color: #585858;
border-style:dashed;
border-color: #585858;
border-top-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;}

.footer A:link    { 
color: #585858;}
			
.footer A:visited { 
color: #585858;}
			
.footer A:active  { 
color: #585858;}
			
.footer A:hover   { 
color: #000;
text-decoration: underline;}




/***********************************************/
/********** SUB NAV - START ***********/
/***********************************************/

/*** MainS Nav ***/
.submenu {
position:relative;
float:left;
width:152px;
list-style:none;
list-style-type: none;
line-height:1em;
margin:0;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}


.submenu LI {
float:left;
text-align: right;
}

.submenu A {
display:block;
color:#fff;
background: #000;
text-decoration:none;
width: 130px;
cursor:pointer;
margin:0px;
padding:0.25em 1em;
border-style:solid;
border-color: #5C5C5C;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
}


.submenu A:hover,
.submenu A.here:link,
.submenu A.here:hover{
background:#000;
color: #F5AE18;
cursor:pointer;
}

.submenu A.here:visited, #rightnav A:active, {
background:#000;
cursor:pointer;
}

.submenu A.here:link {
position:relative;
}

.submenu A.here:visited, #rightnav A:active, {
background:#000;}


/********** RIGHT NAV - END ***********/





/********** NEWS ***********/
.news {
color: #b7b7b7;
font-size: 100%;
}

.news A:link    { color: #F4BB3A;
            font-family: Trebuchet MS, verdana, lucida, arial, helvetica, sans-serif;
            font-size: 100%;
            text-decoration: none; }
			
.news A:visited { color: #F4BB3A;
            font-size: 100%;
            text-decoration: none; }
			
.news A:active  { color: #F4BB3A;
            font-size: 100%;
            text-decoration: none; }
			
.news A:hover   { color: #F4DEAE;
            font-size: 100%;
            text-decoration: underline;}	


.iframe {
position: relative;
top:-47px;
}

.bot {
position: relative;
top:-110px}

.contentcell  {
padding-left: 70; padding-right: 70;
}