/*
Variables!
*/
@c1: #37a8ff;
@c2: #040404;


body {
	background: #ffffff;
	color: @c2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#main
{
	width: 960px;
	margin: 13px auto 0;


	a {
		color: @c1;
	}
	
	div#logo
	{
		margin-bottom: 15px;
	}
	
	div#slideshow
	{
		height: 370px;
	}
	
	div#menu
	{
		
		a {
			display: block;
			float: left;
			color: @c2;
			font-size: 14px;
			padding: 15px 22px;
			text-decoration: none;
			border-right: 1px solid #ebebeb;
		}
		a.active
		{
			background: url('bg.jpg');
			background-repeat: repeat-x;
			background-position: bottom;
		}
	}
	
	div#middle
	{
		margin-top: 10px;
		font-size: 12px;
		line-height: 160%;
			
		div#middle-l
		{
			float: left;
			width: 600px;
			border-right: 1px solid #d9d9d9;
			text-align: left;
			color: #333;
			padding-right: 4px;
		}
		div#middle-r
		{
			float: left;
			width: 325px;
			color: #333;
			padding-left: 29px;
			text-align: left;
		}
	}
}

.blue {
	color: @c1;
}

img { vertical-align: middle; 
display: block; }

#slide-nav a
{
color: #fff;
}

.b-heading
{
	color: #51aff7;
	font-size: 18px; 
	font-weight: bold;
}

div#main a.link
{
	color: #333;
	text-decoration: underline;
}
.greg {
	float: left;
	padding-right: 5px;
	padding-top: 5px;
}
.canon {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.tracks {
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}