/* Header, Navi */

h1 {
	margin-top:-10px;
	font-family:Sansation_Regular;
	font-weight:bold;
	font-size:40px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #B1B1B2;
}

h4 {
	font-family:Sansation_Regular;
	font-weight:bold;
	font-size:25px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #B1B1B2;
}

.beschreibung {
	font-family:Sansation_Regular;
	font-size:1.6em;
}
#head {
	width:986px;
	height:250px;
	margin:auto;
	background: url(../images/headerbg2.png) no-repeat;	
}

#logo {
	float:left;
	width:210px;
	height:250px;
}

.navibg {
	float:left;
	width:300px;
	height:137px;
	padding-top:113px;
	padding-left:60px;
}

/* Login, Register */

#loginbg {
	float:left;
	height:39px;
	padding-top:23px;
	padding-left:10px;
}

#logged {
	float:left;
	padding-left:7px;
	padding-top:24px;
	font-weight:bold;
}

#loggedin {
	float:left;
	padding-left:23px;
	font-weight:bold;
	font-size:1.1em;
}

#bla {
	float:left;
	background: url(../style/loginb.png);
	height:28px;
	width:87px;
	cursor:pointer;
	display:block;
}

#bla:hover {
	background: url(../style/loginb.png);
	height:28px;
	width:87px;
	cursor:pointer;
	background-position:left bottom;
}

#blu {
	float:left;
	background: url(../images/register2.png);
	height:28px;
	width:147px;
	cursor:pointer;
	display:block;
}

#blu:hover {
	background: url(../images/register2.png);
	height:28px;
	width:147px;
	cursor:pointer;
	background-position:left bottom;
}

#loginfadebg {
	width: 400px;
	height: 400px; 
	background: url(../images/login.png);
}

#cancelbut{
	float:right;
	padding-right:30px;
	padding-top:37px;
}

#logmail {
	padding-top:180px;
	padding-left:85px;
}

#logpass {

	padding-top:44px;
	padding-left:85px;

}

#login12 {
	float:left;
	padding-left:142px;
	padding-top:27px;

}

.loginlayout {
	height:40px;
	border:none;
	text-align: center;
	background-color:transparent;
	width:257px;
	font-size:1.3em;
	font-weight:bold;
}

#loggi {
	background: url(../images/loginb2.png);
	width:157px;
	height:33px;
	cursor:pointer;
	display:block;
}

#loggi:hover {
	background: url(../images/loginb2.png);
	width:157px;
	height:33px;
	cursor:pointer;
	background-position:left bottom;
}

.regiimg {
	background: url(../images/regiimg.png) no-repeat;
	width:220px;
	height:44px;
	margin-left:340px;
}

#regibut {
	background: url(../images/regibut.png);
	display:block;
	width:180px;
	height:43px;
	cursor:pointer;
	
	
}

#regibut:hover {
	background: url(../images/regibut.png);
	width:180px;
	height:43px;
	background-position:left bottom;
	cursor:pointer;
}

#quick {
	float:right;
}

.quick {
	padding-right:20px;
}

#quickcont {
	float:right;
	width:240px;
	padding-right:10px;
}



/* Content */



#contenttop {
	background: url(../images/conttop.png);
	width:970px;
	height:62px;
	margin:0 auto;
}

#contentbg {
	background: url(../images/contbg.png);
	margin:0 auto;
	width:970px;
	height:auto;
}

#contentfootbg {
	background: url(../images/contbot.png);
	height:250px;
	margin:0 auto;
}

#contentfoot {
	background: url(../images/contentfoot.png);
	height:250px;
	width:970px;
	margin:0 auto;
}

#content_all {
	padding-top:30px;
	width:920px;
	margin:auto;
	height:auto;	
}

#contactus {
	background: url(../images/contactus.png);
	width:220px;
	height:30px;
	float:right;
	margin-right:95px;
	margin-top:120px;
	cursor:pointer
	display:block;
}

#contactus:hover {
	background: url(../images/contactus.png);
	width:220px;
	height:30px;
	float:right;
	margin-right:95px;
	margin-top:120px;
	cursor:pointer;
	background-position:left bottom;
}

/* News */

.newsimg {
	border:4px solid #cbcbcb;
}

.newsimg:hover {
	border-color:#98bcdc;
}

