/*
------------------------------
	Joomla! Template
	HausXXL
	Copyright COB
	RESPONSIVE
------------------------------
*/

/*------------------------------
	DESKTOP-PC
------------------------------*/

@media (min-width: 1038px) {
	.container12 {margin-left: auto;margin-right: auto;width: 1020px;}
	
	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12,
	.mod-span2,
	.mod-span3,
	.mod-span4,
	.mod-span12 {
		display: inline;
		float: left;
		margin-left: 2.5px;
		margin-right: 2.5px;
	}

	.container12 .span1 {width: 80px;}
	.container12 .span2, .container12 .mod-span2 {width: 165px;}
	.container12 .span3, .container12 .mod-span3 {width: 250px;}
	.container12 .span4, .container12 .mod-span4 {width: 335px;}
	.container12 .span5 {width: 420px;}
	.container12 .span6 {width: 505px;}
	.container12 .span7 {width: 590px;}
	.container12 .span8 {width: 675px;}
	.container12 .span9 {width: 760px;}
	.container12 .span10 {width: 845px;}
	.container12 .span11 {width: 930px;}
	.container12 .span12, .container12 .mod-span12 {width: 1015px;}
	
	.container12 aside.span4{width:336px;margin-left:1.5px;}
	
}

@media (min-width: 769px){
	#top-navigation .menu.rwd{display:none;}
}

@media (min-width: 481px){
	.ui-table-cell-label{display:none;}
}

/*------------------------------
	TABLET: LANDSCAPE
------------------------------*/

@media (max-width: 1055px) {
	/* Navigation */
	#top-navigation .top-badge{top:-76px; right:100px;}
}
	
@media (max-width: 1037px) {
	.container12 {width:100%;}
	
	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12,
	.mod-span2,
	.mod-span3,
	.mod-span4,
	.mod-span12 {
		display: inline;
		float: left;
		margin-left:0.5%;
		margin-right:0.5%;
	}
	
	/* Grundraster */
	.container12 .span1 {width: 7.33%;}
	.container12 .span2, .container12 .mod-span2 {width: 15.66%;}
	.container12 .span3, .container12 .mod-span3 {width: 24%;}
	.container12 .span4, .container12 .mod-span4 {width: 32.33%;}
	.container12 .span5 {width: 40.66%;}
	.container12 .span6 {width: 49%;}
	.container12 .span7 {width: 57.33%}
	.container12 .span8 {width: 65.66%;}
	.container12 .span9 {width: 74%;}
	.container12 .span10 {width: 82.33%;}
	.container12 .span11 {width: 90.66%;}
	.container12 .span12, .container12 .mod-span12 {width: 99%;}
	
	img{max-width:100%;}
	
	/* Start */
	.start-overview li{margin:0 1.5% 9px 0; width:18.75%;}
	
	/* Fixed Bar */
	.fixed-bar > div{height: 40px; width:45px;}
	.fixed-bar .tab-facebook{bottom: 143px; top: auto;}
	.fixed-bar .tab-google{bottom: 100px; top: auto;}
	.fixed-bar > div:hover{width:45px;}
	.fixed-bar > div > a > span{height:30px; padding-left:40px;}
	.fixed-bar .icon-facebook-bigsize{background-position: 4px 0;}
	.fixed-bar .icon-google-bigsize{background-position: -88px 0;}

	/* Listing */
	.frame.size-180{width:29%; height:auto;}
	.frame img{width:100%; height:auto;}
	
	/* Grid */
	.grid-view .frame.size-200{width:92%;}
	
	/* Housetype Search */
	.extended{width:96.8%;}
		
	/* Company */
	.mod-other li{width:24.2%; margin-right:1%;}
	
	.slider-gallery #slider{width:99.7%;}
	.gallery-big-preview img{width:100%;}
	.gallery-big-preview.zoom .flex-viewport{height:auto;}
	
	.sidebar-list .frame.size-100{width:29%; height:auto;}
	
	/* Housetype */
	.mod-gallery .big-picture img{width:100%;}
	.mod-gallery .big-picture.zoom img{width:100%; height:auto;}
	
	/* Musterhaus */
	.mod-modelhouse-map #map-select-list .frame{float:left !important; margin-bottom:10px;}
	.mod-modelhouse-map #map-select-list .standort-icon,.mod-modelhouse-map #map-select-list .map-info-list{clear:both;}
	
	/* Article */
	.item-page img{max-width:48%;}
	
	/* Paginierung */
	.pagination ul > li > a, .pagination ul > li > span{width:28px;}
	.pagination-start .pagenav{background-position:9px -356px;}
	.pagination-start:hover .pagenav{background-position: 9px -376px;}
	.pagination-start .disabled{background-position:9px -396px;}

	.pagination-prev .pagenav{background-position:-22px -356px;}
	.pagination-prev:hover .pagenav{background-position: -22px -376px;}
	.pagination-prev .disabled{background-position:-22px -396px;}
	
	.pagination-next .pagenav{background-position: -55px -356px;}
	.pagination-next:hover .pagenav{background-position: -55px -376px;}
	.pagination-next .disabled{background-position:-55px -396px;}
	
	.pagination-end .pagenav{background-position: -86px -356px;}
	.pagination-end:hover .pagenav{background-position: -86px -376px;}
	.pagination-end .disabled{background-position: -86px -396px;}
	
	/* Slider FullSize */
	.span12 #start-slider {}
	.span12 #start-slider .slides {
		width:65.66%;
		margin-left: 0.5%;
		margin-right: 0.5%;
}
	.span12 #start-slider .slides-preview {width:32.33%;}
	#start-slider .slides-preview li .frame img {
		width:auto;
		max-width:none;
	}
	#start-slider .slides img {max-width:none;}	
	#start-slider .slides-preview li a span.slide-desc {font-size:11px; width:175px;}
}
	
