@charset "utf-8";
/* CSS Document */

/* Global resets
------------------------------------------------------------------*/

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,
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: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

/* remember to define focus styles! */
:focus 
{
	outline: 0;
}

body
{
	text-align: left;
	font: 85%/1.5 Arial, sans-serif;
	color: #666;
	background: #fff url(bg.gif) repeat-y center;
}

.clear
{
	clear: both;
}

#container
{
	width: 800px;
	margin: 0 auto;
	position: relative;
}

#logo
{
	position: absolute;
	left: 0;
	top: 0;
	background: url(transite-logo.gif) no-repeat 0 0;
	width: 140px;
	height: 732px;
}

ul#nav
{
	position: absolute;
	list-style-type: none;
	left: 170px;
	top: 58px;
	background: url(nav.gif) no-repeat 0 0;
}

ul#nav li
{
	width: 174px;
	height: 32px;
}

ul#nav li a
{
	display: block;
	width: 174px;
	height: 32px;
	text-indent: -9000px;
}

a.nav1:link,
a.nav1:visited
{
	background: url(nav.gif) no-repeat 0 0;
}

a.nav1:hover,
a.nav1:focus
{
	background: url(nav.gif) no-repeat -174px 0;
}

a.nav1:active,
#current a.nav1:link,
#current a.nav1:visited,
#current a.nav1:hover
{
	background: url(nav.gif) no-repeat -348px 0;
}

a.nav2:link,
a.nav2:visited
{
	background: url(nav.gif) no-repeat 0 -32px;
}

a.nav2:hover,
a.nav2:focus
{
	background: url(nav.gif) no-repeat -174px -32px;
}

a.nav2:active,
#current a.nav2:link,
#current a.nav2:visited,
#current a.nav2:hover
{
	background: url(nav.gif) no-repeat -348px -32px;
}

a.nav3:link,
a.nav3:visited
{
	background: url(nav.gif) no-repeat 0 -64px;
}

a.nav3:hover,
a.nav3:focus
{
	background: url(nav.gif) no-repeat -174px -64px;
}

a.nav3:active,
#current a.nav3:link,
#current a.nav3:visited,
#current a.nav3:hover
{
	background: url(nav.gif) no-repeat -348px -64px;
}

a.nav4:link,
a.nav4:visited
{
	background: url(nav.gif) no-repeat 0 -96px;
}

a.nav4:hover,
a.nav4:focus
{
	background: url(nav.gif) no-repeat -174px -96px;
}

a.nav4:active,
#current a.nav4:link,
#current a.nav4:visited,
#current a.nav4:hover
{
	background: url(nav.gif) no-repeat -348px -96px;
}

a.nav5:link,
a.nav5:visited
{
	background: url(nav.gif) no-repeat 0 -128px;
}

a.nav5:hover,
a.nav5:focus
{
	background: url(nav.gif) no-repeat -174px -128px;
}

a.nav5:active,
#current a.nav5:link,
#current a.nav5:visited,
#current a.nav5:hover
{
	background: url(nav.gif) no-repeat -348px -128px;
}

a.nav6:link,
a.nav6:visited
{
	background: url(nav.gif) no-repeat 0 -160px;
}

a.nav6:hover,
a.nav6:focus
{
	background: url(nav.gif) no-repeat -174px -160px;
}

a.nav6:active,
#current a.nav6:link,
#current a.nav6:visited,
#current a.nav6:hover
{
	background: url(nav.gif) no-repeat -348px -160px;
}

a.nav7:link,
a.nav7:visited
{
	background: url(nav.gif) no-repeat 0 -192px;
}

a.nav7:hover,
a.nav7:focus
{
	background: url(nav.gif) no-repeat -174px -192px;
}

a.nav7:active,
#current a.nav7:link,
#current a.nav7:visited,
#current a.nav7:hover
{
	background: url(nav.gif) no-repeat -348px -192px;
}

a.nav8:link,
a.nav8:visited
{
	background: url(nav.gif) no-repeat 0 -224px;
}

a.nav8:hover,
a.nav8:focus
{
	background: url(nav.gif) no-repeat -174px -224px;
}