#newsbg {
	background: url(../images/newsbg.png);
	width:510px;
	height:500px;
	
}

h2.acc_trigger {
	padding-top: 0px;	margin: 3px 0 5px 5px;
	background: url(../images/h2_trigger_a.png) no-repeat;
	height: 46px;	line-height: 46px;
	width: 490px;
	font-size: 1.6em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color: #0b6aa1;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #000;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 0 7px ; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 490px;
	clear: both;
	background: #eae7da;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container .block {
	padding: 10px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container h3 {
	
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border:4px solid #cbcbcb;
}

.acc_container img:hover {
	border-color:#98bcdc;
}

/* Shoutbox */

#shoutbg {
	background: url(../images/shoutbg.png) no-repeat;
	width:410px;
	height:500px;
	
	
}

.container {
	width: 390px; 
	margin-left:10px;
	height:300px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #202020;
	border-left: 1px solid #202020;
	width: 100%;
	
}
ul.tabs li {
	float: left;
	margin: 0;
	padding:0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #000;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #272727;
	
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #000; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #3c3c3c;
	
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #202020;
	border-bottom: 1px solid #202020; /*--Makes the active tab look like it's connected with its content--*/
	
}
.tab_container {
	
	clear: both;
	float: left; 
	width: 100%;
	height:268px;
background: #111;
	border: 1px solid #000;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px; 
}
.tab_content {
	width:360px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}


#footer {
	width:986px;
	height:80px;
	clear:both;
	background-image:url(../images/tes2t.png);
	margin:auto;
}

a.stufflink, a.stufflink:visited, a.stufflink:active {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a.stufflink:hover {
	color:#00d3ff;
	font-weight:bold;
	text-decoration:none;
}

a.headline {
	font-family:Sansation_Regular;
	font-weight:bold;
	font-size:18px;
	text-decoration: none;
	text-tranform:uppercase;
}

a.headline:hover {
	color:#4F97BD;
}

a.readmore {
	text-decoration: none;
	color:#3c4c54;
	font-size:11px;	
	font-family:Sansation_Regular;
	
}

a.readmore:hover {
	color:#000000;	
}

a.commentslink2 {
	line-height:25px;
	text-decoration: none;
	color:#3c4c54;
	font-size:15px;	
	font-family:Sansation_Regular;
}

a.commentslink2:hover {
	color:#000000;	
}

a.commentslink {
	text-decoration: none;
	color:#3c4c54;
	font-size:10px;	
	font-family:Sansation_Regular;
}

a.commentslink:hover {
	color:#000000;	
}

a.stufflink2, a.stufflink2:visited, a.stufflink2:active {
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
}

a.stufflink2:hover {
	color:#00d3ff;
	font-weight:bold;
	text-decoration:none;
}

a.boardlink, a.boardlink:visited, a.boardlink:active {
	color:#000000;
	font-size:9px;
	text-decoration:none;
}

a.boardlink:hover {
	color:#00d3ff;
	font-size:9px;
	text-decoration:none;
}

a.newslink, a.newslink:visited, a.newslink:active {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

a.newslink:hover {
	color:#00d3ff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

a.comments, a.comments:visited, a.comments:active {
	color:#000000;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
}

a.comments:hover {
	color:#00d3ff;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
}

a.white, a.white:visited, a.white:active {
	color:#000000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.white:hover {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.footer, a.white:visited, a.white:active {
	color:#fff;
	text-decoration:none;
}

a.footer:hover {
	color:#fff;
	text-shadow:3px 3px 3px #000;
	
}

a.grey, a.grey:visited, a.grey:active {
	color:#878787;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.grey:hover {
	color:#878787;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#resbg {
	width:290px;
	padding-top:50px;
	padding-left:15px;
}

#resultbg{
	
	
	width:270px;
	height:58px;
	
	cursor:pointer;
	display:block;
	background: url(../images/resultbg.png);
	
}

#resultbg:hover{
	background: url(../images/resultbg.png);
	cursor:pointer;
	width:270px;
	height:58px;
	background-position:left bottom;	
}



.opptag {
	position:absolute;
	text-transform:uppercase;
	
	padding-left:80px;
	padding-top:15px;
	font-size:1.2em;
	font-weight:bold;
}

.result {
	
	padding-top:15px;
	font-size:1.2em;
	font-weight:bold;
	padding-right:10px;
	text-align:right;
}

.result2 {
	
	padding-left:80px;
	padding-top:0px;
}


.small {
	color:#0b6aa1;
	font-size:0.9em;
	text-decoration:none;
}

.shouttext {
	color:#aaaaaa;
	
}

.polltext2 {
	font-size:1.1em;
	color:#000;

}

#shoutbox {
	width:288px;
	padding-left:13px;	
	padding-right:13px;

}

