@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 0px) and (max-width: 479px){
	
	.mobile{margin: 5px auto 0px auto;}
	/*Hiding normal navigation*/
	.notmobile{width: 0px; height:0px; visibility:hidden; display:none;}
	
	/*Hiding seperate front page navigation*/
	nav.front{width:0px; visibility:hidden; display:none;}
	nav.front li{width:0px; height: 0px; visibility:hidden; display:none;}
	
	/*site layout for mobile*/
	#page_wrap{height:auto; margin: 5px auto 0px auto; width:100%;}
	header{font-size:28px; padding:80px 0px 0px 0px; height:150px; background-position: center top; text-align:center;
	background-image:url(../img/fmilogo_mobile.jpg); position:relative; margin:0px; left: 0; top: 0; right: 0;}
	
	/*front page layout for mobile*/
	#content_wrap{width: 95%; margin: 10px auto 10px auto; padding:0; float: none;}
	.content_box{height: auto;}
	#front_temperatureview{padding: 10px 5px 10px 5px; line-height:25px;}
	#air_temp{margin: 20px 0px 50px 0px; float: none;}
	#road_temp{margin: 20px 0px 50px 0px; float: none;}
	#air_temp h1, #road_temp h1{font-size:70px; padding-top:50px;}
	#front_temperatureview, #condition{font-size:20px;}
	#front_roadview{background-image:none;}
	#friction{padding:20px 0px 50px 0px; width: 100%; float: none;}
	#condition{padding:5px 0px 50px 0px; width: 100%; float: none;}
	#condition_indicator{margin:5px auto 5px auto;}
	#friction_condition_text{margin: 5px 0px 0px 0px; font-size:24px; line-height:30px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 36px;}
	#front_cameraview img{width:90%; margin:15px 0px 0px 15px;}
	#front_cameratext{width:100%; height:40px; margin:-40px 0px 0px 0px; background-color:#464646; padding:10px 15px 0px 0px; text-align:right;}

	/*other pages layout for mobile*/
	
	#headings{margin:10px auto 0px auto;}
	.images{width: 90%; margin: 20px auto 0px auto;}
	.diagrams_with_text, .diagrams{width: 95%; text-align:center;}
	.left{margin: 0px auto 0px auto;}
	.right{margin:10px auto 0px auto;}
	
	nav.front a{font-size:16px;}
	.diagram_images{padding: 5px; width: 95%;}
	#page_frost .diagram_images{width: 95%; height: auto;}
	
	/*lightbox gallery layout for mobile*/
	figure.tabimg {width: 70%;}
	figure.overlayimg {padding:0px;border: #333 thin solid; margin: 30px auto 0px auto;} 
	

}

@media only screen and (min-width: 480px) and (max-width: 570px){
	.mobile{margin: 5px auto 0px auto;}
	
	/*Hiding normal navigation*/
	.notmobile{width: 0px; height:0px; visibility:hidden; display:none;}
	
	/*Hiding seperate front page navigation*/
	nav.front{width:0px; visibility:hidden; display:none;}
	nav.front li{width:0px; height: 0px; visibility:hidden; display:none;}
	
	/*site layout for mobile*/
	#page_wrap{height:auto; margin: 5px auto 0px auto; width:100%;}
	header{font-size:36px; padding:65px 0px 0px 0px; height:120px; background-position: center top; text-align:center;
	background-image:url(../img/fmilogo_mobile.jpg); position:relative;}
	
	/*front page layout for mobile*/
	#content_wrap{width: 95%; margin: 10px auto 10px auto; padding:0; float: none;}
	.content_box{height: auto;}
	#front_temperatureview{padding: 10px 5px 10px 5px; line-height:25px;}
	#air_temp{margin: 20px 0px 50px 0px; float: none;}
	#road_temp{margin: 20px 0px 50px 0px; float: none;}
	#air_temp h1, #road_temp h1{font-size:70px; padding-top:50px;}
	#front_temperatureview, #condition{font-size:20px;}
	#front_roadview{background-image:none;}
	#friction{padding:20px 0px 50px 0px; width: 100%; float: none;}
	#condition{padding:5px 0px 50px 0px; width: 100%; float: none;}
	#condition_indicator{margin:5px auto 5px auto;}
	#friction_condition_text{margin: 5px 0px 0px 0px; font-size:24px; line-height:30px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 36px;}
	#front_cameraview img{width:90%; margin:15px 0px 0px 15px;}
	#front_cameratext{width:100%; height:40px; margin:-40px 0px 0px 0px; background-color:#464646; padding:10px 15px 0px 0px; text-align:right;}

	/*other pages layout for mobile*/
	
	#headings{margin:10px auto 0px auto;}
	.images{width: 90%; margin: 20px auto 0px auto;}
	.diagrams_with_text, .diagrams{width: 95%; text-align:center;}
	.left{margin: 0px auto 0px auto;}
	.right{margin:10px auto 0px auto;}
	
	nav.front a{font-size:16px;}
	.diagram_images{padding: 5px; width: 95%;}
	#page_frost .diagram_images{width: 95%; height: auto;}
	
	/*lightbox gallery layout for mobile*/
	figure.tabimg {width: 70%;}
	figure.overlayimg {padding:0px;border: #333 thin solid;} 


}

@media only screen and (min-width: 571px) and (max-width: 774px){
	.mobile{width:0px;height:0px;visibility:hidden;display:none;}
	nav.front{width:22%;}
	nav.front li{width:100%; height: 15.15%;}
	#content_wrap{width: 70.8%; margin: 37px 18px 0px 0px;}
	.content_box{height: 32%;}
	#front_temperatureview{padding: 40px 20px 40px 20px;}
	#air_temp{margin: 0px 0px 100px 0px;}
	#front_roadview{background-position:center center, center center;}
	#friction{padding:40px 60px 40px 30px;}
	#condition{padding:40px 30px 40px 60px;}
	#condition_indicator{margin:35px auto 25px auto;}
	#friction_condition_text{margin: 30px 0px 0px 0px;}
	#front_frost{background-image:url(../img/frontnavempty.png);}
	#front_wind{background-image:url(../img/frontnavempty.png);}
	#front_temperature{background-image:url(../img/frontnavtemperature.png);}
	#front_cameras{background-image:url(../img/frontnavcamera.png);}
	#front_cameraview img{width:95%; margin:15px 0px 0px 15px;}
	#front_cameratext{width:100%; height:40px; margin:-40px 0px 0px 0px; background-color:#464646; padding:10px 15px 0px 0px; text-align:right;}
	nav.main li:after{margin:0 0 0 40%;}
	#page_wrap{height:130%;}
	#front_temperatureview{line-height:10px;}
	#front_temperatureview, #friction_indicator_text, #condition{font-size:26px;}
	#air_temp h1, #road_temp h1{font-size:86px; padding-top:50px;}
	#friction_condition_text{font-size:24px;line-height:30px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 36px;}
	.images{width: 50%;}
	.diagrams_with_text, .diagrams{width: 95%; text-align:center;}
	.left{margin: 0px auto 0px auto;}
	.right{margin:10px auto 0px auto;}
	header{font-size:26px; padding:30px 10px 0px 0px;}
	nav.front a{font-size:16px;}
	.diagram_images{padding: 10px; width: 90%;}
	#page_frost .diagram_images{width: 95%; height: auto;}
	figure.tabimg {width: 70%;}
	figure.overlayimg {margin:25% auto 0px auto;padding: 20px;border: #333 thin solid;} 


}

@media only screen and (min-width: 775px) and (max-width: 800px){
	.mobile{width:0px;height:0px;visibility:hidden;display:none;}
	nav.front{width:22%;}
	nav.front li{width:100%; height: 15.15%;}
	#content_wrap{width: 70.8%; margin: 37px 18px 0px 0px;}
	.content_box{height: 31.6%;}
	#front_temperatureview{padding: 40px 20px 40px 20px;}
	#air_temp{margin: 0px 0px 100px 0px;}
	#front_roadview{background-position:center center, center center;}
	#friction{padding:40px 60px 40px 30px;}
	#condition{padding:40px 30px 40px 60px;}
	#condition_indicator{margin:35px auto 25px auto;}
	#friction_condition_text{margin: 30px 0px 0px 0px;}
	#front_frost{background-image:url(../img/frontnavempty_landscape.png);}
	#front_wind{background-image:url(../img/frontnavempty_landscape.png);}
	#front_temperature{background-image:url(../img/frontnavtemperature_landscape.png);}
	#front_cameras{background-image:url(../img/frontnavcamera_landscape.png);}
	#front_cameraview img{width:95%; margin:15px 0px 0px 15px;}
	#front_cameratext{width:100%; height:40px; margin:-40px 0px 0px 0px; background-color:#464646; padding:10px 15px 0px 0px; text-align:right;}
	nav.main li:after{margin:0 0 0 40%;}
	#page_wrap{height:130%;}
	#front_temperatureview{line-height:10px;}
	#front_temperatureview, #friction_indicator_text, #condition{font-size:26px;}
	#air_temp h1, #road_temp h1{font-size:86px; padding-top:50px;}
	#friction_condition_text{font-size:24px;line-height:30px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 36px;}
	.images{width: 50%;}
	.diagrams_with_text, .diagrams{width: 95%; text-align:center;}
	.left{margin: 0px auto 0px auto;}
	.right{margin:10px auto 0px auto;}
	header{font-size:40px; padding:20px 10px 0px 0px;}
	nav.front a{font-size:16px;}
	.diagram_images{padding: 10px; width: 90%;}
	#page_frost .diagram_images{width: 95%; height: auto;}
	figure.tabimg {width: 70%;}
	figure.overlayimg {margin:25% auto 0px auto;padding: 20px;border: #333 thin solid;} 

}

@media only screen and (min-width: 801px) and (max-width: 994px){
	.mobile{width:0px;height:0px;visibility:hidden;display:none;}
	nav.front{width:20%;}
	nav.front li{width:100%; height: 15.15%;}
	#content_wrap{width: 72.8%; margin: 37px 18px 0px 0px;}
	.content_box{height: 32.15%;}
	#front_temperatureview{padding: 40px 20px 40px 20px;}
	#air_temp{margin: 0px 0px 100px 0px;}
	#front_roadview{background-position:bottom center, center center;}
	#friction{padding:40px 60px 40px 30px;}
	#condition{padding:40px 30px 40px 60px;}
	#condition_indicator{margin:35px auto 25px auto;}
	#friction_condition_text{margin: 30px 0px 0px 0px;}
	#front_frost{background-image:url(../img/frontnavempty.png);}
	#front_wind{background-image:url(../img/frontnavempty.png);}
	#front_temperature{background-image:url(../img/frontnavtemperature.png);}
	#front_cameras{background-image:url(../img/frontnavcamera.png);}
	#front_cameraview img{width:95%; margin:15px 0px 0px 15px;}
	#front_cameratext{width:100%; height:40px; margin:-40px 0px 0px 0px; background-color:#464646; padding:10px 15px 0px 0px; text-align:right;}
	nav.main li:after{margin:0 0 0 43%;}
	#page_wrap{height:89.9%;}
	#front_temperatureview{line-height:10px;}
	#front_temperatureview, #friction_indicator_text, #condition{font-size:26px;}
	#air_temp h1, #road_temp h1{font-size:86px; margin-top: 50px;}
	#friction_condition_text{font-size:24px;line-height:40px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 36px;}
	.images{width: 75%;}
	.diagrams_with_text{width: 86%;}
	.diagrams_with_text .left{width: 70%; float: left;}
	.diagrams_with_text .right{width: 30%; float: right;}
	.diagrams{width: 90%; text-align:center;}
	.diagrams .left, .diagrams .right{margin: 0px auto 0px auto;}
	header{font-size:42px; padding:20px 10px 0px 0px;}
	#page_temp .right{width: 200px;}
	nav.front a{font-size:20px;}
	.diagram_images{padding: 10px; width: 90%;}
	#page_frost .diagram_images{width: 95%; height: auto;}
	#lightbox_gallery{width:90%;}
	figure.tabimg {width: 45%; display:inline-block; margin:0px 0px 0px 0px; vertical-align:top;}
	figure.overlayimg {margin:10% auto 0px auto;padding: 20px;border: #333 thin solid;}
	/*#img1{float:left;}
	#img2{float:right;}*/

}



@media only screen and (min-width: 995px) and (max-width: 1024px){
	.mobile{width:0px;height:0px;visibility:hidden;display:none;}
	nav.front{width:42%;}
	nav.front li{width:47%; height: 28.7%}
	#content_wrap{width: 53%; margin: 37px 22px 0px 0px}
	.content_box{height: 28.7%;}
	#front_temperatureview{padding: 5px 20px 5px 20px;}
	#air_temp{margin: 20px 0px 0px 0px; width:50%; float:left;}
	#road_temp{margin: 20px 0px 0px 0px; width: 50%; float:right;}
	#front_visibility, #front_temperature, #front_humidity{margin: 0px 20px 20px 0px; float: left;}
	#front_frost, #front_wind, #front_cameras{float: right;}
	#front_roadview{background-position:top center, center center;}
	#friction{padding:5px 40px 5px 10px;}
	#condition{padding:5px 10px 5px 40px;}
	#condition_indicator{margin:10px auto 25px auto;}
	#friction_condition_text{margin: 20px 0px 0px 0px;}
	#front_frost{background-image:url(../img/frontnavempty_landscape.png);}
	#front_wind{background-image:url(../img/frontnavempty_landscape.png);}
	#front_temperature{background-image:url(../img/frontnavtemperature_landscape.png);}
	#front_cameras{background-image:url(../img/frontnavcamera_landscape.png);}
	#front_cameraview img{width:55%; margin:5px 0px 0px 5px;}
	#front_cameratext{width:100%; margin:-30px 0px 0px 0px; padding:10px 20px 0px 0px; text-align:right;}
	nav.main li:after{margin:0 0 0 44%;}
	#page_wrap{height:130%;}
	#front_temperatureview{line-height:25px;}
	#front_temperatureview, #friction_indicator_text, #condition{font-size:18px;}
	#air_temp h1, #road_temp h1{font-size:62px; margin-top: 50px;}
	#friction_condition_text{font-size:20px;line-height:25px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 30px;}
	.images{width: 60%;}
	.diagrams_with_text{width: 80%;}
	.diagrams{width: 90%; text-align:center;}
	.diagrams_with_text .left{width: 70%; float: left;}
	.diagrams_with_text .right{width: 30%; float: right;}
	.diagrams .left{float: left;}
	.diagrams .right{float: right;}
	header{font-size:48px; padding:20px 10px 0px 0px;}
	#page_temp .diagrams_with_text{width: 90%;}
	nav.front a{font-size:20px;}
	.diagram_images{padding: 10px; width: 90%;}
	.diagrams .diagram_images{width: 70%;}
	#page_frost .diagrams .diagram_images{width: auto; height: 320px;}
	#lightbox_gallery{width:90%;}
	figure.tabimg {width: 45%; display:inline-block; margin:0px 0px 0px 0px; vertical-align:top;}
	figure.overlayimg {margin:5% auto 0px auto;padding: 20px;border: #333 thin solid;}
	/*#img1{float:left;}
	#img2{float:right;}*/

	}
	
	
@media only screen and (min-width: 1025px) and (max-width: 1280px ){
	.mobile{width:0px;height:0px;visibility:hidden;display:none;}
	nav.front{width:40%;}
	nav.front li{width:48%; height: 28.7%}
	#content_wrap{width: 55%; margin: 37px 22px 0px 0px}
	.content_box{height: 28.7%;}
	#front_temperatureview{padding: 5px 20px 5px 20px;}
	#air_temp{margin: 45px 0px 0px 0px; width:50%; float:left;}
	#road_temp{margin: 45px 0px 0px 0px; width: 50%; float:right;}
	#front_visibility, #front_temperature, #front_humidity{margin: 0px 20px 20px 0px; float: left;}
	#front_frost, #front_wind, #front_cameras{float: right;}
	#front_roadview{background-position:top center, center center;}
	#friction{padding:5px 60px 5px 30px;}
	#condition{padding:5px 30px 5px 60px;}
	#condition_indicator{margin:10px auto 25px auto;}
	#friction_condition_text{margin: 20px 0px 0px 0px;}
	#front_frost{background-image:url(../img/frontnavempty_landscape.png);}
	#front_wind{background-image:url(../img/frontnavempty_landscape.png);}
	#front_temperature{background-image:url(../img/frontnavtemperature_landscape.png);}
	#front_cameras{background-image:url(../img/frontnavcamera_landscape.png);}
	#front_cameraview img{width:42%; margin:10px 0px 0px 10px;}
	#front_cameratext{width:100%; margin:-17px 0px 0px 0px; padding:0px 15px 0px 0px; text-align:right;}
	nav.main li:after{margin:0 0 0 44%;}
	#page_wrap{height:89.9%;}
	#front_temperatureview{line-height:10px;}
	#front_temperatureview, #friction_indicator_text, #condition{font-size:24px;}
	#air_temp h1, #road_temp h1{font-size:84px; padding-top:50px}
	#friction_condition_text{font-size:24px;line-height:25px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 34px;}
	.images{width: 50%;}
	.diagrams_with_text{width: 85%;}
	.diagrams_with_text .left{width: 60%;}
	.diagrams_with_text .right{width: 40%;}
	.diagrams{width: 95%; text-align:center;}
	.diagrams_with_text .left, .diagrams .left{float: left;}
	.diagrams_with_text .right, .diagrams .right{float: right; text-align:left;}
	header{font-size:48px; padding:20px 10px 0px 0px;}
	#page_temp .diagrams_with_text{width: 90%;}
	#page_temp .right{width: 40%;}
	nav.front a{font-size:20px;}
	.diagram_images{padding: 10px; width: 90%; margin: auto}
	.diagrams .diagram_images{padding: 10px; width: 55%;}
	#page_frost .diagrams .diagram_images{width: auto; height: 410px;}
	#lightbox_gallery{width:90%;}
	figure.tabimg {width: 45%; display:inline-block; margin:0px 0px 0px 0px; vertical-align:top;}
	figure.overlayimg {margin:3% auto 0px auto;padding: 20px;border: #333 thin solid;}
	/*#img1{float:left;}
	#img2{float:right;}*/

	}
	
@media only screen and (min-width: 1281px) and (max-width: 1366px ){
	.mobile{width:0px;height:0px;visibility:hidden;display:none;}
	nav.front{width:40%;}
	nav.front li{width:48%; height: 28.7%}
	#content_wrap{width: 55%; margin: 37px 22px 0px 0px}
	.content_box{height: 28.7%;}
	#front_temperatureview{padding: 5px 20px 5px 20px;}
	#air_temp{margin: 45px 0px 0px 0px; width:50%; float:left;}
	#road_temp{margin: 45px 0px 0px 0px; width: 50%; float:right;}
	#front_visibility, #front_temperature, #front_humidity{margin: 0px 20px 20px 0px; float: left;}
	#front_frost, #front_wind, #front_cameras{float: right;}
	#front_roadview{background-position:top center, center center;}
	#friction{padding:5px 60px 5px 30px;}
	#condition{padding:5px 30px 5px 60px;}
	#condition_indicator{margin:10px auto 25px auto;}
	#friction_condition_text{margin: 20px 0px 0px 0px;}
	#front_frost{background-image:url(../img/frontnavempty_landscape.png);}
	#front_wind{background-image:url(../img/frontnavempty_landscape.png);}
	#front_temperature{background-image:url(../img/frontnavtemperature_landscape.png);}
	#front_cameras{background-image:url(../img/frontnavcamera_landscape.png);}
	#front_cameraview img{width:39%; margin:10px 0px 0px 10px;}
	#front_cameratext{width:100%; margin:-17px 0px 0px 0px; padding:0px 15px 0px 0px; text-align:right;}
	nav.main li:after{margin:0 0 0 44%;}
	#page_wrap{height:89.9%;}
	#front_temperatureview{line-height:10px;}
	#front_temperatureview, #friction_indicator_text, #condition{font-size:24px;}
	#air_temp h1, #road_temp h1{font-size:84px; padding-top:50px}
	#friction_condition_text{font-size:24px;line-height:25px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 34px;}
	.images{width: 50%;}
	.diagrams_with_text{width: 85%;}
	.diagrams_with_text .left{width: 60%;}
	.diagrams_with_text .right{width: 40%;}
	.diagrams{width: 90%; text-align:center;}
	.diagrams_with_text .left, .diagrams .left{float: left;}
	.diagrams_with_text .right, .diagrams .right{float: right; text-align:left;}
	header{font-size:48px; padding:20px 10px 0px 0px;}
	#page_temp .diagrams_with_text{width: 90%;}
	#page_temp .right{width: 40%;}
	nav.front a{font-size:20px;}
	.diagram_images{padding: 10px; width: 90%; margin: auto}
	.diagrams .diagram_images{padding: 10px; width: 55%;}
	#page_frost .diagrams .diagram_images{width: auto; height: 410px;}
	#lightbox_gallery{width:90%;}
	figure.tabimg {width: 45%; display:inline-block; margin:0px 0px 0px 0px; vertical-align:top;}
	figure.overlayimg {margin:2% auto 0px auto;padding: 20px;border: #333 thin solid;}
	/*#img1{float:left;}
	#img2{float:right;}*/

	}
	
	
@media only screen and (min-width: 1367px) and (max-width: 2000px ){
	.mobile{width:0px;height:0px;visibility:hidden;display:none;}
	nav.front{width:40%;}
	nav.front li{width:48%; height: 28.7%}
	#content_wrap{width: 55%; margin: 37px 22px 0px 0px}
	.content_box{height: 28.7%;}
	#front_temperatureview{padding: 5px 20px 5px 20px;}
	#air_temp{margin: 45px 0px 0px 0px; width:50%; float:left;}
	#road_temp{margin: 45px 0px 0px 0px; width: 50%; float:right;}
	#front_visibility, #front_temperature, #front_humidity{margin: 0px 20px 20px 0px; float: left;}
	#front_frost, #front_wind, #front_cameras{float: right;}
	#front_roadview{background-position:top center, center center;}
	#friction{padding:5px 60px 5px 30px;}
	#condition{padding:5px 30px 5px 60px;}
	#condition_indicator{margin:10px auto 25px auto;}
	#friction_condition_text{margin: 10px 0px 0px 0px;}
	#front_frost{background-image:url(../img/frontnavempty_landscape.png);}
	#front_wind{background-image:url(../img/frontnavempty_landscape.png);}
	#front_temperature{background-image:url(../img/frontnavtemperature_landscape.png);}
	#front_cameras{background-image:url(../img/frontnavcamera_landscape.png);}
	#front_cameraview img{width:35%; margin:10px 0px 0px 10px;}
	#front_cameratext{width:100%; margin:-17px 0px 0px 0px; padding:0px 15px 0px 0px; text-align:right;}
	nav.main li:after{margin:0 0 0 44%;}
	#page_wrap{height:89.9%;}
	#front_temperatureview{line-height:10px;}
	#front_temperatureview, #friction_indicator_text, #condition{font-size:24px;}
	#air_temp h1, #road_temp h1{font-size:84px; padding-top:50px}
	#friction_condition_text{font-size:24px;line-height:30px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 34px;}
	.images{width: 50%;}
	.diagrams_with_text{width: 60%;}
	.diagrams_with_text .left{width: 60%;}
	.diagrams_with_text .right{width: 40%;}
	.diagrams{width: 60%; text-align:center;}
	.diagrams_with_text .left, .diagrams .left{float: left;}
	.diagrams_with_text .right, .diagrams .right{float: right; text-align:left;}
	header{font-size:48px; padding:20px 10px 0px 0px;}
	#page_temp .diagrams_with_text{width: 70%;}
	#page_temp .right{width: 40%;}
	nav.front a{font-size:20px;}
	.diagram_images{padding: 10px; width: 90%; margin: auto}
	.diagrams .diagram_images{padding: 10px; width: 55%;}
	#page_frost .diagrams .diagram_images{width: auto; height: 410px;}
	#lightbox_gallery{width:90%;}
	figure.tabimg {width: 45%; display:inline-block; margin:0px 0px 0px 0px; vertical-align:top;}
	figure.overlayimg {margin:2% auto 0px auto;padding: 20px;border: #333 thin solid;}
	/*#img1{float:left;}
	#img2{float:right;}*/
	}
	
@media only screen and (min-width: 2001px){
	.mobile{width:0px;height:0px;visibility:hidden;display:none;}
	body{background-repeat:no-repeat; background-color:#464646;}
	nav.front{width:40%;}
	nav.main, #page_wrap {width:2000px; margin: 0px auto 0px auto; border-left:#FFF thin solid; border-right:#FFF thin solid;}
	#page_wrap{
		background-image:url(../img/bg_1.jpg);
		background-size: cover; 
		-webkit-background-size: cover;
 		-moz-background-size: cover;
  		-o-background-size: cover;
		height:100%;
		position:absolute;
		left: 0;
		right: 0;
		
	}
	nav.front li{width:48%; height: 28.7%}
	#content_wrap{width: 55%; margin: 37px 22px 0px 0px}
	.content_box{height: 28.7%;}
	#front_temperatureview{padding: 5px 20px 5px 20px;}
	#air_temp{margin: 45px 0px 0px 0px; width:50%; float:left;}
	#road_temp{margin: 45px 0px 0px 0px; width: 50%; float:right;}
	#front_visibility, #front_temperature, #front_humidity{margin: 0px 20px 20px 0px; float: left;}
	#front_frost, #front_wind, #front_cameras{float: right;}
	#front_roadview{background-position:top center, center center;}
	#friction{padding:5px 60px 5px 30px;}
	#condition{padding:5px 30px 5px 60px;}
	#condition_indicator{margin:10px auto 25px auto;}
	#friction_condition_text{margin: 20px 0px 0px 0px;}
	#front_frost{background-image:url(../img/frontnavempty_landscape.png);}
	#front_wind{background-image:url(../img/frontnavempty_landscape.png);}
	#front_temperature{background-image:url(../img/frontnavtemperature_landscape.png);}
	#front_cameras{background-image:url(../img/frontnavcamera_landscape.png);}
	#front_cameraview img{width:39%; margin:10px 0px 0px 10px;}
	#front_cameratext{width:100%; margin:-17px 0px 0px 0px; padding:0px 15px 0px 0px; text-align:right;}
	nav.main li:after{margin:0 0 0 44%;}
	#front_temperatureview{line-height:10px;}
	#front_temperatureview, #friction_indicator_text, #condition{font-size:24px;}
	#air_temp h1, #road_temp h1{font-size:84px; padding-top:50px}
	#friction_condition_text{font-size:24px;line-height:25px;}
	#friction_condition_text h1, #condition_indicator_text{font-size: 34px;}
	.images{width: 50%;}
	.diagrams_with_text{width: 60%;}
	.diagrams_with_text .left{width: 60%;}
	.diagrams_with_text .right{width: 40%;}
	.diagrams{width: 60%; text-align:center;}
	.diagrams_with_text .left, .diagrams .left{float: left;}
	.diagrams_with_text .right, .diagrams .right{float: right; text-align:left;}
	header{font-size:48px; padding:20px 10px 0px 0px; width: 2000px; margin: 0px auto 0px auto;}
	#page_temp .diagrams_with_text{width: 70%;}
	#page_temp .right{width: 40%;}
	nav.front a{font-size:20px;}
	.diagram_images{padding: 10px; width: 90%; margin: auto}
	.diagrams .diagram_images{padding: 10px; width: 55%;}
	#page_frost .diagrams .diagram_images{width: auto; height: 410px;}
	#lightbox_gallery{width:90%;}
	figure.tabimg {width: 45%; display:inline-block; margin:0px 0px 0px 0px; vertical-align:top;}
	figure.overlayimg {margin:2% auto 0px auto;padding: 20px;border: #333 thin solid;}
	/*#img1{float:left;}
	#img2{float:right;}*/
}