body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
text-align: center;
margin: 0px;
padding: 0px;
background-color:#999999;
}

#outercontainer{
width: 800px;
margin: auto;
padding: 0px;
border:#735eaf 2px solid;
}

#masthead{
position:relative;
margin: 0px;
padding: 0px;
height: 180px;
border-bottom: #9999cc 3px solid;
/*background-color: #99ccff;*/
}

#logocontainer{
float: left;
height: 88px;
width: 300px;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-left: 20px;
background-image:url(images/thomasturntableslogo.gif);
background-repeat:no-repeat;
background-position:center;
}

#mastrightside{
float: right;
height: 180px;
width: 300px;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-right: 20px;
background-image:url(images/pagebackground300.gif);
background-repeat:no-repeat;
background-position:center;
}


#innercontainer{
/*background-color: #99ccff;*/

}

#leftcolumn, #rightcolumn, #contentcolumn{
font-size:12px;
}

#leftcolumn{
width: 300px;
float:left;
padding-top:10px;
}

#leftcolumn ul, #leftcolumn li{
list-style:none;
margin: 0px;
padding: 0px;
}

#leftcolumn a{
text-decoration:none;
}
#leftcolumn a.active{
text-decoration:none;
color:#0000FF;
}
#leftcolumn a:hover{
text-decoration:none;
color:#0000FF;
}

#pic1{
margin:10px;
width:250px;
height:200px;
background-image:url(images/turntable_250by200.jpg);
background-position:center center;
background-repeat:no-repeat;
}

#pic2{
margin:10px;
width:250px;
height:200px;
background-image:url(images/caronturntable1_250by200.jpg);
background-position:center center;
background-repeat:no-repeat;
}

#pic3{
margin:10px;
width:250px;
height:200px;
background-image:url(images/caronturntable2_250by200.jpg);
background-position:center center;
background-repeat:no-repeat;
}

#pic4{
margin:10px;
width:250px;
height:200px;
background-image:url(images/caronturntable3_250by200.jpg);
background-position:center center;
background-repeat:no-repeat;
}


#contentcolumn{ 
text-align:left;
padding-top:10px;
margin-left: 320px;
margin-right: 150px;
color:#000000;
}

#contentcolumn h1, #contentcolumn h2{
font-size:12px;
}

#maincontent{
}

#bottomnav {
	clear:left;
	text-align: right;
	margin: 20px 10px 10px 10px;
	height: 10px;
	}

#bottomnav li {
	display:inline;
	padding-right: 10px;
	padding-left: 2px;
	border-left: 2px solid #660033;
	font-size: 0.8em
	}

#bottomnav a {
	color:#FFFF00;
	}
	
#bottomnav a.active, #bottomnav a:hover {
	color:#66CCFF;
	
	}
	
#bottomnav a:hover {
	
	}

#pagegallery{

}


.pagegallerypic{
margin: 10px;
}

#contact{
padding: 10px;
text-align:left;
}

#contact h1, #contact h2{
font-size:12px;
}

#contactcontainer{

}

#contactlist, #contactlist li{
list-style: none;
}

#textcolumn{
padding: 10px;
text-align:left;
}

#textcolumn h1, #textcolumn h2{
font-size:12px;
}

#textcolumncontainer{

}

#textcolumnlist, #textcolumnlist li{
list-style: none;
}


#footer {
	clear:both;
	margin: 40px 10px 20px 10px;
	width: auto;
	border: 1px solid black;
	background-color:#cccccc;
	color:#0000CC;
	text-align:center;
	font-size: 0.7em;
	padding: 10px;
}

#footer p{
	margin: 5px;
}

#footer .name {
padding-right: 10px;}
	
#rightcolumn{
padding-top:10px;
width: 140px;
float: right;
}

#rightcolumn ul, #rightcolumn li{
list-style:none;
margin: 0px;
padding: 0px;
}

#rightcolumn a{
text-decoration:none;
}
#rightcolumn a.active{
text-decoration:none;
color:#0000FF;
}
#rightcolumn a:hover{
text-decoration:none;
color:#0000FF;
}

#rightgallery{
margin:0px;
padding:0px;
}


.rightgallerypic{

}


#colourcontainer{
clear:both;
width: 100%;
position: relative;
font-size:.6em;
}

#col1 {
float: left;
margin: 10px;
background-color: #C7BB7D;
width: 50px;
height: 50px;
}

#col2 {
float: left;
margin: 10px;
background-color: #2F00BD;
width: 50px;
height: 50px;
}

#col3 {
float: left;
margin: 10px;
background-color: #666699;
width: 50px;
height: 50px;
}

#col4 {
float: left;
margin: 10px;
background-color:#264086;
width: 50px;
height: 50px;
}

#col5 {
float: left;
margin: 10px;
background-color:#C7BB6B;
width: 50px;
height: 50px;
}

#col6 {
float: left;
margin: 10px;
background-color:#7F7145;
width: 50px;
height: 50px;
}

#col7 {
float: left;
margin: 10px;
background-color:#5E90AF;
width: 50px;
height: 50px;
}

#col8 {
float: left;
margin: 10px;
background-color:#AF5E82;
width: 50px;
height: 50px;
}

#col9 {
float: left;
margin: 10px;
background-color:#5E72AF;
width: 50px;
height: 50px;
}

#col10 {
float: left;
margin: 10px;
background-color:#C7AC7D;
width: 50px;
height: 50px;
}

#col11 {
float: left;
margin: 10px;
background-color:#5E5335;
width: 50px;
height: 50px;
}

#col12 {
float: left;
margin: 10px;
background-color:#C4C77D;
width: 50px;
height: 50px;
}

#col13 {
float: left;
margin: 10px;
background-color:#CC9933;
width: 50px;
height: 50px;
}

#col14 {
float: left;
margin: 10px;
background-color:#C7BB6B;
width: 50px;
height: 50px;
}

#col15 {
float: left;
margin: 10px;
background-color:#BDAF3C;
width: 50px;
height: 50px;
}

#col16 {
float: left;
margin: 10px;
background-color:#D9D086;
width: 50px;
height: 50px;
}

#col17 {
float: left;
margin: 10px;
background-color:#FDF11B;
width: 50px;
height: 50px;
}

#col18 {
float: left;
margin: 10px;
background-color:#FDC41B;
width: 50px;
height: 50px;
}