@charset "utf-8";
/* CSS Document */
/*Main styles for Body element//////////////*/

body h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, tr, td {margin:0px;
padding:0px;}
body {background-color:#000000;
font-family:Helvetica, Arial, Verdana,   sans-serif;
line-height:1.4;}


/*  div styles ///////////////////////////*/
#bgimgwrapper {width:1060px;
background-image: url(../images/bgimg-blacksmoke-1460x100.gif);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
overflow:hidden;}


.wrapper {width:760px;
margin-left:auto;
margin-right:auto;}


.header {width:760px;}

.mainbox {width:608px;
height:450px;
float:right;
background-image:url(../images/Mainblock-608x450.gif);
color:#FFFFFF;
text-align:center;
margin-bottom:30px}

.fullpage {width:756px;
overflow:hidden;

background-image: url(../images/fullpage-time-760x100.gif);
background-repeat:repeat-y;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}


.fullpage p, h4, h5, a, li {padding:0px 30px;}

.pagebottom {width:760px;
height:24px;
background-image:url(../images/backgroundwhite-bottom-760x24.gif);
}

.leftside-box {width:150px;
float:left;
color:#FFFFFF;}

.leftside-box p {margin-bottom:20px;}
.leftside-box h4 {padding:0px;}
.mainactbox {
	width:470px;
	margin-top:35px;
	margin-right:auto;
	text-align:center;
	margin-left: 55px;
}
.mainactbox h1 {font-size: small;}
a img{ border:none;}

.bottompics {width:760px;
height:108px;
overflow:hidden;
/*background-image:url(../images/bg-grey-music-760x100.jpg);*/
margin-left:auto;
margin-right:auto;
margin-top:50px;
clear:both;}

.picframe {background-image:url(../images/img-bg-rounded-158x108.gif);
width:158px;
height:108px;} /*// puts a 158x108 px rounded corner img as a bg img///*/

.bottompics img {display:block;
padding:4px;} /*  adds 4 px padding to centre imge in bg img frame ///*/

.footer {width:760px;
font-size:.7em;
margin-top:20px;
color:#e8e8e8/*FFFFFF*/;
border-top:1px dotted #CCCCCC;  } 

.footer img {display:block;
float:left;
margin:5px;}

.padding img {padding:10px;}

/*Link styles///////////////*/


/* for white text on black background /////*/
a:link {color:#e8e8e8;
text-decoration:none;}
a:visited {color:#e8e8e8;
text-decoration:none;}
a:hover {color:#333333; /* reverses link and bg colour///*/
background-color:#e8e8e8/*FFFFFF*/;
text-decoration:none;}


/* for black text on white or light background /////*/ 
.fullpage a:link {color: #333333 ;
text-decoration:none;
background-color: #FFFFFF;}
 .fullpage a:visited /*.blacktext a:link */{color: #333333 ;
text-decoration:none;
background-color: #FFFFFF;}



.fullpage a:hover {color: #e8e8e8/*FFFFFF*/; 
background-color: #ffffff;
text-decoration:none;}
.fullpage a:active  {color: #e8e8e8/*FFFFFF*/; /* reverses link and bg colour///*/
background-color:  #333333;
text-decoration:none;}


/* horizontal navigation styles*/
.navigation ul {list-style:none;
margin:0px;
padding: 0px;
padding-top: .5em;
float:left;
width:100%;}

.navigation li{display:inline;
font-size:.9em; 
 }
 

.navigation a {width:3em;
padding:2px;
margin-right:2px;}

.navigation a:link  {
color: #ffffff;
text-decoration: none;
border:none;
}
.navigation a:visited {
color: #ffffff;
text-decoration: none;
border:none;
}
.navigation a:hover {color: #F33;
background-color: #ffffff;
}
/*//// text styles //////*/

.smaller {font-size:.8em;}
.bigger {font-size:1.5em;}
