/*
Theme Name: Urbanscale
Theme URI: http://raketentim.de
Description: Urbanscale Theme (Based on Twenty Ten, Starkers)
Version: 2.0
Author: Kristin Gräfe, Marcus Schaefer
Author URI: http://raketentim.de
Tags: urban scale
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/taf-seafarer-m.css";
@import "css/layout.css";
@import "css/slideshow.css";
@import "css/clock.css";

/* General */

a{
	text-decoration: none;
	color: #ff5224;
}

a:hover, 
#front-news .item h2 a:hover,
#category-list h2 a:hover,
.news-single h2 a:hover {
	color: #ff3300;
}

.clear{
	clear: both;
}

strong {
font-weight: 600;
}

strong em {
  font-weight: 600;
}

/* Shell */

#shell{
  width: 960px;
  margin: 0 auto;
}

/* Nav column */

#nav_column{
  float: left;
  width: 140px;
  min-height: 1px;
  margin: 0 10px;
}

#big_logo{
  width: 140px;
  height: 300px;
  margin-top: 40px;
  background: url(images/logomark_black_120.png) top left no-repeat;
  background-size: 120px 120px;
}

#click_target{
  height: 120px;
  width: 120px;
  cursor:pointer;
}

.home #big_logo{
/*  margin-top: 208px;*/
}

/* Header */

#header{
	width: 780px;
	margin: 0 10px;
	height: 167px;
	border-bottom: 1px solid #CCC;
	z-index: -20;
}

#logo{
	text-indent: -9999px;
	width: 1024px;
}

#logo h1{
	width: 350px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -559px;
	z-index: 100;
	background: url(images/logo_black_type.png) top left no-repeat;
}

#logo h1 a{
	width: 350px;
	height: 179px;
	float: left;
	z-index: 110;
}

#logoscroll{
	background: #f00;
	width: 78px;
	height: 148px;
	display: block;
	position: fixed;
	background: url(images/logo_black.png) top left no-repeat;
	background-position: -42px 0;
	z-index: 110;
	margin-left: -2px;
}

#logoscroll a{
	width: 78px;
	height: 148px;
	display: block;
}

#skip{
	display: none;
}

.menu-header{
	float: left;
	margin-top: 36px;
	margin-left: 20px;
	text-shadow: 0 1px 1px white;
}

/* Homepage Resets */
.page-template-home-slide-php .menu-header{
}

.page-template-home-slide-php #header { 
	height:600px; 
	width: 100%;
	margin: 0;
	border-bottom: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
}

.page-template-home-slide-php #home-scroll{
	width: 1028px;
	margin: 0 auto;
}

.page-template-home-slide-php #logoscroll{
	background: url(images/logo_white.png) top left no-repeat;
	width: 78px;
	background-position: -42px 0;
}

#slideshowtxt1,
#slideshowtxt2{
  position: relative;
	width: 100%;
	display: block;
/*  padding: 0px 79px;*/
	left: 0%;
	z-index: 11;
}

.headerimg { 
	background-position: center top; 
	background-repeat: no-repeat; 
	width:100%; 
	height:600px; 
	position:absolute; 
}

#headerimgs{
	width: 100%;
	display: block;
	overflow: hidden;
}

#headerimg1,
#headerimg2{
	display: none;
}

.menu-header ul li{
	font-size: 14px;
	margin-bottom: 4px;
}

.menu-header ul li a{
	color: #000;
	letter-spacing: 0.4px;
}

.menu-header ul li a:hover, 
.menu-header ul li.current-menu-item a,
.menu-header ul li.current-menu-parent a{
	color: #ff3300;
}

/* Content */
p.more{
  margin: .3em 0 0 0; 
 }
#content{
  float: left;
  width: 800px;
	min-height: 650px;
}

.page-template-home-slide-php #content{
	margin: 20px auto 20px auto;
}

.title{
	display: block;
	width: 620px;
	border-bottom: 1px dotted #999;
	padding-bottom: 20px;
	margin-bottom: 20px;
	float: left;
}

