html {
	margin: 0;
	padding: 0;
	text-align: center;
	}

body {
	margin: 0 20px;
	padding: 0;
	font-size: 70%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	text-align: center;
	background: #595959 url(../img/bg_body.jpg) 0 0 repeat-x;
	}

body * { 
	margin: 0; 
	padding: 0;
	}



/*--- Type -----------------------------------*/

p { font-size: 1em; line-height: 1.5em; }

h2, h3, h4, h5, h6 { color: #000; }

h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }

ul, li { list-style-type: none; }

a, a:visited, a:active { text-decoration: none; color: #cd8e34; outline: none; }
a:hover { text-decoration: underline; }

img { border: 0; }



/*--- Layout -----------------------------------*/

#header {
	margin: 0 auto;
	text-align: left;
	width: 920px;
	height: 60px;
	display: block;
	background: transparent url(../img/bg_topbar.gif) 0 100% repeat-x;
	}

#container {
	width: 920px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background: transparent url(../img/bg_container.gif) 0 0 repeat-y;
	clear: both;
	padding-bottom: 1px; /* FireFox display issue */
	}

#nav {
	float: left;
	width: 190px;
	position: relative;
	}

#main {
	width: 630px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 60px;
	}

#footer {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 920px;
	height: 75px;
	}



/*--- Header -----------------------------------*/

p.bridge { float: left; width: 335px; height: 30px; margin: 12px 0 0 0; padding: 0; font-size: .5em; line-height: .5em; text-indent: -9999px; background: transparent url(../img/bg_gap.gif) 0 0 no-repeat; }
p.bridge:hover { background: transparent url(../img/bg_gap.gif) 0 -30px no-repeat; }

p.contact a { float: right; width: 255px; height: 30px; margin: 12px 0 0 0; padding: 0; font-size: .5em; line-height: .5em; text-indent: -9999px; background: transparent url(../img/bg_contact.gif) 0 0 no-repeat; }
p.contact a:hover { background: transparent url(../img/bg_contact.gif) 0 -30px no-repeat; }



/*--- Titles -----------------------------------*/

h1 { width: 60px; display: block; float: left; font-size: 1px; line-height: 1px; text-indent: -9999px; }

#home #main { background: transparent url(../img/head_welcome.gif) 0 100% no-repeat; }
#services #main { background: transparent url(../img/head_services.gif) 0 100% no-repeat; }
#staff #main { background: transparent url(../img/head_staff.gif) 0 100% no-repeat; }
#uploads #main { background: transparent url(../img/head_uploads.gif) 0 100% no-repeat; }
#downloads #main { background: transparent url(../img/head_downloads.gif) 0 100% no-repeat; }
#links #main { background: transparent url(../img/head_links.gif) 0 100% no-repeat; }
#contact #main { background: transparent url(../img/head_contact.gif) 0 100% no-repeat; }



/*--- Nav -----------------------------------*/

img.logo { border: 0; margin: 10px 0 0 5px; position: relative; }

#menu { position: relative;  width: 185px; height: 168px; margin: 12px 0 0 0; background: transparent url(../img/buttons_nav.gif) 0 0 no-repeat; }

#menu li { list-style: none; position: absolute; }
#menu li, #menu a { height: 24px; display: block; }
#menu li a { text-indent: -9999px; text-decoration: none; voice-family: "\"}\""; voice-family: inherit; }

#mhome { width: 185px; top: 0px; }
#mservices { width: 185px; top: 24px; }
#mstaff { width: 185px; top: 48px; }
#muploads { width: 185px; top: 72px; }
#mdownloads { width: 185px; top: 96px; }
#mlinks { width: 185px; top: 120px; }
#mcontact { width: 185px; top: 144px; }

#mhome a:hover { background: transparent url(../img/buttons_nav.gif) -185px 0px no-repeat; }
#mservices a:hover { background: transparent url(../img/buttons_nav.gif) -185px -24px no-repeat; }
#mstaff a:hover { background: transparent url(../img/buttons_nav.gif) -185px -48px no-repeat; }
#muploads a:hover { background: transparent url(../img/buttons_nav.gif) -185px -72px no-repeat; }
#mdownloads a:hover { background: transparent url(../img/buttons_nav.gif) -185px -96px no-repeat; }
#mlinks a:hover { background: transparent url(../img/buttons_nav.gif) -185px -120px no-repeat; }
#mcontact a:hover { background: transparent url(../img/buttons_nav.gif) -185px -144px no-repeat; }

