/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* 
* Modified by Murezi Michael
* http://www.murezimichael.ch
*/


/* 1260 +
========================================================================== */

.container { position: relative; width: 1050px; }
.container .column { float: left; margin: 0px 10px 12px; }

.container .one.column { width: 85px; }
.container .two.column { width: 190px; }
.container .three.column { width: 295px; }
.container .four.column	{ width: 400px; }
.container .five.column	{ width: 505px; }
.container .six.column { width: 610px; }
.container .seven.column { width: 715px; }
.container .eight.column { width: 820px; }
.container .nine.column { width: 925px; }
.container .ten.column { width: 1030px; }
.container .eleven.column { width: 1135px; }
.container .twelve.column { width: 1240px; }

.container .one.column img { max-width: 85px; }
.container .two.column img { max-width: 190px; }
.container .three.column img { max-width: 295px; }
.container .four.column img { max-width: 400px; }
.container .five.column img { max-width: 505px; }
.container .six.column img { max-width: 610px; }
.container .seven.column img { max-width: 715px; }
.container .eight.column img { max-width: 820px; }
.container .nine.column img { max-width: 925px; }
.container .ten.column img { max-width: 1030px; }
.container .eleven.column img { max-width: 1135px; }
.container .twelve.column img { max-width: 1240px; }


/* 960
========================================================================== */

@media only screen and (min-width: 1260px/*1020px*/) /*and (max-width: 1319px)*/ {
	.container { width: 800px; }

	.container .one.column { width: 60px; }
	.container .two.column { width: 140px; }
	.container .three.column { width: 220px; }
	.container .four.column	{ width: 300px; }
	.container .five.column	{ width: 380px; }
	.container .six.column { width: 460px; }
	.container .seven.column { width: 540px; }
	.container .eight.column { width: 620px; }
	.container .nine.column { width: 700px; }
	.container .ten.column { width: 780px; }
	.container .eleven.column { width: 860px; }
	.container .twelve.column { width: 940px; }


	.container .one.column img { max-width: 60px; }
	.container .two.column img { max-width: 140px; }
	.container .three.column img { max-width: 220px; }
	.container .four.column img { max-width: 300px; }
	.container .five.column img { max-width: 380px; }
	.container .six.column img { max-width: 460px; }
	.container .seven.column img { max-width: 540px; }
	.container .eight.column img { max-width: 620px; }
	.container .nine.column img { max-width: 700px; }
	.container .ten.column img { max-width: 780px; }
	.container .eleven.column img { max-width: 860px; }
	.container .twelve.column img { max-width: 940px; }
	
}



/* #Tablet (Portrait)
========================================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 960px/*768px*/) and (max-width: 1259px/*1019px*/) {
	.container { width: 640px; }
	
	.container .one.column { width: 44px; }
	.container .two.column { width: 108px; }
	.container .three.column { width: 172px; }
	.container .four.column { width: 236px; }
	.container .five.column { width: 300px; }
	.container .six.column { width: 364px; }
	.container .seven.column { width: 428px; }
	.container .eight.column { width: 492px; }
	.container .nine.column { width: 556px; }
	.container .ten.column { width: 620px; }
	.container .eleven.column { width: 684px; }
	.container .twelve.column { width: 748px; }
	
	.container .one.column img { max-width: 44px; }
	.container .two.column img { max-width: 108px; }
	.container .three.column img { max-width: 172px; }
	.container .four.column img { max-width: 236px; }
	.container .five.column img { max-width: 300px; }
	.container .six.column img { max-width: 364px; }
	.container .seven.column img { max-width: 428px; }
	.container .eight.column img { max-width: 492px; }
	.container .nine.column img { max-width: 556px; }
	.container .ten.column img { max-width: 620px; }
	.container .eleven.column img { max-width: 684px; }
	.container .twelve.column img { max-width: 748px; }

}


/* #Mobile (Landscape)
========================================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 568px/*444px*/) and (max-width: 959px/*767px*/) {
	.container { width: 420px; }
	
	.container .column { margin: 0 10px 12px; }
	.container .one.column,
	.container .two.column,
	.container .three.column,
	.container .four.column,
	.container .five.column,
	.container .six.column,
	.container .seven.column,
	.container .eight.column,
	.container .nine.column,
	.container .ten.column,
	.container .eleven.column,
	.container .twelve.column { width: 400px; }
	
	.container .one.column img,
	.container .two.column img,
	.container .three.column img,
	.container .four.column img,
	.container .five.column img,
	.container .six.column img,
	.container .seven.column img,
	.container .eight.column img,
	.container .nine.column img,
	.container .ten.column img,
	.container .eleven.column im,
	.container .twelve.column img { max-width: 400px; }
	
	#page_title { padding-top: 55px; }
	
	/*#nav { height: 21px; }*/

}

/*  #Mobile (Portrait)
========================================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 567px/*443px*/) {
	.container { width: 300px; }
	/*.container .column, #header { margin: 0 0 12px;}*/

	.container .one.column,
	.container .one.column,
	.container .two.column,
	.container .three.column,
	.container .four.column,
	.container .five.column,
	.container .six.column,
	.container .seven.column,
	.container .eight.column,
	.container .nine.column,
	.container .ten.column,
	.container .eleven.column,
	.container .twelve.column { width: 280px; }
	
	.container .one.column img,
	.container .two.column img,
	.container .three.column img,
	.container .four.column img,
	.container .five.column img,
	.container .six.column img,
	.container .seven.column img,
	.container .eight.column img,
	.container .nine.column img,
	.container .ten.column img,
	.container .eleven.column im,
	.container .twelve.column img { max-width: 280px; }
	
	#page_title { padding-top: 40px; }
		
	.container .lightbox img { height: 84px; }


}