.links{
  text-transform: uppercase;
}

.title.links{
  padding-bottom: 10px;
}

.external-links{
	width: 328px;
	float: left;
}

.external-links h4{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.external-links ul li{
	margin-top: 12px;
}

.external-links ul li a{
	font-size: 14px;
	font-weight: 500;
}

.post{
	width: 620px;
	float: left;
	margin-bottom: 3.5em;
}

.post.about-explaination{
  width: 780px;
  margin-bottom: 0;
  padding-bottom: 30px;
  border-bottom: 1px dotted #999;
}

.title h2{
	font-size: 1.5em;
/*  line-height: 28px;*/
	font-weight: normal;
	margin: 0 0 .4em;
}

.title h3{
	font-size: 1.2em;
/*  line-height: 15px;*/
/*  color: #444;*/
	font-weight: 500;
	letter-spacing: 1px;
}

.post p{
	font-size: 1.2em;
	line-height: 1.5em;
}

blockquote{
  padding-left: 2em;
}

blockquote p{
  text-color: #666;
	font-weight: 500;
	font-style: italic;
}

.post h4{
	font-size: 18px;
	font-weight: 600;
	margin: 30px 0px 12px 0px;
}

.post h4 em {
  font-weight: 600;
}

.post ul {
  font-size: 1.2em;
  line-height: 1.5em;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

.post ul li:before {
		content: "\00BB \0020";
		}

.post ul a {text-decoration: none; background:white;}

.post .readmore_link {
  font-size: .9em;
  line-height: 3em;
}

.news-single{
	padding-top: 30px;
	width: 620px;
	margin-left: 10px;
	clear: left;
}

.news-single:first-child {
padding-top: 8px;
}

.news-single h2 a{
	color: #333;
}


.news-single .date{
	width: 55px;
	text-align: right;
	float: left;
	border-right: 1px solid #ccc;
	padding-right: 12px;
	color: #999;
	text-transform: uppercase;
}

#address{
	margin-top: 50px;
	width: 328px;
	float: left;
	font-size: 13px;
	color: #333;
	line-height: 16px;
}

#contact{
	padding: 0 10px;
}

.map {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 328px;
        height: 230px;
        float: left;
}
.map span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        opacity: 0;
        display: block;
        -webkit-transition: opacity 0.8s;
        -moz-transition:    opacity 0.8s;
        -o-transition:      opacity 0.8s;
        width: 328px;
        height: 230px;
}

.map:hover span {
        opacity: 1;
}

.single-project, 
.single-about, 
.single-news{
	padding: 30px 10px 0 10px;
}

.single-about #slides {
  height: 520px;
}

.single-about #slides, .single-project #slides {
  margin-bottom: 30px;
}

.single-project .post{
padding-top: 1px;
} 

.single-project .title, 
.single-project .title h2, 
.single-project .title h3{

} 

.related-links{
  margin: 0px;
}

/* Categories */

.category-name{
  text-transform: lowercase;
}

#category-description{
	font-size: 30px;
	line-height: 40px;
	color: #333;
	font-weight: 100;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 10px;
	width: 780px;
	min-height: 150px;
}

#category-description p{
	margin: 0px 0px;
}

#category-description em{
  font-weight: 100;
}

#category-description strong{
  font-weight: 100;
}

#category-list{
  margin-top: 40px;
}

#post-list{
  margin: 30px 0 0 0 ;
}

#category-list .item{
	width: 380px;
	float: left;
	padding: 40px 0px 20px 0px;
	margin: 0px 10px;
}

#category-list #extras-list .item{
  width: 780px;
	float: left;
	margin: 0px 10px;
	padding: 32px 0px 10px 0px;
}

#category-list #about-block .item{
  width: 780px;
	float: left;
	margin: 0px 10px;
	padding: 32px 0px 10px 0px;
}

.page-template-about-php #category-list .aboutus{
  width: 780px;
  padding-top: 11px;
}

#category-list .item.about{
	border-bottom: 1px solid #CCC;
}

