/*
* 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;
		}
        .element {
			width:170px;
			height:170px;
			-moz-border-radius:87px;
			-webkit-border-radius:87px;
			border-radius:87px;
		}
		.zoom, .element img {	
			-moz-border-radius:87px;
			-webkit-border-radius:87px;
			border-radius:87px;
		}
		.team, .one_fourth {width:173px;	
		}
		.round_img img {width:167px;
		}
		.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: 95%;
		}        	
		.element {
			width:133px;
			height:133px;
			-moz-border-radius:9px;
			-webkit-border-radius:9px;
			border-radius:9px;
		}
		.zoom, .element img {	
			-moz-border-radius:9px;
			-webkit-border-radius:9px;
			border-radius:9x;
		}
		.col54_percent, .col42_percent {
			width:100%;
			float:none !important;
		} 
		.team, .one_fourth {width:136px;	
		}
		.round_img img {width:130px;
		}
		.col50_percent {
			width:100%;
			float:none !important;
		} 
		.send_mess {margin:17px 0 20px 0;
		}
		#logo {
			margin:6px 5px 0 0;
			padding-right:0;
			background: none;
		}
		#slogan { padding-top:0;
		}
				
		#nav {padding:35px 0 0 0;
		}
		#nav li {
			float:none;
			padding-right:0;
			margin:0;
			background:none;
		}
		#nav li a {
			font-size:11px;
			line-height:16px;
		}
		
		
				
    }


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

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

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px;
		}			
		.element {
			width:193px;
			height:193px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}
		.zoom, .element img {	
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}
		.team, .one_fourth {width:196px;	
		}
		.round_img img {width:190px;
		}
		.send_mess {margin:17px 0 20px 116px;
		}
		
		#logo {
			margin:6px 5px 0 0;
			padding-right:0;
			background: none;
		}
		#slogan {
			padding-top:0;
			width:300px;
		}
		
		#nav {padding:30px 0 0 0;
		}
		#nav li {
			float:none;
			padding-right:0;
			margin:0;
			background:none;
		}
		#nav li a {
			font-size:12px;
			line-height:18px;
		}
		
		
    }

@media only screen and (min-width: 240px) and (max-width: 320px) {
		.container { width: 300px;
			}
				
		.element {
			width:133px;
			height:133px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}
		.zoom, .element img {	
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}
		.col54_percent, .col42_percent {
			width:100%;
			float:none !important;
		} 
		.team, .one_fourth {width:136px;	
		}
		.round_img img {width:130px;
		}
		.col50_percent {
			width:100%;
			float:none !important;
		} 
		.send_mess {margin:17px 0 20px 0;
		}
		
		#logo {
			margin:6px 5px 0 0;
			padding-right:0;
			background: none;
		}
		#slogan { padding-top:0;
		}
		
		#nav {padding:30px 0 0 0;
		}
		#nav li {
			float:none;
			padding-right:0;
			margin:0;
			background:none;
		}
		#nav li a {
			font-size:12px;
			line-height:18px;
		}
	
}