/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/





/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {background-image: url(img/pagebgNEW.jpg);background-repeat:repeat-x;background-position:center top; background-color:#fff;-webkit-text-size-adjust: 100%;
}
#navwrapper {width:850px;text-align:left;float:left;margin: 20px 0;}
#graybar {width:850px;text-align:right;float:left;padding-right:10px;padding-top:5px;border-top:1px solid #DDDDDD;}
#contentwrapper {width:100%;text-align:left;padding-left:20px;}
#sidebar {float:right;width:160px;padding-left:0px;padding-right:30px;padding-top:30px;}
#content {max-width:590px;float:left;}
#footer {font-size:12px;width:830px;max-width:830px;text-align:center;padding-top:8px;border-top: 1px solid #DDDDDD;}
.copyright {padding-right:12px;}
.navtabs3plain {padding:0px 14px;display:block; float:left;}
.sitemapleft {float:left;width:47%;text-align:left;padding-right:6%;}
.sitemapright {float:right;width:47%;text-align:left;}
#menubottom {height:30px;}
.homepic {width:184px;float:right;}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
	}

#navwrapper {width:768px;text-align:left;float:left;margin: 20px 0px;}
#graybar {width:728px;text-align:right;float:left;padding-right:0px;padding-top:5px;border-top:1px solid #DDDDDD;margin-left:20px;margin-right:20px;}
#content {max-width:508px;float:left;}
#sidebar {float:right;width:160px;padding-left:0px;padding-right:40px;padding-top:30px;}
.navtabs3plain {padding:0px 20px 10px 20px;display:block; float:left;}
#footer {width:728px;margin-left:20px;margin-right:20px;}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {background-image: url(img/pagebg500.jpg);background-repeat:no-repeat;background-position:center top; background-color:#fff;
	}

#navwrapper {max-width:320px;text-align:left;float:left;margin: 20px 0 10px 10px;}
#graybar {width:300px;text-align:right;float:left;padding-right:0px;padding-top:5px;border-top:1px solid #DDDDDD;margin-right:10px;margin-left:10px;}
.navtabs3plain {padding:0px 20px 10px 0;display:block; float:left;}
#contentwrapper {width:100%;text-align:left;padding-left:10px;padding-right:10px;}
#content {max-width:300px;float:left;}
#sidebar {float:left;width:300px;padding-left:0px;padding-right:0px;padding-top:20px;margin-right:10px;padding-bottom:10px;border-top: 1px solid #DDDDDD;}
#footer {font-size:12px;width:300px;max-width:320px;text-align:left;padding-top:8px;border-top: 1px solid #DDDDDD;margin-top:10px;margin-left:10px;}
.copyright {display:block; padding-bottom: 4px;}
.sitemapleft {float:left;width:100%;text-align:left;padding-right:0;}
.sitemapright {float:left;width:100%;text-align:left;}
#menubottom {height:10px;}
.homepic {width:120px;float:right;}

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
	}
#navwrapper {max-width:470px;text-align:left;float:left;margin: 20px 0 10px 10px;}
#graybar {width:460px;text-align:right;float:left;padding-right:0px;padding-top:5px;border-top:1px solid #DDDDDD;margin-right:10px;margin-left:10px;}
.navtabs3plain {padding:0px 24px 10px 0;display:block; float:left;}
#content {max-width:460px;float:left;}
#sidebar {float:left;width:460px;padding-left:0px;padding-right:0px;padding-top:20px;margin-right:10px;padding-bottom:10px;border-top: 1px solid #DDDDDD;}
#footer {font-size:12px;width:460px;max-width:460px;text-align:left;padding-top:8px;border-top: 1px solid #DDDDDD;margin-top:10px;margin-left:10px;}
.homepic {width:154px;float:right;}

}