@media (min-width: 768px) and (max-width: 1024px) {
	.hidden-landscape {display:none !important;}
	
	/* Hauptmenü */
	#top-navigation .nav > li{height:46px;}	
	#top-navigation .nav > .active{height:41px;}
	#top-navigation .nav > li > a{font-size:17px; height:34px; padding:12px 0 0; text-align:center;}
	#top-navigation .nav > li > a:hover{height:29px;}
	.nav-child{width:16.5%;}
	.nav-child .active-bar{width:100%;}
}

/*------------------------------
	TABLET: PORTRAIT
------------------------------*/

@media (max-width: 1024px) {
	/* Slider FullSize */
	.span12 #start-slider .slides .headline,
	#start-slider .slides .subline-true.large .slide-headline {
		font-size:20px;
	}
	#start-slider .slides img {max-width:none;}
}
		
@media (max-width: 900px) {
	/* Company Search */
	.search-box label{font-size:13px; line-height:2.6;}
}

@media (max-width: 768px) {
	.hidden-portrait {display:none !important;}
	
	.container12 .span8 {width: 99%;}
	
	/* Hauptmenü */
	#top-navigation ul.menu{z-index:11;}
	#top-navigation ul.menu.rwd:hover{background-image:linear-gradient(#00a4db 50%, #008cbb 100%);}
	#top-navigation .nav > li{height:auto;width:100%; border:none;}	
	#top-navigation .nav > .active{height:36px;border:none;}
	#top-navigation .nav > .last{width:100%;}
	#top-navigation .nav > li > a{height:28px; width:145px; padding:8px 15px 0; font-size:16px; float:left;}
	#top-navigation .nav > li > a:hover{height:28px; border-bottom:none; padding-left:10px; border-left:5px solid #89daf4;}
	.nav-child{display:inline-block; background:none; border:none; box-shadow:none; position:relative; padding:0 0 0 15px;}
	.nav-child .menu{margin:0;	padding:0;}
	.nav-child .menu > ul{width:auto;}
	#top-navigation .nav-child li{display:inline-block; padding:1px 5px;}
	#top-navigation .nav-child li > a{color:#fff; line-height:2.4;}
	#top-navigation .nav > li > a:hover, #top-navigation .nav-child li > a:hover{color:#444;}
	#top-navigation .nav-child li:before{color:#fff; content:"|"; margin-right:10px;}
	#top-navigation .nav-child li:first-child:before{content:"";}
	
	/* Fixed Bar */
	.fixed-bar > div{width:35px; height:35px;}
	.fixed-bar > div > a > span{margin:3px 0 0;}
	.fixed-bar .tab-facebook {bottom: 138px;}	
	
	/* Sidebar */
	.sidebar.span4{width:99%;}	
	.sidebar a{text-align:center; margin:0 auto; display:block;}	
	.sidebar img{margin:0 auto;float:none;}
	.sidebar-list .date{text-align:center; display:block;}	
	
	/* Start */
	.start-teaser h1.box.headline{font-size:24px;}
	.start-teaser .toggle-box{max-height:41px;}
	.start-teaser .box.subline{padding:1px 20px;}
	
	.start-map a.arrow{position:static;}
	
	/* Housetype Search */
	.extended{width:96.6%; padding-bottom:60px;}
	.searchform.housetype .extended fieldset{width:50%;}
	.searchform.housetype .extended fieldset.checkboxes{min-height:150px;}
	.searchform.housetype .extended button{width:96%; left:2%;}

	/* Housetype */
	.page-header.has-btn{margin-bottom:30px; padding-right:0;}
	.page-header.has-btn h1{display:block; padding-bottom:4px;}
	#content .social-media{margin-top:5px;}
	
	.mod-gallery #slider.zoom{width:100%;}
	
	#gmeg_map_canvas, #ght_map_canvas{max-width:100%; height:250px;}
	
	/* Company Search */
	.search-box input[type="text"]{width:63.5%;}
	.search-box label{width:auto; font-size:inherit;}
	.search-box .green-button{width:26%; line-height:2.4;}

	/* Musterhaus */
	.mod-modelhouse-map #map-canvas{height:300px; width:100%;}
	.mod-modelhouse-map .option-list{width:100%;}
	.mod-modelhouse-map .option-list li{display:inline-block; padding:1px 5px;}
	.mod-modelhouse-map .option-list li:first-child{display:block; margin:5px 0;}

	.mod-modelhouse-map #map-select-list{width:100%; margin: 300px 0 0; padding-right:0;}
	.mod-modelhouse-map #map-select-list > p{margin-left:5px;}
		
	/* Footer */
	.up{right:20px;}

	#footer .footer{padding:25px 0 10px; text-align:center;}
	#footer .span3{width:99%;}
	#footer .module{border-bottom:1px solid #7bc7e1;}
	#footer .mod-last{border:none;}
	#footer .mod-title{font-size:18px; padding:10px 0; display:block; cursor:pointer;}
	#footer .mod-title:hover{color:#333;}
	#footer .mod-content{margin: 10px 0 20px;}
	#footer .footer .module li{display:inline;}
	#footer .module li:after{content:" | ";}
	#footer .module li:last-child:after{content:"";}
	#footer .footer .module .social-media-footer li{display:block; border:none;}
	#footer .footer .social-media-footer a{padding:5px 0;}
	#footer .module .social-media-footer li:after{content:"";}
	
	/* Slider FullSize */
	.span12 #start-slider {
		height:auto;
	}
	.span12 #start-slider .slides {
		width:99%;
		margin-left: 0.5%;
		margin-right: 0.5%;
		height:auto;
	}
	.span12 #start-slider .slides img {width:100%;}
	.span12 #start-slider .slides-preview {
		width:99%;
		margin-left: 0.5%;
		margin-right: 0.5%;
		height:auto;
}
	.span12 #start-slider .slides-preview li {
		float:left;
		width:50%;
	}
	.span12 #start-slider .slides-preview li a {
		border:none !important;
		width:auto;
	}	
	.span12 #start-slider .slides .slide-headline {
		left:0;
		right:0;
		width:auto;
	}
	.span12 #start-slider .slides .headline {
		font-size:25px;
	}
	.span12 #start-slider .slides .subline {
		font-size:12px;
	}	
}

