@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:100,200,400,700);

@font-face {
  font-family: 'BebasNeueRegular';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/BebasNeue-webfont.eot');
  src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
}
@font-face {
  font-family: 'YanoneKaffeesatzRegular';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot');
  src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('fonts/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
}


body, input, td, select, textarea {
   font-family: 'Roboto Slab', YanoneKaffeesatzRegular,Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;
   color: #BEBEBE;
   margin: 0;
   padding: 0;
}

div{
   padding:0;
   margin:0;
   text-align:left;
}

body{
   background:url("bg.jpg") no-repeat scroll center 0 #000000;
   color: #FFF;
   font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
   font-size: 11pt;
   margin: 0;
   padding:0;
text-shadow: 0px 3px 6px rgba(0, 0, 0); /* Fallback */
text-shadow: 0px 3px 6px rgba(0, 0, 0, 255);
   text-align:center;
}

222body{
   background:url("bg.jpg") no-repeat scroll center 0 #000000;
   color: #FFF;
   font-family: YanoneKaffeesatzRegular,Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
   margin: 0;
   padding:0;
text-shadow: 0px 3px 6px rgba(0, 0, 0); /* Fallback */
text-shadow: 0px 3px 6px rgba(0, 0, 0, 255);
   text-align:center;
}

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

#subcontainer{
position:relative;
width: 700px;
}

#subcontainer {
    position: relative;
    width: 100%;
}

#head{
width:960px;
height:150px;
padding:0;
}

#body{
background:transparent;
padding:1px 20px 1px 30px;
}

#foot{
width:1000px;
height:63px;
color: #898787;
}



.clear{clear:both;
}



/*--------------  formatting styles ----------------*/ 



h1{
	font: normal 36px YanoneKaffeesatzRegular,Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
}

h2{
    font:normal 28px YanoneKaffeesatzRegular,Verdana, Arial, Helvetica, sans-serif;
    color:#9291B8;
}

h1, h2, h3{margin:10px 0 0 0;
padding:0;
}

h3{
	font: normal 24px YanoneKaffeesatzRegular,Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
}

h4{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #FF9900;
}

p{margin:5px 0 10px 0;
padding:0;
}

a:link, a:visited, a:active, a:hover{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#DFAC1D;
}

ul{list-style-type: none;
margin:0 0 0 5px;
padding:0;
}

#body li{background:url(../images/bullet_bluebox.gif) no-repeat center left;
padding:0 0 0 10px;
margin:0;
}

td{margin:0;
padding:5px;
}

.new{color:red;
font-size:9px;
}



/*--------------  side nav structure ----------------*/

#side{
position:relative;
width:247px;
float:right;
margin:0px -27px 0 27px;
}

#side .header h1{padding:5px 0 0 7px;
}

#side p{color:#999999;
}

#side ul li, #side ul{background:none;
margin:0;
padding:0;
}

#side ul{height:1%;
}

#side ul li a:link, #side ul li a:visited, #side ul li a:active, #side ul li a:hover{text-decoration:none;
padding:8px 0 8px 17px;
display:block;
width:217px;
border-bottom:1px solid #333333;
}

#side ul li a:hover{background:#000;
}

#side ul li a.first{border-top:1px solid #333333;
}



/*--------------  Navigation ----------------*/ 

#topnav ul{margin:0;
padding:0;
}

#topnav ul li{float:left;
margin:0 1px 0 1px;
list-style:none;
}

#topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:active, #topnav ul li a:hover{
height:21px;
padding:8px 20px 0 0;
display:block;
text-align:center;
font: 26px BebasNeueRegular,Tahoma,Arial,Helvetica,sans-serif;
text-decoration:none;
color:#FF9900;
text-transform:uppercase;
text-shadow: 0px 0px 13px rgba(0, 0, 0); /* Fallback */
text-shadow: 0px 0px 13px rgba(0, 0, 0, 1); 
}

#topnav ul li a:hover{
color:#FFFFFF;
text-shadow: 0px 0px 13px rgba(255, 255, 255); /* Fallback */
text-shadow: 0px 0px 13px rgba(255, 255, 255, 1); 
}

#topnav ul li a.active:link, #topnav ul li a.active:visited, #topnav ul li a.active:active, #topnav ul li a.active:hover{
color:#000;
}

#topnav {margin:55px 0 0 300px;
position:absolute;
}

#home_link{
    background: url("logo.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 150px;
    position: absolute;
    top: 0;
    width: 280px;

}

#home_link span{height:1px;
position:absolute;
margin-top:-999px;
}


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

#foot{padding:20px 20px; text-align:center}

#foot a {
    text-decoration:none;
    font-family: 'Roboto Slab',YanoneKaffeesatzRegular,Verdana, Arial, Helvetica, sans-serif;
}


/*------------------------------ contact / form pages styles -------------------------------*/

textarea, input, select{
border:1px solid #CCC;
}

#contact_form label{display:block;
}

#contact_form .textfield{
width:200px;
height:15px;
}

#contact_form input, #contact_form select{width:255px;
margin-bottom:12px;
height:15px;
}

#contact_form select{height:19px;
width:259px;
}

#contact_form textarea{
width:360px;
height:225px;
margin:0 0 12px 0;
}

#contact_form{
width:660px;
margin:0 0 40px 30px;
}

#contact_form #send {width:auto;
height:auto;
margin:0 0 0 300px;
display:block;
border:none;
}

.required{color:red;}

.form_right_col{float:right;}
p.copy {font-size: 0.8em;}

.bubble {
 -moz-border-radius: 10px 10px 10px 10px; /* Firefox */
-webkit-border-radius: 10px 10px 10px 10px; /* WebKit */
border-radius: 10px 10px 10px 10px; /* Standard */ 
    background: none repeat scroll 0 0 #000000;
    margin: 0 auto;
    opacity: 0.5;
    padding: 5px;
    width: 70%;
}