body {
	background-image: url( '../images/backgr.gif' );
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 100%;
	padding:0;
}

#home_body,
#home_intro,
#home_special,
#home_crew,
#home_contact,

#examples_body,
#examples_html,
#examples_flash,

#references_body,
#references_2002,
#references_2003,
#references_2004,
#references_2005,
#references_2006,
#references_2007 {
	height: 520px;
	float: left;
	position:absolute;
	left:50%;
	margin-left: -380px;
	top: 40%;
	margin-top: -210px;
	background-color: #e6aa04;
	background-image: url( '../images/black_top.gif' );
	background-repeat: repeat-x;
	font-size: 0.8em;
}

#header {
	width: 760px;
	float: left;
	clear: both;
	background-image: url( '../images/trcnr.gif' );
	background-repeat: no-repeat;
	background-position: top right;
}


#trcnr {
	float: left;
	width:76px;
	height:60px;
}



#header a {
	width:72px;
	padding-top: 76px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	margin-top: 13px;
}

#header a:hover, #header a:focus {
	background-position: -72px 0;
}

a#home {
	background-image: url( '../images/home.gif' );
}

a#examples {
	background-image: url( '../images/portfolio.gif' );
}

a#references {
	background-image: url( '../images/references.gif' );
}

#header h1 {
	margin: 0;
	padding: 0;
	float: left;
}

#header h1 a {
	display:block;
	width: 208px;
	height: 109px;
	text-indent: -1000em;
	background-image: url( '../images/logo.gif' );
	padding-top: 0;
	margin-top: 0;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	color: #0000ff;
}

#header h1 a:hover, #header h1 a:focus {
	background-position: 0 0;
}


#header ul, #header li {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}

#header ul {
	width:476px;
}

#header ul li {
	width: 168px;
}

#header ul li a {
	margin-left: 96px;
}

#header ul li#home_link {
	width: 140px;
	background-image: url( '../images/line1.gif' );
	background-repeat: no-repeat;
	background-position: 0 47px;
}

#header ul li#home_link a {
	margin-left: 68px;
}



#header ul li#examples_link {
	background-image: url( '../images/line2.gif' );
	background-repeat: no-repeat;
	background-position: 0 47px;
}

#header ul li#references_link {
	background-image: url( '../images/line3.gif' );
	background-repeat: no-repeat;
	background-position: 0 47px;
}


#main {
	background-image: url( '../images/left.gif' );
	background-repeat: repeat-y;
	float: left;
	clear: both;
	width: 760px;
}

div#sec_nav {
	width: 208px;
	float: left;
	font-size: 0.9em;
	height: 411px;
	background-image: url( '../images/llcnr.gif' );
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#sec_nav ul {
	margin-top: 30px;
	margin-left: 50px;
	margin-right: 20px;
	padding: 0;
	list-style-image: url('../images/bullet.gif');
}

div#sec_nav ul li {
	margin-top: 15px;
	font-weight: bold;
}

div#sec_nav ul li ul{
    margin-top: 10px;
	margin-left: 1.2em;
	list-style-image: url('../images/bullet2.gif');
}

div#sec_nav ul li ul li {
	margin-top: 10px;
	font-weight: normal;
}

div#sec_nav a {
	color: #FFFFFF;
	text-decoration: none;
}

div#sec_nav a:hover, div#sec_nav a:focus {
	color: #e6aa04;
}


#main #main_text {
	width: 552px;
	height: 411px;
	float: left;
	overflow: auto;
}

.content {
	padding-left: 102px;
	padding-right: 102px;
	padding-bottom: 10px;
	padding-top: 10px;
}

a#skipper {
	position: absolute;
	top: 110px;
	left: -1000em;
}

a#skipper:hover, a#skipper:focus {
	position: absolute;
	top: 110px;
	left: 0;
}


#llcnr {
	float: left;
}

object, embed {
	width: 444px;
	height: 222px;
	margin-left: 27px;
}

* html body object, * html body object embed {
	width: 444px;
	height: 222px;
	margin-left: 50px;
}


#main_text dt {
	font-weight: bold;
	margin-top: 0.8em;
}

#main_text dd {
	margin-left: 0;
}

#main_text ul {
	margin: 0;
	padding-left: 1.2em;
	padding-top: 0;
}



#main_text li {
	margin-top: 0.25em;
	margin-left: 0;
	padding-left: 0;
	font-size: 0.9166666666666667em;
}


sup {
	font-size: 0.6em;
}

#main_text p {
	margin-bottom: 0;
}

#main_text h1 {
	font-size: 1.6em
}

#main_text h2 {
	font-size: 1.4em;
	margin-top: 1.6em;
}











#home_body #home,
#home_intro #home,
#home_special #home,
#home_crew #home,
#home_contact #home,

#examples_body #examples,
#examples_html #examples,
#examples_flash #examples,

#references_body #references,
#references_2002 #references, 
#references_2003 #references,
#references_2004 #references, 
#references_2005 #references,
#references_2006 #references,
#references_2007 #references{
	background-position: -72px 0;
}

#home_intro #intro,
#home_special #special,
#home_crew #staff,
#home_contact #contact,

#examples_html #html,
#examples_flash #flash,

#references_2002 #r_2002,
#references_2003 #r_2003,
#references_2004 #r_2004,
#references_2005 #r_2005,
#references_2006 #r_2006,
#references_2007 #r_2007{
	color: #e6aa04;
}