@media (max-width: 667px), (min-width: 769px) and (max-width: 880px) {
	.mod-gallery #carousel > .flex-viewport, .mod-gallery #carousel > .slides{width:100%;}
	.mod-gallery #carousel .slides > li{width:49% !important;}
	.mod-gallery #carousel .flex-direction-nav li a{width:96%;}
	
}
@media (min-width: 668px) and (max-width: 768px) {
	.mod-gallery #carousel{width:auto; margin-left:10px;}
	.mod-gallery #carousel .flex-direction-nav li{left:1px;}
	
	.mod-gallery .big-picture{width:400px; float:right;}
}
@media (max-width: 667px) {
	.mod-gallery #carousel{width:37.3%;}
	.mod-gallery .big-picture{width:62%;}
	
	/* Slider FullSize */
	.span12 #start-slider .slides .headline {
		font-size:25px;
	}
	.span12 #start-slider .slides .slide-headline {
		left:0;
		right:0;
		width:auto;
	}
}


/* Detailanpassung Grid */
@media (max-width: 700px) {
	.grid-view > li{width:30.7%;}
	/* Slider FullSize */
	.span12 #start-slider .slides-preview {display:none!important;}	
}

/*------------------------------
	SMARTPHONE LANDSCAPE
------------------------------*/

