/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
* mod 03/03/2013 http://www.3d-hobby-art.de/
*/
/* #Base 960 Grid 
================================================== */
.container{position:relative;width:960px;margin:0 auto;padding:0}
.column,.columns{float:left;display:inline;margin-left:10px;margin-right:10px}
.row{margin-bottom:20px}
/* Nested Column Classes */
.column.alpha,.columns.alpha{margin-left:0}
.column.omega,.columns.omega{margin-right:0}
.container .one-third.column{width:300px}
.container .two-thirds.column{width:620px}
	
.container-sixteen .one.column{width:40px}
.container-sixteen .two.columns{width:100px}
.container-sixteen .three.columns{width:160px}
.container-sixteen .four.columns{width:220px}
.container-sixteen .five.columns{width:280px}
.container-sixteen .six.columns{width:340px}
.container-sixteen .seven.columns{width:400px}
.container-sixteen .eight.columns{width:460px}
.container-sixteen .nine.columns{width:520px}
.container-sixteen .ten.columns{width:580px}
.container-sixteen .eleven.columns{width:640px}
.container-sixteen .twelve.columns{width:700px}
.container-sixteen .thirteen.columns{width:760px}
.container-sixteen .fourteen.columns{width:820px}
.container-sixteen .fifteen.columns{width:880px}
.container-sixteen .sixteen.columns{width:940px}	
	
@media only screen and (min-width: 768px) and (max-width: 2000px) {	
	#search{display:block; text-align:right}
	h2#sitename{-moz-transform:scale(1) rotate(-5deg) translateX(-5px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-transform:scale(1) rotate(-5deg) translateX(-5px) translateY(0px) skewX(0deg) skewY(0deg);-o-transform:scale(1) rotate(-5deg) translateX(-5px) translateY(0px) skewX(0deg) skewY(0deg);-ms-transform:scale(1) rotate(-5deg) translateX(-5px) translateY(0px) skewX(0deg) skewY(0deg);transform:scale(1) rotate(-5deg) translateX(-5px) translateY(0px) skewX(0deg) skewY(0deg)}}	
	/* 2 columns first row, second row, third row etc. */
	div.items-row.cols-2.row-0 div.item.column-1{width:48.5%;margin-left:.5%;float:left;padding:5px 10px}
	div.items-row.cols-2.row-0 div.item.column-2{width:48.5%;margin-left:1%;float:left;padding:5px 10px}
	/* 3 columns first row, second row, third row etc. */
	div.items-row.cols-3.row-0 div.item.column-1{width:29.5%;margin-left:.5%;float:left;padding:5px 10px}
	div.items-row.cols-3.row-0 div.item.column-2{width:29.5%;margin-left:1.5%;float:left;padding:5px 10px}
	div.items-row.cols-3.row-0 div.item.column-3{width:29.5%;margin-left:1.5%;float:left;padding:5px 10px}

	div.breadcrumbs{margin:15px 20px 5px 5px}
	div.breadcrumbs ul{list-style:none;overflow:hidden}
	div.breadcrumbs ul li a,.showHere{text-decoration:none;font-weight:700;padding:4px 0 4px 30px;background:#F5F5F5;background:hsla(0,0%,96%,1);position:relative;display:block;float:left;color:#aeaeae}
	div.breadcrumbs ul li a:after,li.showHere:after{content:" ";display:block;width:0;height:0;border-top:50px solid transparent;/* Go big on the size, and let overflow hide */border-bottom:50px solid transparent;border-left:20px solid hsla(0,0%,96%,1);position:absolute;top:50%;margin-top:-50px;left:100%;z-index:2}
	div.breadcrumbs ul li a:before,li.showHere:before{content:" ";display:block;width:0;height:0;border-top:50px solid transparent;/* Go big on the size, and let overflow hide */border-bottom:50px solid transparent;border-left:20px solid #FFF;position:absolute;top:50%;margin-top:-50px;left:100%;z-index:1}
	div.breadcrumbs ul li:first-child a,li.showHere{padding-left:10px}
	div.breadcrumbs ul li:last-child a{background:#FFF!important;pointer-events:none;cursor:default;font-weight:700}
	div.breadcrumbs ul li:last-child a:after{border:0}
	div.breadcrumbs ul li a:hover{background:hsla(240,67%,94%,1);text-decoration:none}
	div.breadcrumbs ul li a:hover:after{border-left-color:hsla(240,67%,94%,1)!important}
}	
	
/* #Tablet (Portrait)
================================================== */	
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#search input{position: absolute;left:75%}
	ul.menu{margin:47px 0 0 30px}
	#content{background:url(../images/bg_shadow_748px.png) top center no-repeat;padding:5px 0}
	#footer-sub{background:url(../images/bg_shadow_748px.png) top center no-repeat;padding:25px 0}

	.container{width:768px}
	.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}
	.column.omega,.columns.omega{margin-right:0;margin-left:10px}
	.container .one-third.column{width:236px}
	.container .two-thirds.column{width:492px}		
			
	.container-sixteen .one.column{width:28px}
	.container-sixteen .two.columns{width:76px}
	.container-sixteen .three.columns{width:124px}
	.container-sixteen .four.columns{width:172px}
	.container-sixteen .five.columns{width:220px}
	.container-sixteen .six.columns{width:268px}
	.container-sixteen .seven.columns{width:316px}
	.container-sixteen .eight.columns{width:364px}
	.container-sixteen .nine.columns{width:412px}
	.container-sixteen .ten.columns{width:460px}
	.container-sixteen .eleven.columns{width:508px}
	.container-sixteen .twelve.columns{width:556px}
	.container-sixteen .thirteen.columns{width:604px}
	.container-sixteen .fourteen.columns{width:652px}
	.container-sixteen .fifteen.columns{width:700px}
	.container-sixteen .sixteen.columns{width:748px}
}	
	
/*	#Mobile (Portrait) 
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {	
	.js #nav { display: none; }
	.js .selectnav { display: block; }
	#content{background:none}
	#footer-sub{background:none}
	.top-colums{background:none;padding:5px 10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}

	.container{width:300px}
	.columns,.column{margin:0}
	.container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:300px}
}	
	
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container{width:420px}
	.columns,.column{margin:0}
	.container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:420px}
}

/* Self Clearing Goodness */
	.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
	/* Use clearfix class on parent to clear nested columns, 
		or wrap each row of columns in a <div class="row"> */
	.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
	.row:after,.clearfix:after{clear:both}
	.row,.clearfix{zoom:1}
	.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}