/* Reset default browser CSS. */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	vertical-align: baseline;
	background: transparent;
}

a img {
	border: none;
}

/* end of reset */

/* structure */

#header-container, #menu-container, #main-container { width: 880px;	margin: 0 auto;}
#footer { width: 880px;	margin: 40px auto; clear: both;}
#main-container { width: 1000px; margin: 0 auto;}
#header-container, #menu-container, #main-title, #footer { padding-left: 60px; padding-right: 60px;}
#header-container {overflow: hidden;}
#header-home {width: 475px; float: left;}
#header-dvd {width: 405px; float: left;}
#menu, #main-title { padding-top: 9px; padding-bottom: 9px;}
#main-container { padding-bottom: 40px;}
#flashcontent_wrapper {margin: 0 auto;}
#main-body { text-align: center; padding-top: 40px;	padding-bottom: 40px;}
#vlog-video { width: 640px; height: 480px; margin-left: auto; margin-right: auto;}
#project-list {	padding-top: 40px; padding-bottom: 20px; padding-left: 60px; padding-right: 40px; overflow: hidden;}
.project { width: 160px; float: left; margin-right: 20px; margin-bottom: 20px;}
.project-title { padding-top: 8px;}
#footer { padding-top: 12px; padding-bottom: 12px;}

/* typography */

a:link, a:visited, a:hover, a:active, a:focus{
	text-decoration: none;
}

#menu, #main-title {
	font: 18px Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
}

#footer, .project-title {
	font: 10px Verdana, Geneva, sans-serif;
}

#flashcontent {
	font: bold 12px Verdana, Geneva, sans-serif;
}


/* colours */

body {
	background: #555;
}

a:link, a:visited, a:hover, a:active, a:focus{
	color: #000;
}

#header {
	background: #555;
}

#menu, #footer {
	background: #e6e6e6;
	color: #000;
}

#main {
	background: #a6a6a6;
}

#flashcontent {
	color: #fff;
}

#main-title {
	color: #fff;
	background: #555;
}

#main-body, #project-list {
	background: #d9d9d9;
}

#footer {
	background: #fff;
}