@media (max-width: 480px) {
	.hidden-phone {display:none !important;}
	
	/* Header */
	#header .banner{float:none; text-align:center;}
	.city-choice-box{margin:5px auto; float:none;}
	.city-choice-box input.city-choice{margin-left:-6px;}
	.city-choice-box .search-city{right:6px;}
	.city-choice-box .icon-cross{left:0;}
	
	/* Newsflash */
	.mod-newsflash .cover{height:100px;}
	.mod-newsflash .title{font-size:16px;}
	
	/* Start */
	.start-teaser h1.box.headline{font-size:16px;}
	.start-teaser h1.hassubline:hover {color: inherit; cursor: inherit;}
	
	.start-overview li{width:28%;margin:0 8% 9px 0;}
	.start-overview li:nth-child(3n){margin-right:0}
	.start-overview li:nth-child(5n){margin:0 8% 9px 0;}
	.start-overview li:nth-child(n+4){margin-bottom:0;}
	.start-overview li:nth-child(n+7){display:none;}
	
	#content .mod-title, .page-header{padding:4px 1.5% 0;}
	.list-dash, .mod-description ul, .list-tick, .list-circle{margin-left:3.5% !important;}
	
	/* Grid */
	.grid-view > li{width:47.4%;}
	
	/* Company Search */
	.search-box input[type="text"]{width:86%;}
	.search-box .green-button{text-indent:-9999px; display:block; width:35px; padding:0;}
	.search-box .green-button span{background:url(../images/icons/icon-sprite.png) no-repeat scroll -71px -130px transparent; height:20px; width:20px; float:left; margin:8px 0 0 9px;}
	
	/* Company */
	.company-contact li{width:100%;}
	
	.mod-certificates li{width:100%; }
	.mod-certificates li:nth-child(2n){padding-left:0;}
		
	.mod-other li{width:32.6%; margin-right:1%;}
	.mod-other li:nth-child(3n){margin-right:0 !important;}
	.mod-other li:nth-child(4n){margin-right:1%;}
	.relateditems li:nth-child(4n){display:none;}
	
	.slider-gallery #slider .flex-direction-nav a .arrow-left-big, .slider-gallery #slider .flex-direction-nav a .arrow-big{margin-top:120px;}
	
	.company-contact li{float:none; margin:5px 0;}	

	/* Housetype */
	.mod-attributs .attribute{width:100%;}
	
	/* Housetype Search */
	.searchform.housetype .bar-link{text-indent:-9999px; text-align:justify;}
	.large-bar .bar-link span{background:url(../images/icons/icon-sprite.png) no-repeat scroll -103px -172px transparent; margin-top:4px;}
	.large-bar .bar-link:hover span{background-position:-1px -160px;}
	
	/* Article 
	table th{display:none;}
	.item-page table th, .item-page table td, .seo-content table th, .seo-content table td, .mod-introtext table th, .mod-introtext table td{width:95%; padding: 2.5%; float:left;}
	.ui-table-cell-label{display:block;}*/
	
	/* Paginierung */
	.pagination ul > li > a, .pagination ul > li > span{width:17px;}
	.pagination-start .pagenav{background-position:3px -356px;}
	.pagination-start:hover .pagenav{background-position: 3px -376px;}
	.pagination-start .disabled{background-position:3px -396px;}

	.pagination-prev .pagenav{background-position:-28px -356px;}
	.pagination-prev:hover .pagenav{background-position: -28px -376px;}
	.pagination-prev .disabled{background-position:-28px -396px;}
	
	.pagination-next .pagenav{background-position: -61px -356px;}
	.pagination-next:hover .pagenav{background-position: -61px -376px;}
	.pagination-next .disabled{background-position:-61px -396px;}
	
	.pagination-end .pagenav{background-position: -94px -356px;}
	.pagination-end:hover .pagenav{background-position: -94px -376px;}
	.pagination-end .disabled{background-position: -94px -396px;}	
}