#category-list .item.about:last-child{
	border-bottom: none;
}

.page-template-projects-php #category-list .item{
	border-bottom: 1px solid #CCC;
}

.page-template-projects-php #category-list .item:last-child{
	border-bottom: none;
}

#category-list .item img{
	width: 380px;
}

#category-list .item .extras-image img{
	width: 220px;
	height: auto;
}

#category-list #about-block .item img{
  width: 780px;
}

#category-list #about-block .item img.ajax-loader{
  width: 0px;
}

#category-list h2{
	margin: .5em 0 .4em;
}

#category-list .item h2, #front-news .item h2{
	font-size: 18px;
	line-height: 23px;
}


#category-list .item .extras-desc h2{
	margin-top: 0px;
}

#category-list h2 a, #front-news h2 a{
	color: #000;
	font-weight: 500;
}

.extras-links .extras ul{
  margin-top: 30px;
  font-size: .8em;
}

#category-list h3{
	margin: 5px 0 9px 0;
}

#post-list h2{
	font-size: 1.5em;
/*  line-height: 28px;*/
	font-weight: normal;
	margin: 0 0 .4em;
}

#category-list h3{
	font-size: 1.2em;
	font-weight: 500;
/*  letter-spacing: 1px;*/
	padding: 0 0 12px 0;
}

#post-list h3{
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0px;
  padding: 0px;
}

#category-list .item h3, #front-news .item h3{
	font-size: 1em;
	line-height: 1em;
}

#category-list p.teaser{
	/*font-size: 12px;
	 line-height: 14px;*/
	color: #000;
	font-weight: normal;
	letter-spacing: 0.3px;
	padding: 0 0 3px 0;
	margin: 0px;
/*  height: 76px;*/
	overflow: hidden;
	display: block;
}

#category-list a.more{
	font-size: .9em;
	line-height: 1em;
}

#content .bucket{
	width: 380px;
	margin: 10px;
	float: left;
}

h2.main{
	/*width: 1044px;*/
	margin: 0 10px;
	clear: both;
}

/*#front-news .item p.link{
  padding-bottom: 36px;
  border-bottom: 1px solid #ccc;
}*/

#content .bucket h2{
	margin-bottom: 26px;
}

#content .bucket h2,
h2.main{
	font-size: 26px;
	line-height: 31px;
	font-weight: 200;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
h2.main{
clear: both;
padding-top: 36px;
/*width: 1024px;*/
}
#content .bucket p{
	font-size: 1em;
}

#content .bucket p.link{
	font-size: .9em;
	line-height: 1em;
	font-weight: 500;
}

/* Footer */

#foot{
	padding-top: 60px;	
	clear: both;
	width: 100%;
}

#footer{
	width: 100%;
	background: #191919;
	padding-bottom: 15px;
}

#buckets{
	width: 960px;
	margin: 0 auto;
	padding-top: 27px;
	color: #999;
}

#footer .bucket h3{
	font-weight: 500;
/*  text-transform: uppercase;*/
	display: block;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 19px;
	padding-bottom: 3px;
	color: #ccc;
}

#footer ul.bucket li{
	width: 220px;
	display: block;
	float: left;
	margin: 0px 10px;
	color: #999;
	font-size: 12px;
	line-height: 16px;
}

#footer ul.bucket li.address{
	width: 139px;
	display: block;
	float: right;
	margin-right: 8px;
}

#footer ul.bucket li.address h3{
	color: #999;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 0px;
	font-weight: normal;
	text-transform: none;
	margin: 5px 0 4px 0;
}

#footer ul.bucket li ul li{
	width: 240;
	display: block;
	float: none;
	padding-bottom: 9px;
	margin-left: 0px;
}

#footer ul.bucket li ul li a{
	text-decoration: underline;
	color: #999;
}

#footer ul.bucket li ul li a:hover{
	color: #ff3300;
}

#map_canvas {
float: left;
  margin: 0;
  padding: 0;
  width: 348px;
  height: 230px;
}