#shoutbox_name   {

	color:transparent;
	border:none;
}

#shoutbox_message {
	
	color:#ffffff;
	

}

.shoutb {
	float:left;
	height:30px;
	margin-top:5px;
	padding-left:3px;
}
input.shoutfield{
	width:149px;
	height:13px;
	border:none;
	padding:5px;
	background-image:url(../images/test.png);
	color:#ffffff
}

.shoutbutton {
	width:90px;
	height:23px;
	line-height:23px;
	text-align:center;
	float:left;
	margin-left:4px;
	margin-top:7px;
	background-image:url(../images/shout.png);
}

.polltitel {
	font-weight:bold;
	height:35px;
	line-height:35px;
	text-align:left;
	color:#0b6aa1;
	font-size:1.1em;
	
}
.poll {
	width:300px;
	float:left;
	height:30px;
	line-height:20px;
	
	margin-top:5px;
	
}

.top {
	padding-top:55px;
	padding-left:40px;
	height:25px;
	float:left;
}

#contact {
	width:986px;
	margin:auto;
	padding-right:20px;
	padding-top:px;
	float:left;
	font-weight:bold;
	color:#FFFFFF;
}
#copy {
	width:966px;
	padding-top:80px;
	padding-right:20px;
	text-align:right;
}





/* Filespic*/

.tab_2 {
	padding: 6px;
	background: url(../images/bg_files.png) repeat-x #FFF;
	border: 1px solid #CECED1;
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
}

.tab_3 {
	padding: 6px;
	background: url(../images/bg_files.png) repeat-x #FFF;
	border: 1px solid #CECED1;
	float:right;
	margin:0px 10px 0px 10px;
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
}

.tab_5 {
	
	float:right;
	
}
.tab_4 {
	padding: 6px;
	background: url(../images/bg_files.png) repeat-x #FFF;
	border: 1px solid #CECED1;
	text-align:center;
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
}

.border_1 {
	border-bottom: 1px solid #CECED1;
	padding: 6px;
	text-align:left;
}

.border_3 {
	border-bottom: 1px solid #CECED1;
	padding: 6px;
	text-align:right;
}

.border_4 {
	padding: 6px;

}


.border_5 {
	padding: 6px;
	text-align:right;
}

.rapic {
	text-align:left;
	float:left;
	margin:3px 5px 3px 5px;
}

.border_2 {
	padding: 6px;
	text-align:left;
}

.files_title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #000000;
  text-align:left;
  text-transform: none;
  border-bottom: 1px solid #A1A1A1;
  padding-bottom: 5px;
}

.clr { 
	clear:both; 
	padding:0; 
	margin:0; 
	background:none;
}





/*-------------
SEARCH
-------------*/

#searchForm fieldset {
    width:240px;
    position:relative;
    display:block;
	border:0;
	z-index:0;
}

div.input {
    width:120px;
    padding:5px 15px 5px 15px;
    border-radius:5px;
    border:1px solid #c6d2db;
    border-top:1px solid #b4c1cb;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
    float:right;
    background:#e8edf1;
}

   

input#s {
    width:100%;
    border:0;
    border-radius:20px;
    background:transparent;
    height:16px;
    color:#000;
    text-shadow:0 1px 1px #fff;
}

    input#s:focus {
        outline:none
    }

input#searchSubmit {
    width:19px;
    height:19px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/search-icon.png) no-repeat;
    border:0;
    position:absolute;
    top:23px; right:30px;
    z-index:5;
    display:none;
    cursor:pointer;
}




#tab_profile {
	padding: 6px;
	background: url(../images/bg_profilebutt.png) repeat-x #FFF;
	border: 1px solid #CECED1;
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
}
.border_1 {
	border-bottom: 1px solid #CECED1;
	padding: 6px;
}
.border_2 {
	padding: 6px;
}
#profile_button {
	background: url(../images/bg_profilebutt.png) repeat-x;
	border: 1px solid #CECED1;
	float: right; 
	padding: 5px;
	margin-left: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}