a.nav8:active,
#current a.nav8:link,
#current a.nav8:visited,
#current a.nav8:hover
{
	background: url(nav.gif) no-repeat -348px -224px;
}

a.nav9:link,
a.nav9:visited
{
	background: url(nav.gif) no-repeat 0 -256px;
}

a.nav9:hover,
a.nav9:focus
{
	background: url(nav.gif) no-repeat -174px -256px;
}

a.nav9:active,
#current a.nav9:link,
#current a.nav9:visited,
#current a.nav9:hover
{
	background: url(nav.gif) no-repeat -348px -256px;
}

a.nav10:link,
a.nav10:visited
{
	background: url(nav.gif) no-repeat 0 -288px;
}

a.nav10:hover,
a.nav10:focus
{
	background: url(nav.gif) no-repeat -174px -288px;
}

a.nav10:active,
#current a.nav10:link,
#current a.nav10:visited,
#current a.nav10:hover
{
	background: url(nav.gif) no-repeat -348px -288px;
}

a.nav11:link,
a.nav11:visited
{
	background: url(nav.gif) no-repeat 0 -320px;
}

a.nav11:hover,
a.nav11:focus
{
	background: url(nav.gif) no-repeat -174px -320px;
}

a.nav11:active,
#current a.nav11:link,
#current a.nav11:visited,
#current a.nav11:hover
{
	background: url(nav.gif) no-repeat -348px -320px;
}

#current a
{
	cursor: default;
}

#page
{
height: 99%;
margin-left: 401px;
padding: 78px 0 0;
}

#high
{
	width: 1px;
	height: 700px;
}

#pagecontent
{
	background: #fff;
	margin: 0 -1px;
	padding: 0 1px;
}

img.left
{
	float: left;
	margin: 5px 15px 15px 0;
}

h3.linkcat
{
	font-size: 120%;
}

div.superlink
{
	border-top: 1px solid #ddd;
	clear: both;
	padding-top: 10px;
}

div.superlink img
{
	float: left;
	width: 150px;
	margin: 6px 15px 15px 0;
	border: 1px solid #ddd;
}

div.superlink a
{
	font-weight: bold;
}

.zemContactForm ul
{
	background: #eee;
	padding: 15px;
	border: 1px solid #ddd;
}

.zemContactForm input,
.zemContactForm textarea
{
	width: 330px;
}

.zemContactForm label
{
	display: block;
}

.zemContactForm input.zemSubmit
{
	width: 100px;
}

#pagecontent h2 .pgtitle
{
	margin: 35px 0;
}

.imgcapt p
{
	font: 80%/ 1 Arial, sans-serif;
	font-style: italic;
	padding-bottom: 28px;
}

#bodytext
{
	padding: 0 0 28px;
	border-bottom: 1px solid #d2d2d2;
}

#bodytext a,
#bodytext a:link,
#bodytext a:visited
{
	text-decoration: none;
	color: #f23419;
	border-bottom: 1px solid #fcd6d1;
}

#bodytext a:hover,
#bodytext a:focus,
#bodytext a:active
{
	color: #000;
	border-bottom: 1px solid #f23419;
}	

#bodytext p,
#bodytext ul
{
	margin-bottom: 1em;
}

#bodytext h3
{
	font-weight: bold;
	color: #555;
	margin-bottom: .5em;
}

#bodytext ul
{
	list-style: none;
}

#bodytext ul li
{
	background: url(bullet.gif) no-repeat left 3px;
	padding: 0 0 0 12px;
	margin-bottom: 1.5em;
	line-height: 1em;
}

#bodytext blockquote
{
	padding-left: 50px;
	background: url(testim.gif) no-repeat left 5px;
}

#extrafooter
{
	padding: 28px 0;
	font-size: 80%;
}

#extrafooter h3
{
	font-weight: bold;
}

#euralogo
{
	width: 84px;
	height: 78px;
	float: left;
	margin: 0 17px 17px 0;
}

#euralogo a,
#euralogo a:link,
#euralogo a:visited
{
	display: block;
	width: 84px;
	height: 78px;
	background: url(eura.gif) no-repeat 0 0;
	text-indent: -9000px;
}

#euralogo a:hover,
#euralogo a:focus,
#euralogo a:active
{
	background-position: 0 -78px;
}