@media (max-width: 600px) {
	/* Header */
	.mod-short-nav{display:none;}
	/* Slider FullSize */
	.span12 #start-slider .slides .subline,
	.span12 #start-slider .slides-preview {display:none!important;}
	.span12 #start-slider .slides .headline,
	#start-slider .slides .subline-true.large .slide-headline {
		font-size:20px;
		height:40px;
		bottom:25px !important;
	}
	#start-slider .subline-true a .link-arrow {bottom:28px !important;}
}

@media (max-width: 400px) {
	/* Housetype
	.social-media.render-share{width:320px;}
	.social-media.render-share.short{width:275px;}
	.social-media.render-share > span{margin:0 0 0 5px;} */
	
	/* Companysearch */
	.search-box input[type="text"]{width: 82%;}
}

/*------------------------------
	SMARTPHONE PORTRAIT
------------------------------*/

@media (max-width: 320px) {
	.hidden-portraitphone {display:none !important;}

	/* Listing */
	.box-item .frame, .list-view .frame{display:block; margin:0 auto;}
	.box-item .frame.size-180, .box-item-list .frame.size-180{width:180px;}
	
	.box-item a.title{padding:3% 0 0 1.5%; height:97%;}
	.box-item-list a.title, .box-item a.title{text-align:center;}
	.box-item .item-content{height:auto; margin-left:0;}
	.box-item .item-content > p{height:auto;}
	
	.box-item{display:table;}
	.box-item .item-image{float:none;}
	
	.list-view a.title{padding:157px 1.5% 0; height:59%; width:97%;}
	.list-view .element-text{margin-left:0;}
	
	/* Grid */
	.grid-view .title{font-size:16px;}
	
	/* Housetype */
	.mod-gallery .big-picture{width:100%;}
	
	/* Company 
	.sidebar-list li a{width:94%; padding:30px 3% 0;}*/
	
	/* Housetype Search */
	.searchform.housetype .extended fieldset{width:100%;}
	
	/* Article */
	img.top-image,
	.seo-content img.fleft, .mod-introtext img.fleft, .seo-content img.fright, .mod-introtext img.fright{max-width:98%;}
}

/* NEW HOUSETYPE */

@media (max-width: 1037px) {
.mod-gallery #carousel .frame img{
	max-width:none;
}
.mod-gallery #carousel .slides > li{
	width:29% !important;
}
.mod-gallery #carousel .slides > li .frame{
	width:29% !important;
	display:block;
	min-width:100%;
	margin:0;
}
.zoom .mod-gallery #carousel.two-columns > .flex-viewport,
.zoom .mod-gallery #carousel.two-columns > .slides{
	width:102%;
}
.zoom .mod-gallery #carousel.two-columns .slides > li{
	width:46% !important;
}
.zoom .mod-gallery #carousel.two-columns .slides > li{
	margin: 0 4% 3px 0;
}
}

@media (max-width: 980px) {
.mod-gallery .mod-overview .company{
	width:129px;
}
.zoom .mod-gallery .mod-overview .company{
	width:12.6%;
	height:10%;
}
.mod-gallery .mod-overview .first-view-ground-plan-box{
	width:48px;
}
.mod-gallery .first-view-ground-plan-box .grey-button .btn-title{
	display:none;
}
.zoom .mod-gallery .mod-overview .first-view-ground-plan-box{
	width:15%;
}
#show-module-contactform{
	letter-spacing:-0.03em;
}
}

@media (max-width: 900px) {
.mod-gallery .module-sidebar-contactform{
	position:static;
	width:auto;
	padding:365px 0 0 0;
	margin:0;
	float:none;
}
.body-immo .mod-gallery .module-sidebar-contactform{
	padding-top:10px;
}
#content .mod-gallery .module-sidebar-contactform .mod-content{
	margin:0;
}
.zoom .mod-gallery .module-sidebar-contactform{
	padding-top:500px;
}
.mod-gallery .module-sidebar-contactform #show-module-contactform{
	padding:1% 6%;
}
.zoom .mod-gallery #slider.zoom{
	height:430px;
}
.mod-overview .immo-address-box{
	width:auto;
	float:none;
	clear:both;
}
}

