@import url( generic.css );

html
{
	height:100%;
	background:#FFFFFF url( images/body.jpg ) repeat-y scroll center top;
	overflow:hidden;
}

body
{
	height:100%;
	background:transparent url( images/html.jpg ) repeat-x scroll center top;

	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

h1
{
	width:350px;
	height:45px;
}

h1.biography
{
	background:transparent url( images/h1-biography.gif ) no-repeat scroll left top;
}

h1.contact
{
	background:transparent url( images/h1-contact.gif ) no-repeat scroll left top;
}

h1.credits
{
	background:transparent url( images/h1-credits.gif ) no-repeat scroll left top;
}

h1.links
{
	background:transparent url( images/h1-links.gif ) no-repeat scroll left top;
}

h1.showreel
{
	background:transparent url( images/h1-showreel.gif ) no-repeat scroll left top;
}

h1 span
{
	display:none;
}

h2
{
	font-family:helvetica, arial, sans-serif;
	font-size:16px;
	margin:30px 0px 10px 0px;
}

h2.first
{
	margin-top:0px;
}

p
{
	line-height:20px;
	margin-bottom:18px;
}

a
{
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #000000;
}

a:hover
{
	border-bottom:1px dotted #000000;
}

#dominic-glynn
{
	width:310px;
	height:360px;
	margin:0px 0px 25px 0px;
}

#navigation
{
	width:50%;
	height:100%;
	background:transparent url( images/curve.jpg ) no-repeat scroll 0px 120px;
	float:left;
}

#navigation ul
{
	font-family:helvetica, arial, sans-serif;
	width:380px;
	float:right;
	clear:both;
}

#navigation ul li
{
	padding-bottom:5px;
}

#navigation ul a
{
	font-size:18px;
	border-bottom:0px;
}

#navigation ul a:hover
{
	text-decoration:underline;
}

#content
{
	width:50%;
	height:100%;
	float:right;
	overflow:auto;
}

#content div.wrapper
{
	width:310px;
	padding:25px 20px 1px 20px;
	background-color:#FFFFFF;
}

#footer
{
	width:310px;
	padding:120px 35px 80px 35px;
	background:#FFFFFF url( images/footer.jpg ) no-repeat scroll left top;
	text-align:center;
}

#title
{
	width:380px;
	height:122px;
	margin-bottom:120px;
	background:transparent url( images/title.jpg ) no-repeat scroll left top;
	float:right;
}

#panel
{
	width:350px;
	padding:120px 15px 0px 15px;
	background:transparent url( images/panel-top.gif ) no-repeat scroll 15px 120px;
}

div[id="panel"]
{
	background-image:url( images/panel-top.png ) !important;
}

ul.downloads li
{
	float:left;
}

ul.downloads strong
{
	font-size:13px;
	padding:15px 0px 10px 0px;
	border-top:1px solid #CDD2D6 !important;
	display:block;
}

ul.downloads a.video
{
	font-size:12px;
	width:276px;
	font-weight:bold;
	padding:10px 0px 5px 24px;
	border-bottom:none !important;
	background:#FFFFFF url( images/video-icon.gif ) no-repeat scroll 0px 10px;
	display:block;
}

ul.downloads a.video:hover
{
	color:#DA0000;
}

ul.downloads a.download
{
	font-size:12px;
	width:276px;
	font-weight:bold;
	padding:5px 0px 15px 24px;
	border-bottom:none !important;
	background:#FFFFFF url( images/download-icon.gif ) no-repeat scroll 0px 5px;
	display:block;
}

ul.downloads a.download:hover
{
	color:#DA0000;
}

ul.credits li
{
	padding:3px 10px 3px 10px;
	border-bottom:1px solid #EAEAEA;
}

.float-ctrl
{
	height:1px;
	overflow:hidden;
	clear:both;
}

.break
{
	height:30px;
	overflow:hidden;
	clear:both;
}

div.video
{
	padding:8px 0px 8px 0px;
}

div.video object
{
	width:310px;
	height:244px;
	display:block;
}