/*
Authored by the Tombras Group, www{dot}tombras{dot}com 

ROUGH TOC:
- Essential
- Sandbox
- Structural Items by order in document
- Typographic Items
- Forms
*/

/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { 
height: 100%; margin-bottom: 1px; 
}

body {
margin: 0;
padding: 0;
font: 12px/20px "Helvetica Neue", "Helvetica" , Arial, Verdana, sans-serif;
color: #5A5A5A;
height: 100%;
background: #E5E5E5;
}

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

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 12px; font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #3f3f3f;text-decoration: none; outline: none;}
a:visited {color: #3f3f3f;}
a:hover {color: #000;}

a.external{
background: url(../images/external.gif) no-repeat right center;
padding-right: 12px;
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

a.print-me{
background: url(_images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url(../images/pdf-icon.gif) no-repeat right center;
padding-right: 20px;
}

.flt-right{
float: right;
}

.flt-left{
float: left;
}


/*
----------------------------------------------------------------------------- 
FLASH - BG
-----------------------------------------------------------------------------*/
div#flash-container {
	height:100%;
	overflow:visible;
	width:100%;
	z-index: 0;
}
div#background {
	height:100%;
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
}
#flash-background {
	height:100%;
}



/*
----------------------------------------------------------------------------- 
SANDBOX
-----------------------------------------------------------------------------*/

h4#lang{
position: absolute;
top: -23px;
left: 496px;
color: #B7B7B7;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
}

ul#lang-select{
margin: 0;
position: absolute;
top: -20px;
left: 612px;
}

ul#lang-select li{
float: left;
}

ul#lang-select li a{
display: block;
background: url(../images/lang-sel-bg.gif) no-repeat left top;
width: 21px;
height: 15px;
text-indent:-200000px;
margin-right: 4px;
}

ul#lang-select li#en a:hover{
background-position: 0 -15px;
}

ul#lang-select li#de a{
background-position: -26px 0;
}

ul#lang-select li#de a:hover{
background-position: -26px -15px;
}


/* Secondary Content
---------------------------------------------------- */


/*
----------------------------------------------------------------------------- 
Wrappers
-----------------------------------------------------------------------------*/

div#content-wrapper{
width: 960px;
margin: 0 auto;
height: 100%;
position: relative;
top: 27px;
}

div#page-wrapper{
	position:absolute;
	height: 100%;
	width:100%;
	background: url(../images/topnav-bg.png) repeat-x left top;
	left:0;
	top:0;
	z-index:4;
}

div#content{
height: 100%;
}

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

ul#primary-nav{
margin: 0;
position: absolute;
top: -27px;
left: 0;
}

ul#primary-nav li{
float:left;
}

ul#primary-nav li a{
display: block;
background: red;
height: 27px;
font: bold 11px/28px  "Helvetica Neue",sans-serif;
text-transform: uppercase;
color: #D1D1D1;
padding-left: 26px;
}

ul#primary-nav li#prim-1 a{
background: url(../images/prim-li-bg.gif) no-repeat left top;
width: 187px;
}

ul#primary-nav li#prim-2 a{
background: url(../images/prim-li-bg-02.gif) no-repeat left top;
width: 85px;
}

ul#primary-nav li#prim-3 a{
background: url(../images/prim-li-bg-03.gif) no-repeat left top;
width: 104px;
}

ul#primary-nav li#prim-1 a:hover,
ul#primary-nav li#prim-2 a:hover,
ul#primary-nav li#prim-3 a:hover{
background: #000;
}

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

div#main-content{
width: 415px;
float: right;
margin: 20px 50px 0 0;
}

div#main-content h1{
display: block;
background: url(../images/logo.png) no-repeat left top;
width: 156px;
height: 67px;
text-indent: -200000px;
}

div#main-content h2{
font: 13px/20px "Arial Black", sans-serif;
margin-bottom: 3px;
}

div#main-content p{
width: 75%;
}

/*
----------------------------------------------------------------------------- 
Secondary Content
-----------------------------------------------------------------------------*/

div#secondary-content{
background: #5E5E5E url(../images/secondary-content-bg.png) repeat-x left top;
width: 410px;
float:left;
height: 100%;
padding: 25px 22px 20px 22px;
}

div#secondary-content h3{
background: url(../images/alpha-title-bg.gif) no-repeat top left;
width: 352px;
height: 88px;
text-indent: -200000px;
margin-bottom: 25px;
}