#home #mhome, #home #mhome a:hover { background: transparent url(../img/buttons_nav.gif) -370px 0px no-repeat; cursor: default; }
#services #mservices, #services #mservices a:hover { background: transparent url(../img/buttons_nav.gif) -370px -24px no-repeat; }
#staff #mstaff, #staff #mstaff a:hover { background: transparent url(../img/buttons_nav.gif) -370px -48px no-repeat; }
#uploads #muploads, #uploads #muploads a:hover { background: transparent url(../img/buttons_nav.gif) -370px -72px no-repeat; }
#downloads #mdownloads, #downloads #mdownloads a:hover { background: transparent url(../img/buttons_nav.gif) -370px -96px no-repeat; }
#links #mlinks, #links #mlinks a:hover { background: transparent url(../img/buttons_nav.gif) -370px -120px no-repeat; }
#contact #mcontact, #contact #mcontact a:hover { background: transparent url(../img/buttons_nav.gif) -370px -144px no-repeat; }



/*--- Subnav -----------------------------------*/

#sub {
	list-style-type: none;
	color: #000;
	padding: .75em 0 0 0;
	border-top: 1px solid #000;
	}
	
#sub li {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: bold;
	display: block;
	padding: 0 12px 0 0;
	border-bottom: 1px solid #fff;
	}

#sub li a {
	display: block;
	padding: .5em 20px .5em 0;
	color: #000;
	background: transparent url(../img/bul_arrow_grey.gif) 100% .6em no-repeat;
	}

#sub li a:hover {
	background: transparent url(../img/bul_arrow_black.gif) 100% .6em no-repeat;
	text-decoration: none;
	}

#sub li.stretch_active a { color: #cd8e34; background: transparent url(../img/bul_arrow_orange.gif) 100% .6em no-repeat; }

.bug { margin: 5px 0 10px 0; }

#flashcontent { padding: 0 0 0 14px; margin: 0 0 20px 0; }



/*--- Main -----------------------------------*/

.holder {
	margin: 0 0 0 20px;
	}

.secondary {
	float: left;
	width: 160px;
	text-align: right;
	}

.secondary h3 {
	color: #000;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
	padding: 0;
	margin: 0 0 1em 0;
	}

.secondary p {
	font-style: normal;
	color: #999;
	}

.secondary p em {
	font-style: italic;
	}

.description {
	float: left;
	margin: 0 0 0 25px;
	width: 370px;
	}

.description p {
	padding: 0 10px 0 0;
	}

h2 {
	background: #fff url(../img/dot.gif) 0 100% repeat-x;
	padding: .75em 0 .25em 0;
	margin: 0 0 1em 0;
	border-top: 1px solid #000;
	}

h2.intro {
	background: #fff url(../img/dot.gif) 0 100% repeat-x;
	padding: .75em 0 .25em 0;
	margin: 0 50px 15px 0;
	border-top: 1px solid #000;
	}

h3 {
	background: #fff url(../img/dot.gif) 0 100% repeat-x;
	padding: 0 0 .35em 0;
	margin: .2em 0 1em 0;
	}

h3.title {
	border-top: 1px solid #000;
	background: transparent url(../img/dot.gif) 0 100% repeat-x;
	padding: .75em 0 .25em 0;
	margin: 0 0 1em 0;
	}

#main p, #main ul, #main ol { margin: 0 0 1em 0; }

h4 { margin: .5em 0; }

.secondary h2 {
	border: none;
	background: none;
	padding: 0;
	margin: 1em 0 .5em 0;;
	}

