#mainwrapper{
	width:1188px;
	margin:0 auto;
}

#head-left{
	width:70%;
	height:141px;
	float:left;
	display:block;
}

#head-left a{
	text-decoration:none;
}

#head-right{
	width:30%;
	height:141px;
	float:right;
	display:block; 
	text-align:right;
	font-size:10px;
}

#header-box .mainnav{
	background: url(../images/bg_navi_right.jpg) top right no-repeat transparent;
	height:39px;
}

.mainnav ul{
	padding-top:10px !important;
}



#footer{
	background: url(../images/bg_footer_right.jpg) bottom right no-repeat transparent;
	height:60px;
	padding: 0 0 0 0;
}


/* Standard 1280 or larger (browsers) */
@media only screen and (min-width: 1280px) {

	#center-box{ width:822px; }
	#outer-box{ background: url(../images/bg_main_big.jpg) top left repeat-y #fff; }

}
/* Smaller than standard 1280 (devices and browsers) */
@media only screen and (min-width: 980px) and (max-width: 1279px) {
	#mainwrapper{ width:940px; } 
	#center-box{ width:744px; }
	#right-box { display: none; }
	#outer-box{ background: url(../images/bg_main_940.jpg) top left repeat-y #fff; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	#mainwrapper{ width:710px; }
	#center-box{ width:514px; }
	#right-box { display: none; }
	#outer-box{ background: url(../images/bg_main_710.jpg) top left repeat-y #fff; }
	p#mainhl {
		font-size: 45px;
		line-height: 45px;
		padding-top: 30px;
	}
	
	#header-box{ height:159px; }
	div.mainnav{ height:19px;}
	div.mainnav ul { display:none; }
	#hlnavi{ display:none; }
	
	#content-left {
		width:100%;
	}
	#content-right {
		clear:both;
		float:left;
		width:100%;
	}
	#scroller { top:145px; }	
	#footnavbox { display:none; }
	#skinconfig{ display:none; }
}	


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#mainwrapper{ width:420px; }
	#left-box { 
		width:400px;
		background: url(../images/bg_main_420.jpg) top left repeat-y #fff;
		padding:0 10px 0 10px;
	}
	
	#sidebarfooter{ display: none; }
	#right-box { display: none; }

	#center-box{
		clear:both; 
		width:400px; 
		background: url(../images/bg_main_420.jpg) top left repeat-y #fff;
		padding:0 10px 0 10px; 	
	}
	p#mainhl {
		font-size: 35px;
		line-height: 35px;	
		padding-top: 15px;
		padding-left: 140px;
	}
	p#subheadline {
		padding-left: 140px;
	}	
	#header-box{ 
		height:90px; 
		background: url(../images/header_small.png) top left no-repeat transparent;
	}
	#head-left{
		width:100%;
		height: 72px;
	}
	#head-right{ display:none;}
	
	#header-box div.mainnav{ height:19px;}
	div.mainnav ul { display:none; }
	#hlnavi{ display:none; }
	
	#footnavbox { display:none; }
	
	#skinconfig{ display:none; }
	
	#mlnavi ul li { float:left; }
	#sidebar{ width:400px;}
	#sidebartop { width:380px; }
	.clip2 { 
		width:380px; 
		border:none;
	}
	#sidebar ul li a {
		padding-right: 1em;
	}
	
	
	#googlelayer {
		display: none;
		position: relative;
		width: 397px;
		height: 110px;
		padding: 10px;
		background: url(../images/bg_search_small.png) top left no-repeat transparent;
		top: -365px;
		left: -410px;
	}	
	div.cse-branding-form {
		width: 350px;
	}
	input#qquery {
		width: 260px;
	}
	
	#contentbox img {
		max-width: 380px;
		height: auto;
	}
	
	#content-left {
		width:100%;
	}
	#content-right {
		clear:both;
		float:left;
		width:100%;
	}
	
	#sidebar h1 a:hover, #sidebar h1 a:active, #sidebar a:link, #sidebar a:visited {
		border-bottom: none;
	}
	#mlnavi ul, #thirdlevelnavi ul{
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
	}	

	#mlnavi ul li, #thirdlevelnavi ul li{
		display: inline;
		list-style-type: none;
	}

	#mlnavi ul li a, #thirdlevelnavi ul li a { padding: 3px 10px; }

	#mlnavi ul li a:link, #mlnavi ul li a:visited, #thirdlevelnavi ul li a:visited {
		color: #000;
		background-color: #fff;
		text-decoration: none;
	}

	#mlnavi ul li a:hover, #thirdlevelnavi ul a:hover {
		color: #fff;
		background-color: #A00;
		text-decoration: none;
	}
	
	#thirdlevelnavi ul li { 
		float:none;
		display:block; 
	}
	
	#slnavi { margin-top:10px;}
	
	#slnavi .clip2 ul{ display:none; } 
	.responsive-nav{
		display:block;
	}
	#scroller { 
		top:75px;
		background: url(../images/bg_scroller_right_small.png) top left no-repeat transparent; 
	}
	#rsslayer { display:none; }
	
	#footer-box{
		height:120px;
		margin-bottom: 50px;
	}
	#footer{
		height:120px;
		padding:0 20px;
	}	
			
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	#mainwrapper{ width:300px; }
	#left-box { 
		width:280px;
		background: url(../images/bg_main_300.jpg) top left repeat-y #fff;
		padding:0 10px 0 10px;
	}
	
	#sidebarfooter{ display: none; }
	#right-box { display: none; }

	#center-box{
		clear:both; 
		width:280px; 
		background: url(../images/bg_main_300.jpg) top left repeat-y #fff;
		padding:0 10px 0 10px; 	
	}
	p#mainhl {
		font-size: 28px;
		line-height: 30px;	
		padding-top: 15px;
		padding-left: 140px;
	}
	p#subheadline {
		padding-left: 140px;
	}	
	#header-box{ 
		height:90px; 
		background: url(../images/header_small.png) top left no-repeat transparent;
	}
	#head-left{
		width:100%;
		height: 72px;
	}
	#head-right{ display:none;}
	
	#header-box div.mainnav{ height:19px;}
	div.mainnav ul { display:none; }
	#hlnavi{ display:none; }
	
	#footnavbox { display:none; }
	
	#skinconfig{ display:none; }
	
	#mlnavi ul li { 
		float:none;
		display:block; 
	}
	#sidebar{ width:280px;}
	#sidebartop { 
		width:260px; 
		float: none;
		margin: 0 auto;
	}
	.clip2 { 
		width:260px; 
		border:none;
	}
	#sidebar ul li a {
		padding-right: 1em;
	}
	
	
	#googlelayer {
		display: none;
		position: relative;
		width: 300px;
		height: 110px;
		padding: 10px;
		background: url(../images/bg_search_top.png) top left no-repeat transparent;
		top: -335px;
		left: -285px;
	}	
	div.cse-branding-form {
		width: 250px;
	}
	input#qquery {
		width: 160px;
	}
	#gsearch{
		margin: 0px 20px 0 0;
		width: 240px;
	}
	
	#contentbox img {
		max-width: 260px;
		height: auto;
	}
	
	#content-left {
		width:100%;
	}
	#content-right {
		clear:both;
		float:left;
		width:100%;
	}
	
	#sidebar h1 a:hover, #sidebar h1 a:active, #sidebar a:link, #sidebar a:visited {
		border-bottom: none;
	}
	#mlnavi ul, #thirdlevelnavi ul{
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
	}	

	#mlnavi ul li, #thirdlevelnavi ul li{
		display: inline;
		list-style-type: none;
	}

	#mlnavi ul li a, #thirdlevelnavi ul li a { padding: 3px 10px; }

	#mlnavi ul li a:link, #mlnavi ul li a:visited, #thirdlevelnavi ul li a:visited {
		color: #000;
		background-color: #fff;
		text-decoration: none;
	}

	#mlnavi ul li a:hover, #thirdlevelnavi ul a:hover {
		color: #fff;
		background-color: #A00;
		text-decoration: none;
	}
	
	#thirdlevelnavi ul li { 
		float:none;
		display:block; 
	}
	
	#slnavi { margin-top:10px;}
	
	#slnavi .clip2 ul{ display:none; } 
	.responsive-nav{
		display:block;
		width:240px;
	}
	
	#footer-box{
		height:120px;
		margin-bottom: 50px;
	}
	#footer{
		height:120px;
	}
	#scroller { 
		top:75px;
		background: url(../images/bg_scroller_right_small.png) top left no-repeat transparent; 
	}
	#rsslayer { display: none;}
		
}