#profile_button:hover {
	background: url(../images/bg_profilebutt_hov.png) repeat-x;
}
.profile_title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #A7A7A6;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #A1A1A1;
  padding-bottom: 5px;
}
a.profile_butt, a.profile_butt:visited, a.profile_butt:active {
  font-size: 12px;
  color: #AEAFAD;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

a.profile_butt:hover {
  color: #737373;
  text-decoration: none;
  font-weight: bold;
}


/*-------------
DL Button
-------------*/


@font-face{
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.a-btn{
	cursor:pointer;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    padding:10px 30px 10px 70px;
    position:relative;
    display:block;
    overflow:hidden;
    margin:5px 6px 8px 0;
    background:#fff;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(255,255,255,1),0),color-stop(rgba(246,246,246,1),0.74),color-stop(rgba(237,237,237,1),1));
    background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    -webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
}
.a-btn-symbol{
    font-family:'WebSymbolsRegular', cursive;
    color:#555;
    font-size:20px;
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
    position:absolute;
    left:20px;
    line-height:32px;
    -webkit-transition:opacity 0.3s ease-in-out;
    -moz-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
}
.a-btn-text{
    font-size:20px;
    color:#0b6aa1;
    line-height:16px;
    font-weight:bold;
    font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
    display:block;
}
.a-btn-slide-text{
    font-family:Arial, sans-serif;
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#555;
    text-shadow:0px 1px 1px rgba(255,255,255,0.9);
}
.a-btn-slide-icon{
    position:absolute;
    top:-30px;
    width:22px;
    height:22px;
    background:transparent url(../images/arrow_down_black.png) no-repeat top left;
    left:20px;
    opacity:0.4;
}
.a-btn:hover{
    background:#d9d9d9;
    -webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.a-btn:hover .a-btn-symbol{
    opacity:0;
}
.a-btn:hover .a-btn-slide-icon{
    -webkit-animation:slideDown 0.9s linear infinite;
    -moz-animation:slideDown 0.9s linear infinite;
    animation:slideDown 0.9s linear infinite;
}
.a-btn:active{
    background:#d7565b;
    -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.a-btn:active .a-btn-text{
    color:#fff;
    text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}
.a-btn:active .a-btn-slide-text{
    color:rgba(0,0,0,0.4);
    text-shadow:none;
}
@keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-webkit-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-moz-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}




/* === List Styles === */
.contact_form ul {
    	list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:12px; 
	position:relative;
} 


/* === Form Header === */
.contact_form h2 {
	margin:0;
	display: inline;
}
.required_notification {
	color:#d45252; 
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}

/* === Form Elements === */
.contact_form label {
	width:150px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
}
.contact_form input {
	height:25px; 
	width:260px; 
	padding:5px 8px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:153px;}

	/* form element visual styles */
	.contact_form input, .contact_form textarea { 
		border:1px solid #aaa;
		box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
		border-radius:2px;
		padding-right:30px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.contact_form input:focus, .contact_form textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		padding-right:70px;
	}

/* === HTML5 validation styles === */	
.contact_form input:required, .contact_form textarea:required {
	background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff url(../images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff url(../images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
	

.meter {
                        height: 10px;  /* Can be anything */
                        position: relative;
                        margin: 10px 0 10px 0; /* Just for demo spacing */
                        background: #555;
                        -moz-border-radius: 25px;
                        -webkit-border-radius: 25px;
                        border-radius: 25px;
                        padding: 5px;
                        -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
                        -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
                        box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
                }
                .meter > span {
                        display: block;
                        height: 100%;
                           -webkit-border-top-right-radius: 8px;
                        -webkit-border-bottom-right-radius: 8px;
                               -moz-border-radius-topright: 8px;
                            -moz-border-radius-bottomright: 8px;
                                   border-top-right-radius: 8px;
                                border-bottom-right-radius: 8px;
                            -webkit-border-top-left-radius: 20px;
                         -webkit-border-bottom-left-radius: 20px;
                                -moz-border-radius-topleft: 20px;
                             -moz-border-radius-bottomleft: 20px;
                                    border-top-left-radius: 20px;
                                 border-bottom-left-radius: 20px;
                        background-color: rgb(43,194,83);
                        background-image: -webkit-gradient(
                          linear,
                          left bottom,
                          left top,
                          color-stop(0, rgb(43,194,83)),
                          color-stop(1, rgb(84,240,84))
                         );
                        background-image: -moz-linear-gradient(
                          center bottom,
                          rgb(43,194,83) 37%,
                          rgb(84,240,84) 69%
                         );
                        -webkit-box-shadow:
                          inset 0 2px 9px  rgba(255,255,255,0.3),
                          inset 0 -2px 6px rgba(0,0,0,0.4);
                        -moz-box-shadow:
                          inset 0 2px 9px  rgba(255,255,255,0.3),
                          inset 0 -2px 6px rgba(0,0,0,0.4);
                        box-shadow:
                          inset 0 2px 9px  rgba(255,255,255,0.3),
                          inset 0 -2px 6px rgba(0,0,0,0.4);
                        position: relative;
                        overflow: hidden;
                }
                .meter > span:after, .animate > span > span {
                        content: "";
                        position: absolute;
                        top: 0; left: 0; bottom: 0; right: 0;
                        background-image:
                           -webkit-gradient(linear, 0 0, 100% 100%,
                              color-stop(.25, rgba(255, 255, 255, .2)),
                              color-stop(.25, transparent), color-stop(.5, transparent),
                              color-stop(.5, rgba(255, 255, 255, .2)),
                              color-stop(.75, rgba(255, 255, 255, .2)),
                              color-stop(.75, transparent), to(transparent)
                           );
                        background-image:
                                -moz-linear-gradient(
                                  -45deg,
                              rgba(255, 255, 255, .2) 25%,
                              transparent 25%,
                              transparent 50%,
                              rgba(255, 255, 255, .2) 50%,
                              rgba(255, 255, 255, .2) 75%,
                              transparent 75%,
                              transparent
                           );
                        z-index: 1;
                        -webkit-background-size: 50px 50px;
                        -moz-background-size: 50px 50px;
                        -webkit-animation: move 2s linear infinite;
                           -webkit-border-top-right-radius: 8px;
                        -webkit-border-bottom-right-radius: 8px;
                               -moz-border-radius-topright: 8px;
                            -moz-border-radius-bottomright: 8px;
                                   border-top-right-radius: 8px;
                                border-bottom-right-radius: 8px;
                            -webkit-border-top-left-radius: 20px;
                         -webkit-border-bottom-left-radius: 20px;
                                -moz-border-radius-topleft: 20px;
                             -moz-border-radius-bottomleft: 20px;
                                    border-top-left-radius: 20px;
                                 border-bottom-left-radius: 20px;
                        overflow: hidden;
                }

                .animate > span:after {
                        display: none;
                }

                @-webkit-keyframes move {
                    0% {
                       background-position: 0 0;
                    }
                    100% {
                       background-position: 50px 50px;
                    }
                }

                .orange > span {
                        background-color: #f1a165;
                        background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
                        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
                        background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
                }

                .red > span {
                        background-color: #f0a3a3;
                        background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
                        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
                        background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
                }

                .nostripes > span > span, .nostripes > span:after {
                        -webkit-animation: none;
                        background-image: none;
                }


#footer-menu, #footer-menu ul{
	margin-left:50px;
	padding:0;
	
	left:auto;
}

#footer-menu h3{
	color:#39a1bd;
	font-size:1.4em;
}

#footer-menu li{
	margin:15px 20px 0 0;
	padding:0;
	float:left;
	display:inline;
	background:none;
	position:relative;
	width:100px;
}

#footer-menu li a,
#footer-menu li a:link,
#footer-menu li a:visited {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	
}

#footer-menu ul li ul{margin:8px 0 15px 0;}
#footer-menu li.last{margin-right:0;}
#footer-menu ul ul li{
	float:none;
	padding:0 0 0.6em 0;
	margin:0;
	font-weight:normal;
	display:block;
	width:auto;
	
}

button.submit {
	background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		              
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 1009;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 50px; 
		left: 50%;
		margin-left: -200px;
		width: 300px;
		
		position: absolute;
		z-index: 1010;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		
		position: absolute;
		
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/