/*
* 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
*/

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)

/* #Base 960 Grid
================================================== */

    .container {
		position: relative;
		width: 940px;
		margin: 0 auto;
		padding: 0;
		overflow:hidden;
	}    

    	

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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container  {
			width: 768px;
		}
        .item, .element {
			width:167px;
			height:100px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			border-radius:20px;
		}	
		.item img, .zoom, .element img {	
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			border-radius:20px;
		}
		.team {	width:173px;	
		}
		.send_mess {margin:17px 0 20px 0;
		}	
                
	
    }


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

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

    @media only screen and (max-width: 767px) {
        .container { width: 300px;
		}
        
        #nav li {width:99px; 
		}
		.section {padding-top: 130px;  
		}
		.item, .element {
			width:130px;
			height:78px;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
		}
		.item img, .zoom, .element img {	
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
		}
		.col54_percent, .col42_percent {
			width:100%;
			float:none !important;
		} 
		.team {	width:136px;	
		}
		.col50_percent {
			width:100%;
			float:none !important;
		} 
		.send_mess {margin:17px 0 20px 0;
		}
				
    }


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

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

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px;
		}
        		
		#nav li {width:139px; 
		}
		.section {padding-top: 130px;  
		}
		.item, .element {
			width:190px;
			height:114px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			border-radius:20px;
		}
		.item img, .zoom, .element img {	
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			border-radius:20px;
		}
		.team {	width:196px;	
		}
		.send_mess {margin:17px 0 20px 116px;
		}	
    }

@media only screen and (min-width: 240px) and (max-width: 320px) {
	.container { width: 300px;
		}
        
        #nav li {width:99px; 
		}
		.section {padding-top: 130px;  
		}
		.item, .element {
			width:130px;
			height:78px;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
		}
		.item img, .zoom, .element img {	
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
		}
		.col54_percent, .col42_percent {
			width:100%;
			float:none !important;
		} 
		.team {	width:136px;	
		}
		.col50_percent {
			width:100%;
			float:none !important;
		} 
		.send_mess {margin:17px 0 20px 0;
		}
	
}