form{
width: 620px;
font-size: 16px;
color: #333;
line-height: 20px;
}

select::-moz-focus-inner { border: 0; }

span.menu-622{
	position: absolute;
	width: 620px;
	height: 30px;
	display: block;
	background: url("images/select.gif") no-repeat;
	overflow: hidden;
}

span.menu-622 select option{
	height: 18px;
	border: 0;
	padding-top: 12px;
}

form input{
	background-color: #e1e2e1;
	margin: 0;
	border: 0;
	height:  20px;
}

form .name,
form .email{
	width:  290px;
	float: left;
}

form .name input,
form .email input{
	width:  290px;
}

form .email{
	float: left;
	margin-left: 30px;
}

form .subject{
	padding-top: 19px;
	clear:  both;
	height: 70px;
	width: 620px;
}

form textarea{
	width: 610px;
	background-color: #e1e2e1;
	border: none;
	
}

input,
select,
textarea,
option{
	font-size: 14px;
	color: #333;
	line-height: 18px;
	padding: 5px;
}

select{
  
	width: 620px;
	background: transparent;
	border: 0;
	height: 30px;
	border: 0;
/*  padding-top: 8px;*/
	-khtml-appearance: none;
  -webkit-appearance: none;
  -mozilla-apperance: none;
}

select option:hover,
select option:focus{
	background: #333;
}

div.wpcf7{
  border-top: 1px dotted #999;
  margin-top: 10px;
}

form input.wpcf7-submit{
	background: #666;
	color: #fff;
	height: 30px;
	padding: 5px 8px;
	margin-top: 20px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s ease-out;  /* IE10? */
    transition: all 0.3s ease-out;  
}

form input.wpcf7-submit:hover{
	background: #ff3300;
}

.wpcf7-validation-errors,
.wpcf7-not-valid-tip-no-ajax{
	color: #ff3300;
	margin-top: 20px;
}

.wpcf7-mail-sent-ok{
	color: #666666;
	margin-top: 20px;
}

#extras-list,
#front-news{
}

#front-news .item{
	clear: both;
	padding: 32px 0 10px 0;
	margin: 0px 10px;
}

#front-news .item .date_and_image{
  float: left;
	width: 220px;
	margin: 0px 10px;
}

#front-news .item .item_content{
  float: left;
	width: 460px;
  margin: 0px 10px;
}

#extras-list .item{
	clear: both;
	padding: 22px 0 10px 0;
}

#extras-list .item{
	border-top: 1px solid #ccc;
}

#extras-list .item:first-child{
	border-top: 0px solid #fff;
}

#front-news .item{
	border-top: 1px solid #ccc;
}

#front-news .item:first-child{
	border-top: 0px solid #fff;
}

#front-news .item .date{
	width: 67px;
	float: left;
	color: #b7b7b7;
/*  text-align: right;*/
	text-transform: uppercase;
/*  font-family: 'Helvetica Monospaced', Helvetica, Arial, sans-serif;*/
}

#front-news .item .date .month,
.news-single .date .month{
	font-size: 21px;
	letter-spacing: 1px;
}

#front-news .item .date .day,
.news-single .date .day{
	font-size: 43px;
	margin-right: -1px;
}

#front-news .item .date .year,
.news-single .date .year{
	font-size: 19px;
	letter-spacing: 1px;
}

#front-news .item img{
	width: 220px;
	height: 220px;
	float: left;
}

#front-news .item p,
#front-news .item h2{
	width: 540px;
	float: left;
}

#front-news .item h2{
  margin-top: 0px;
}

#front-news .item h3{
}


#front-news .item h2 a{
}

#front-news .item p{
	font-size: 1em;
	color: #333;
}

#front-news .item p.link{
	font-size: .9em;
	line-height: 1em;
	font-weight: 500;
}

#pagination, .news-back{
	margin: 30px 10px 0px 10px;
	padding-top: 5px;
	width: 620px;
	height: 35px;
	float: left;
	/*background: #efefef;*/
	display: block;
/*  padding-right: 28px;*/
	text-align: right;