ul.links { border-top: 1px solid #999; }
ul.links li { background: transparent url(../img/dot.gif) 0 100% repeat-x; font-size: 1em; }
ul.links li a { display: block; padding: .5em 0 .5em 25px; }
ul.links li em { display: block; padding: 0 0 .5em 25px; font-size: .9em; font-style: normal; }

ul.iconlist li {
	padding: .35em 0 .35em 25px;
	font-size: 1em;
	}

.out { background: transparent url(../img/icon_link.gif) .35em .5em no-repeat; }
.doc { background: transparent url(../img/icon_doc.gif) .35em .5em no-repeat; }
.email { background: transparent url(../img/icon_email.gif) .35em .35em no-repeat; }
.fax { background: transparent url(../img/icon_fax.gif) .35em .35em no-repeat; }
.cell { background: transparent url(../img/icon_cell.gif) .35em .35em no-repeat; }
.phone { background: transparent url(../img/icon_phone.gif) .35em .35em no-repeat; }
.pager { background: transparent url(../img/icon_pager.gif) .35em .35em no-repeat; }
.web { background: transparent url(../img/icon_web.gif) .35em .35em no-repeat; }
.home { background: transparent url(../img/icon_home.gif) .35em .35em no-repeat; }

a.inlineout { padding: 0 15px 0 0 ; background: transparent url(../img/icon_link.gif) right 0 no-repeat; }
a.inlinedoc { padding: 0 0 0 20px; background: transparent url(../img/icon_doc.gif) 0 0 no-repeat; }
a.inlineemail { padding: 0 0 0 20px; background: transparent url(../img/icon_email.gif) 0 0 no-repeat; }

ul.list { padding: 0px; text-align: left; }
ul.list li { padding: .35em 0 .35em 12px; background: transparent url(../img/bul.gif) 0 .6em no-repeat; }

ul.list ul { padding: 10px 0 0 10px; }
ul.list ul li { background: transparent url(../img/bul2.gif) 0 .6em no-repeat; }

ul.homelist {  padding: 0 0 0 10px; text-align: left; }
ul.homelist li { padding: .35em 0 .35em 12px; background: transparent url(../img/bul.gif) 0 .6em no-repeat; }

ul.lwrap li { 
	display: block;
	float: left;
	width: 120px;
	padding-right: .5em;
	}
	
.stretcher p, .stretcher h1, .stretcher h2, .stretcher h3, .stretcher h4, .stretcher ol, .stretcher ul, .stretcher li { background-color: #FFF; }



/*--- Staff Toons -----------------------------------*/

#toon { width: 572px; height: 174px; display: block; position: relative; margin: 0 0 20px 0; left: 13px; background: transparent url(../img/bg_toon.jpg) 0 0 no-repeat; }

#toon li { list-style: none; position: absolute; }
#toon li, #toon a { height: 174px; display: block; }
#toon li a { text-indent: -9999px; text-decoration: none; voice-family: "\"}\""; voice-family: inherit; }

#tandy { width: 143px; left: 0px; }
#tvict { width: 143px; left: 143px; }
#tabby { width: 143px; left: 286px; }
#tdana { width: 143px; left: 429px; }

#tandy.stretchtoggle a { background: transparent url(../img/staff_toons.gif) 0px 0px no-repeat; }
#tvict.stretchtoggle a { background: transparent url(../img/staff_toons.gif) -143px 0px no-repeat; }
#tabby.stretchtoggle a { background: transparent url(../img/staff_toons.gif) -286px 0px no-repeat; }
#tdana.stretchtoggle a { background: transparent url(../img/staff_toons.gif) -429px 0px no-repeat; }

#tandy.stretchtoggle a:hover { background: transparent url(../img/staff_toons.gif) 0px -174px no-repeat; }
#tvict.stretchtoggle a:hover { background: transparent url(../img/staff_toons.gif) -143px -174px no-repeat; }
#tabby.stretchtoggle a:hover { background: transparent url(../img/staff_toons.gif) -286px -174px no-repeat; }
#tdana.stretchtoggle a:hover { background: transparent url(../img/staff_toons.gif) -429px -174px no-repeat; }

#tandy.stretch_active { background: transparent url(../img/staff_toons.gif) 0px -174px no-repeat; }
#tvict.stretch_active { background: transparent url(../img/staff_toons.gif) -143px -174px no-repeat; }
#tabby.stretch_active { background: transparent url(../img/staff_toons.gif) -286px -174px no-repeat; }
#tdana.stretch_active { background: transparent url(../img/staff_toons.gif) -429px -174px no-repeat; }



/*--- Upload Table -----------------------------------*/

table.upload {
	border-collapse: collapse;
	margin: 0 0 25px 0;
	border-top: 1px solid #000;
	background: #fff url(../img/dot.gif) 0 100% repeat-x;
	}

table.upload th {
	font-weight: bold;
	border-bottom: 1px solid #eee;
	font-size: 1em;
	text-align: left;
	padding: .75em 0 .5em 10px;
	color: #000;
	}

td.tname {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 5px 10px;
	font-weight: normal;
	text-align: right;
	color: #000;
	}

td.tfield {
	padding: 5px 10px;
	border-bottom: 1px solid #eee;
	}

td.tfield input {
	width: 150px;
	}

td.tsubmit {
	padding: 5px 10px
	}



/*--- Footer -----------------------------------*/

#home #footer { background: transparent url(../img/bg_footer_welcome.gif) 0 0 no-repeat; }
#services #footer { background: transparent url(../img/bg_footer_services.gif) 0 0 no-repeat; }
#staff #footer { background: transparent url(../img/bg_footer_staff.gif) 0 0 no-repeat; }
#uploads #footer { background: transparent url(../img/bg_footer_uploads.gif) 0 0 no-repeat; }
#downloads #footer { background: transparent url(../img/bg_footer_downloads.gif) 0 0 no-repeat; }
#links #footer { background: transparent url(../img/bg_footer_links.gif) 0 0 no-repeat; }
#contact #footer { background: transparent url(../img/bg_footer_contact.gif) 0 0 no-repeat; }



/*--- Extra -----------------------------------*/

.clearall { clear: both; height: 1%; font: 1px/5px "Georgia", serif; /*Deals with IE Win*/ }