/* CSS Document */
body{
font: 12px Veranda, Arial, Trebuchet MS, Veranda;
margin:0;
padding-top:0.5em;
}

		.page { 
			display:none;
			height:300px;
			}
#maincontainer{
width: 1024px; /*Width of main container*/
height: 100%; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 289px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

.showreel{
background: transparent url(../pics/showreelBlack1.jpg) repeat;
border-color: red;
}

#contentwrapper{
float: left;
width: 100%;
line-height: 1.5em;
}

#contentcolumn{
margin: 0 5px 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 185px; /*Width of left column in pixel*/
height: 100%;
margin-left: -1024px; /*Set margin to that of -(MainContainerWidth)*/
background: transparent url(../pics/gray.jpg) repeat;
}

#rightcolumn{
float: left;
width: 5px; /*Width of right column*/
margin-left: -5px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
}

#footer{
clear: left;
width: 100%;
height: 3em;
background: transparent url(../pics/footer.jpg) repeat-x;
color: #FFF;
text-align: left;
font: 8pt Arial;
padding-left:1em;
padding-top:1em;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

a:link {color: red;text-decoration: none;}
a:visited {color: red}
a:hover {color: red}
a:active {color: red}

a.top-menu:link {color: black;text-decoration: none;}
a.top-menu:visited {color: red}
a.top-menu:hover {color: red}
a.top-menu:active {color: red}

span.menuitem a:hover{
border:1px solid black; padding:0.3em 0.5em 0.2em 0.5em;
}

td.main{
width:45%;
}