html, body
{
	font-family: georgia;
	font-size: small;
	color: #e4013c;
	margin: 0;
	padding: 0;
	background-color: #efefef;
}

#wrapper
{
	width: 933px;
	height: 620px;
	background-color: #fff;
	margin: 30px auto;
	background-position: top center;
}

#logo, #navigation, #projects
{
	float: left;
}

a
{
	color: #ebca00;
}

#wrapper > a:active, #navigation > a:active
{
	outline: none;
}

#wrapper > a:focus, #navigation > a:focus
{
	-moz-outline-style: none;
}

a img
{
	border: 0;
}

#content
{
	clear: both;
	margin: 10px 80px 0 380px;
	max-width: 550px;
}

#projects
{
	width: 560px;
	padding-top: 60px;
	height: 72px;
	overflow: hidden;
}

#description
{
	clear: both;
	padding-top: 1px;
	font-size: 11px;
	color: #eac800;
	line-height: 1.5em;
}

#description p
{
	color: #ed2a2e;
	margin: 0;
}

#description strong
{
	font-style: italic;
}

a.project
{
	float: left;
	margin: 0 8px 0 0;
}

#navigation
{
	margin-right: 15px;
}

/* hide from incapable browsers */
div#scrollbar
{
    display:none;
}

/* below in external file */
div#wn
{
    position:relative;
    width:100%; height:324px;
    overflow:hidden;
}

div#wn img
{
	margin-right: 30px;
}

div#scrollbar
{
    position:relative;
    width:230px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#track
{
    position:absolute;
    width:230px; height:11px;
    background: #ebca00;
}

div#dragBar
{
    position:absolute; left:1px; top:1px;
    width:20px; height:9px;
    background-color:#ee2b30;
}

div#left { position:absolute; left:0; top:0; }
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right
{
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img
{
    display:block;
}

#t1
{
	margin: 0 0 0 15px;
}

#copyright
{
	width: 933px;
	margin: 0 auto;
	text-align: right;
	color: #ebca00
}