/*  margin-right: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;*/
  border-top: 1px dotted #999;
  
}

#pagination.goback{
	text-align: left;
	padding-right: 0px;
/*  padding-left: 28px;*/
}

#pagination span, #pagination a{
	font-size: 12px;
	/*padding: 0px 6px;*/
	line-height: 33px;
	position: relative;
}

#pagination.goback a{
/*  background: url(images/goback.png)no-repeat;
  background-position: 0px 7px;*/
	height: 33px;
	line-height: 35px;
	display: block;
	top: 0px;
	/*padding: 0px 12px;*/
}

#pagination span{
	color: #8c8c8c;
}

#pagination a{
	color: #ff3300;
}

#pagination .currentpage a{
	color: #8c8c8c;
}

#pagination a.previous,
#pagination a.next,
#pagination a.first,
#pagination a.last{
	font-size: 36px;
	position: relative;
	top: -1px;
}

#pagination .newerposts{
  float: left;
  width: 140px;
  height: 32px;
  margin-right: 10px;
  text-align: left;
}

#pagination .currentpage{
  float: left;
  width: 300px;
  height: 32px;
  margin: 0px 10px;
  text-align: center;
}

#pagination .olderposts{
  float: left;
  width: 140px;
  height: 32px;
  margin-left: 10px;
  text-align: right;
}

.news-image, .extras-image{
	float: left;
	width: 220px;
	margin: 0px 10px 20px 0px;
}

.extras-desc{
	float: left;
	width: 300px;
	margin: 0px 10px;
	font-size: 12px;
	line-height: 15px;
	color: #333;
}

.extras-desc h2{
	font-size: 16px;
	line-height: 20px;
	color: #333;
	padding-bottom: 20px;
}

.extras-links h3{
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	color: #333;
	padding-bottom: 10px;
	font-weight: 400;
}

.extras-links{
	float: left;
  width: 220px;
  margin: 0px 0px 0px 10px;
}

.extras a{
	width: 241px;
	font-size: 12px;
	text-decoration: underline;
}

.short-mime{
	text-transform: uppercase;
}


/* Home Styles */

#info{
	width: 760px;
	height: 133px;
	display: block;
	float: left;
	z-index: 10;
/*  background: rgba(255, 255, 255, 0.7);*/
	margin: 4px 10px 360px -12px;
/*  margin-left: -514px;
  position: absolute;
  left: 50%;
  top: 280px;*/
	padding: 30px 40px 30px 0px;
	font-size: 32px;
/*  line-height: 38px;*/
	overflow: hidden;
	-moz-border-radius: 2px; /* Firefox */
	-webkit-border-radius: 2px; /* Safari, Chrome */
	border-radius: 2px; /* CSS3 */
}

#info h3{
	width: 944px;
	font-weight: 500;
}

#info .caption{
	width: 944px;
	font-weight: 300;
}

#info .caption a{
	color: #ff3300;
}

#info a, 
#info a span,
#info a:hover span.more{
	color: #333;
}

#info a:hover{
	color: #ff5224;
}

#info a span.more{
	color: rgba(255, 255, 255, 0);
	position: absolute;
	top: 3px;
	left: 280px;
	width:  460px;
	font-size: 25px;
	line-height: 38px;
	font-weight: 200;
}

#info a:hover span.more{
	color: rgba(51, 51, 51, 1);
}

#info a:hover span.more:hover{
	color: rgba(51, 51, 51, 0);
}

a, span{
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
    transition: all 0.3s ease-out;  
}

#info h3#start{
	position: relative;
	background: url(images/urbanscale_1.png) no-repeat;
	background-position: 0 0;
	width: 330px;
	height: 23px;
	display: inline-block;
	text-indent: -9999px;
	line-height: 32px;
}

/* Design Start */

#info #design {
	margin-right: -7px;
}

#info #design a{
	width: 96px;
	height: 39px;
	text-indent: -9999px;
	display: inline-block;
	position: relative;
}

#info #design a span.more{
	top: 3px;
	left: 340px;
}

