p
{
		font-family: arial;
} 


P
{
	font: 24px arial, sans-serif;
}

body
{
	font: arial, sans-serif;
	font-color:#555555;
}

H3
{
	font: 24px arial, sans-serif;
	font-weight: lighter;
}

H2
{
	font: 18px arial, sans-serif;
	font-weight: lighter;
}


H4
{
	font: 14px arial, sans-serif;
	font-weight: lighter;
}


H5
{
	font: 12px arial, sans-serif;
	font-weight: lighter;
}

B
{
		 color:#555555;
} 

body.repeater
 {
	 background-image:url('images/background1.jpg');
	 background-repeat:repeat;
	  color:#555555;
 } 


body.blackBackground 
{
	background-color:#FFFFFF;

		  color:#FFFFFF;
}

b.heading
{
	color:#333333;

}


b.paleHeading
{
	color:#333333;

}

img.title
{
			top:0px; 	width:1024px;	height:127px;
}

img.recordings
{
			top:121px; 	width:1024px;	height:127px;
}


img.camera
{
			top:242px; 	width:1024px;	height:127px;
}


img.mouse
{
			top:353px; 	width:1024px;	height:127px;
}


img.recorder
{
			top:464px; 	width:1024px;	height:127px;
}

img.monitor
{
			top:575px; 	width:1024px;	height:127px;
}


img.information
{
				width:114px;	height:33px;
}



img.redbubble
{
				width:198px;	height:62px;
}



TD.hide {
    color: #181818;
}


.positionPhotoCentredLandscape
{
	position:absolute;	left:200px;	top:200px;	
}

a:link 
{
	color: #333333;
}
a:visited 
{
	color: #555555;
}
a:hover 
{
	color: #666666;
}
a:active 
{
	color: #333333;
}

.positionBackButtonTop
{
	position:absolute;	left:10px;	top:40px;	width:64px;	height:32px;
}

.positionBackButtonLower
{
	position:absolute;	left:10px;	top:700px;	width:64px;	height:32px;
}

.positionForwardButtonTop
{
	position:absolute;	left:1410px;	top:40px;	width:64px;	height:32px;
}



.positionLastButtonTop
{
	position:absolute;	left:  10px;	top:80px;	width:64px;	height:32px;
}

.positionNextButtonTop
{
	position:absolute;	left:1410px;	top:80px;	width:64px;	height:32px;
}


.positionMoreButton
{
	position:absolute;	left:10px;	top:96px;	width:127px;	height:117px;
}




.mainIntroImagePosition
{
	position:absolute;	left:0px;	top:5px; z-index:9; 
}

.mainImagePosition
{
	position:absolute;	left:0px;	top:5px; z-index:1; 
}

.mainImagePositionBig
{
	position:absolute;	left:0px;	top:5px; width:1004px;	height:632px;
}

.mainGuitarAniPosition
{
	position:absolute;	left:118px;	top:379px; 	width:200px;	height:426px; z-index:5;  
}
.positionGuitar
{
	position:absolute;	left:118px;	top:379px; 	
}

.mainRecorderAniPosition
{
	position:absolute;	left:403px;	top:249px; 	width:212px;	height:307px; z-index:5	;
}
.positionRecorder
{
	position:absolute;	left:403px;	top:249px; 	width:212px;	height:307px; 
}

.mainCameraAniPosition
{
	position:absolute;	left:684px;	top:330px; 	width:229px;	height:193px; z-index:5	
}
.positionCamera
{
	position:absolute;	left:684px;	top:330px; 	width:229px;	height:193px;
}

.mainMouseAniPosition
{
	position:absolute;	left:914px;	top:443px; 	width:256px;	height:200px; z-index:5;	
}
.positionMouse
{
	position:absolute;	left:914px;	top:443px; 	width:256px;	height:200px;
}

.mainMonitorAniPosition
{
	position:absolute;	left:841px;	top:5px;	width:357px;	height:211px; z-index:5;
}
.positionMonitor
{
	position:absolute;	left:841px;	top:5px;	width:357px;	height:211px;
}

.positionMonitorInside
{
	position:absolute;	left:880px;	top:8px;	width:355px;	height:210px;
}

.mainCDAniPosition
{
	position:absolute;	left:498px;	top:490px; 	width:448px;	height:275px;  z-index:6;
}
.positionCD
{
	position:absolute;	left:502px;	top:549px;	width:450px;	height:195px;
}




.positionTitle
{
	position:absolute;	left:120px;	top:20px;	width:512px;	height:64px;
}


.positionPhoto
{
	position:absolute;	left:40px;	top:90px; width:1024px;	height:768px;
}


.positionPhotoLarge
{
	position:absolute;	left:50px;	top:10px;	
}

.photoLarge
{
	width:100%; height:100%
}

body.repeaterG
 {
	 background-image:url('background1.jpg');
	 background-repeat:repeat;
	  color:#888888;
 } 

body.repeater
 {
	 background-image:url('images/background1.jpg');
	 background-repeat:repeat;
	  color:#555555;
 } 

body.repeatX
 {
	 background-image:url('images/background1.jpg');
	 background-repeat:repeat-x;
	 color:#888888;
 } 

body.repeatY
 {
	 background-image:url('images/background1.jpg');
	 background-repeat:repeat-y;
	 color:#888888;
 } 

a:link {
COLOR: #000000;
}
a:visited {
COLOR: #800080;
}
a:hover {
COLOR: #440000;
}
a:active {
COLOR: #000000;
}

.positionYoutube1
{
	position:absolute;	left:10px;	top:110px;	width:320px;	height:195px;
}
.positionYoutube1Title
{
	position:absolute;	left:10px;	top:220px;	
}


.positionYoutube2
{
	position:absolute;	left:400px;	top:110px;	width:320px;	height:195px;
}
.positionYoutube2Title
{
	position:absolute;	left:400px;	top:90px;	
}


.positionYoutube3
{
	position:absolute;	left:800px;	top:110px;	width:320px;	height:195px;
}
.positionYoutube2Title
{
	position:absolute;	left:400px;	top:90px;	
}


.positionYoutube4
{
	position:absolute;	left:10px;	top:370px;	width:320px;	height:195px;
}
.positionYoutube3Title
{
	position:absolute;	left:10px;	top:350px;	
}


.positionYoutube5
{
	position:absolute;	left:400px;	top:370px;	width:320px;	height:195px;
}
.positionYoutube4Title
{
	position:absolute;	left:400px;	top:330px;	
}


.positionYoutube6
{
	position:absolute;	left:800px;	top:370px;	width:320px;	height:195px;
}

.positionYoutube7
{
	position:absolute;	left:10px;	top:600px;	width:320px;	height:195px;
}


.positionYoutube8
{
	position:absolute;	left:400px;	top:600px;	width:320px;	height:195px;
}


.positionYoutube9
{
	position:absolute;	left:800px;	top:600px;	width:320px;	height:195px;
}

.positionAnimation
{
	position:absolute;	left:10px;	top:10px;	width:100px;	height:100px;
}




.centred
{
	 display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle 
}