top-ten{
background: url(../images/alpha-title-bg.gif) no-repeat top left;
width: 352px;
height: 88px;
text-indent: -200000px;
margin-bottom: 25px;
}

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

ol li{
clear: both;
margin: 0 0 12px 0;
}

ol li a{
display: block;
padding-top: 1px;
}

span.number{
display: block;
background: #DDD;
width: 37px;
height: 29px;
float:left;
margin: 0 9px 0 0;
background: url(../images/list-item-numbers.png) no-repeat -39px 0;
}

span.description{
display:block;
font: 16px/25px "Arial Black", sans-serif;
color: #D1D1D1;
margin: 1px 0 0 0;
height: 27px;
}

ol li.even span.description{
background: url(../images/list-bg-normal.png);
}

ol li a:hover span.description{
background: url(../images/list-bg-active.png);
color: #FFF;
}

li#ol-1 span.number{background-position: -39px 0;}
li#ol-1 a:hover span.number{background-position: 0 0;}

li#ol-2 span.number{background-position: -39px -38px;}
li#ol-2 a:hover span.number{background-position: 0 -38px;}

li#ol-3 span.number{background-position: -39px -79px;}
li#ol-3 a:hover span.number{background-position: 0 -79px;}

li#ol-4 span.number{background-position: -39px -119px;}
li#ol-4 a:hover span.number{background-position: 0 -119px;}

li#ol-5 span.number{background-position: -39px -159px;}
li#ol-5 a:hover span.number{background-position: 0 -159px;}

li#ol-6 span.number{background-position: -39px -199px;}
li#ol-6 a:hover span.number{background-position: 0 -199px;}

li#ol-7 span.number{background-position: -39px -239px;}
li#ol-7 a:hover span.number{background-position: 0 -239px;}

li#ol-8 span.number{background-position: -39px -279px;}
li#ol-8 a:hover span.number{background-position: 0 -279px;}

li#ol-9 span.number{background-position: -39px -320px;}
li#ol-9 a:hover span.number{background-position: 0 -320px;}

li#ol-10 span.number{background-position: -39px -362px;}
li#ol-10 a:hover span.number{background-position: 0 -362px;}

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

div#footer{

}

div#footer address{
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

form fieldset{
border: 1px solid #DDD;
width: 95%;
margin: 0 0 30px 0px;
padding: 15px 30px 40px 50px;
background: #FFF;
}

form legend{
padding: 0 10px;
text-transform: uppercase;
font-size: 10px;
}

form p{
margin-bottom: 10px;
clear; both;
}

form label{
display: block;
font-size: 14px;
text-transform: uppercase;
color: #696055;
letter-spacing: -1px;
}

form textarea{
height: 300px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;

}

form p input,
form textarea{
width: 90%;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
font-size: 18px;
}

form p.short input{
width: 155px;
}

form p.checkbox input{
width: auto;
}

form p.submit input{
width: auto;
background: #333;
color: #FFF;
padding: 3px 9px;
display: block;
margin: 0 auto;
}

form address{
font-style: normal;
font-size: 14px;
}

div.success{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div.failure{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div#content div.success h1{
font-size: 24px;
}

div#content div.failure h1{
color: red;
font-size: 24px;
}

form em{
color: #8F3023;
}

form select option{
margin-right: 5px;
}

/*
----------------------------------------------------------------------------- 
Site Content
-----------------------------------------------------------------------------*/
div#site-content{
	display:none;
}

.body-copy{
	font-size: 12px;
	padding: 15px;
}

.body-copy ul{
	padding-left: 5px;
}
.body-copy li{
	font-size:16px;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:bold;
	line-height:20px;
}

.body-copy h1{
	color: #F58026;
	font-size:25px;
	font-weight:bold;
	line-height:36px;
}

.body-copy h2{
	color: #578FC0;
	font-size:20px;
	font-weight:bold;
	line-height:36px;
}

.available-sites{
}

.available-sites ul{
	
}

.available-sites li{
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	list-style-image:url(../images/icon_pdf.gif);
	padding:2px 0px 2px 5px;
	margin:0px 0px 0px 30px;
}


.contact{
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
}

.available-map{
	float: right;
	background: url(../images/area-map.jpg) no-repeat top right;
	width:500px;
	height: 350px;
	margin:80px 10px 0px 0px;
}

/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/