#info #design a span.normal {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(images/urbanscale_2.png) no-repeat;
    background-position: 0 0;
    opacity: 1;
}

#info #design a span.hover {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(images/urbanscale_2.png) no-repeat;
    background-position: 0 -40px;
    opacity: 0;
}

#info #design a:hover span.hover {
    opacity: 1;
}

#info #design a:hover span.normal {
    opacity: 0;
}

/* Design End */

/* Network Start */
#info #network a{
	width: 177px;
	height: 39px;
	text-indent: -9999px;
	display: inline-block;
	position: relative;
}

#info #network a span.more{
	top: 3px;
	left: 244px;
}

#info #network a span.normal {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(images/urbanscale_3.png) no-repeat;
    background-position: 0 0;
    opacity: 1;
}

#info #network a span.hover {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(images/urbanscale_3.png) no-repeat;
    background-position: 0 -40px;
    opacity: 0;
}

#info #network a:hover span.hover {
    opacity: 1;
}

#info #network a:hover span.normal {
    opacity: 0;
}

/* Network End */

/* Cities Start */

#info #cities {
	margin-right: -7px;
}

#info #cities a{
	width: 76px;
	height: 43px;
	text-indent: -9999px;
	display: inline-block;
	position: relative;
}

#info #cities a span.more{
	top: -37px;
	left: 340px;
}

#info #cities a span.normal {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(images/urbanscale_4.png) no-repeat;
    background-position: 0 0;
    opacity: 1;
}

#info #cities a span.hover {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(images/urbanscale_4.png) no-repeat;
    background-position: 0 -40px;
    opacity: 0;
}

#info #cities a:hover span.hover {
    opacity: 1;
}

#info #cities a:hover span.normal {
    opacity: 0;
}

/* Cities End */

/* Citizens Start */
#info #citizens a{
	width: 197px;
	height: 43px;
	text-indent: -9999px;
	display: inline-block;
	position: relative;
}

#info #citizens a span.more{
	top: -37px;
	left: 264px;
}

#info #citizens a span.normal {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(images/urbanscale_5.png) no-repeat;
    background-position: 0 0;
    opacity: 1;
}

#info #citizens a span.hover {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(images/urbanscale_5.png) no-repeat;
    background-position: 0 -40px;
    opacity: 0;
}

#info #citizens a:hover span.hover {
    opacity: 1;
}

#info #citizens a:hover span.normal {
    opacity: 0;
}

/* Citizens End */

#info a span.more{
	text-indent: 0px;
}

/* CONTROLS */
.btn { 
	height:47px; 
	width:26px; 
	cursor:pointer; 
}
#back { 
	position: relative;
	float: left;
	left: 0;
	top: 74px;
	background-image:url("images/arrows_sprite.png"); 
	background-position: 0 0;
	background-repeat: no-repeat;
}

#back:hover { 
	background-position: 0px -47px;
}

#back:active, #back:focus { 
	background-position: 0px -94px;
}

#next { 
	position: relative;
	float: right;
	right: 0;
	top: 74px;
	background-image:url("images/arrows_sprite.png"); 
	background-position: -26px 0;
	background-repeat: no-repeat;
}

#next:hover { 
	background-position: -26px -47px;
}

#next:active, #back:focus { 
	background-position: -26px -94px;
}

#search{
	float: left;
	width: 241px;
	display: block;
	margin-left: 10px;
	padding-top: 36px;
}

#search #s{
	width: 155px;
	height: 22px;
	-moz-border-radius: 2px; /* Firefox */
	-webkit-border-radius: 2px; /* Safari, Chrome */
	border-radius: 2px; /* CSS3 */
	text-indent: 10px;
	color: #adadad;
}

#search h2{
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 20px;
}


#searchsubmit{
	display: none;
}

/* You Will See This: */

:-moz-any-link:focus,
select::-moz-focus-inner {
  outline: 1px dotted invert;
}

/* Change It To This: */

:-moz-any-link:focus,
select::-moz-focus-inner {
  outline: none;
}