@media (max-width: 768px) {
.mod-gallery .hidden-portrait{
	display:block !important;
}
.mod-gallery .slider-outer {
	width:56%;
	padding:;
}
.mod-gallery .slider-outer #slider{
	padding-bottom:20px;
}
.mod-gallery .mod-overview .company{
	width:12.6%;
	height:10%;
}
.mod-gallery .mod-overview .first-view-ground-plan-box{
	width:15%;
	padding-right:0;
	float:right;
}
.mod-gallery .module-sidebar-contactform{
	padding-top:10px;
	clear:both;
}
.zoom .mod-gallery .module-sidebar-contactform{
	padding-top:10px;
}
.zoom .mod-gallery #slider.zoom{
	height:400px;
}
.mod-gallery #carousel.two-columns{
	padding-left:0;
	padding-right:0;
}
.mod-gallery #carousel{
	margin-left:0;
}
.mod-gallery #carousel.two-columns .slides > li{
	width:43.7% !important;
	margin:0 5% 7px 0;
}
.mod-gallery #carousel.two-columns .frame{
	margin:0;
}
.mod-gallery #carousel.two-columns{
	width:auto;
}
.mod-gallery #carousel.two-columns > .flex-viewport{
	width:auto;
}
#show-module-contactform{
	letter-spacing:0em;
}
.zoom .mod-gallery .slider-nav-carousel .nav-desc span{
	display:none;
}
#module-contactform .module-contactform-company .contactform-checkboxes div{
	width:100%;
	float:none;
}
}

@media (max-width: 600px) {
.mod-gallery .right-side .company,
.mod-gallery .right-side .first-view-ground-plan-box{
	display:none !important;
}
.mod-gallery .slider-outer{
	width:73%;
}
.zoom .mod-gallery .slider-outer{
	width:98%;
}
.zoom .mod-gallery .carousel-outer{
	display:none;
}
.mod-gallery #carousel.two-columns .slides > li{
	width:42% !important;
}
.mod-gallery .nav-desc{
	font-size:0.85em;
	line-height:1.6em;
}
.mod-gallery .slider-nav-carousel .nav-desc span{
	display:none;
}
}

@media (max-width: 360px) {
.mod-gallery .carousel-outer{
	display:none;
}
.mod-gallery .slider-outer{
	width:100%;
}
#show-module-contactform{
	letter-spacing:-0.03em;
}
.zoom .mod-gallery #slider.zoom{
	height:300px;
}
}

/*------------------------------
	KONTAKTFORMULAR
------------------------------*/

@media (max-width: 720px){
	.popup_content.form-contact{
		min-width:84%;
	}
}

@media (max-width: 600px){
	#module-contactform fieldset{
		width:100% !important;
		float:none !important;
	}
	#module-contactform.module-contactform-immo textarea{
		width:93.5%;
	}

	#module-contactform .contactform-housetypes label{
		width:50%;
	}

	#module-contactform .fright .contactform-subtitle,
	#module-contactform .fright input[type="text"],
	#module-contactform .fright select,
	#module-contactform .fright textarea{
		margin-right:0.9%;
		margin-left:0;
	}

	#module-contactform .contactform-companies li{
		width:24.1%;
	}
}

@media (max-width: 500px){
	#module-contactform .contactform-header .width-75{
		width:60%;
	}
}

@media (max-width: 400px){
	#module-contactform .contactform-region-select span{
		display:none;
	}

	#module-contactform .contactform-companies li{
		width:32.433%;
	}

	#module-contactform input.width-50[type="text"]{
		width:44.2%;
	}

	#module-contactform input.width-75[type="text"]{
		width:66.8%;
	}

	#module-contactform .contactform-estate .fright{
		width:45%;
	}

	#module-contactform .contactform-estate span.text{
		display:none;
	}
}

/* Navigation */
@media (max-width:768px){
	#top-navigation .nav{
		display:block;
	}
	#top-navigation .nav > li{
		display:inline;
		float:left;
	}
}