/*
* 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:169px;
			height:169px;
			-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 {	width:172px;	
		}
		.send_mess {margin:17px 0 20px 0;
		}
		.camera_caption { display: none !important;
		}			
        .camera_wrap .camera_pag {background:url(../images/slider/slide_bottom_768.png) no-repeat left top;
		}
		.menu_in {padding-left:0;
		}
		#nav li {
			padding:0;
			width:127px;			
		}	
		.home_block {background: none;
		}			   
	
    }


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

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

    @media only screen and (max-width: 767px) {
        .container { width: 300px;
		}        
		.element {
			width:132px;
			height:132px;
			-moz-border-radius:68px;
			-webkit-border-radius:68px;
			border-radius:68px;
		}
		.zoom, .element img {	
			-moz-border-radius:68px;
			-webkit-border-radius:68px;
			border-radius:68px;
		}
		.col54_percent, .col42_percent {
			width:100%;
			float:none !important;
		} 
		.team {	width:135px;	
		}
		.col50_percent {
			width:100%;
			float:none !important;
		} 
		.send_mess {margin:17px 0 20px 0;
		}
		.phone {
			float:right;
			padding-top:0;
			width:300px;
		} 
		.camera_caption { display: none !important;
		}
		.camera_wrap .camera_pag {background:url(../images/slider/slide_bottom_300.png) no-repeat left top;
		}
		
		.menu_in {
			padding:5px 0;
			height:40px;
		}
		#nav li {
			padding:0;
			width:99px;
			height:20px;
			text-align:center;	
			display:block;
			float:left;	
			margin:0;
			background:none;
		}
		#nav li a {
			height:20px;
			line-height:20px;
			font-size:12px;			
		}
		#nav li.current a {
			font-weight:bold;
			background:none;
			text-shadow:none;
			font-weight:bold;
		}
		.home_block {background: none;
		}		
				
    }


/* #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:192px;
			height:192px;
			-moz-border-radius:95px;
			-webkit-border-radius:95px;
			border-radius:95px;
		}
		.zoom, .element img {	
			-moz-border-radius:95px;
			-webkit-border-radius:95px;
			border-radius:95px;
		}
		.team {	width:195px;	
		}
		.send_mess {margin:17px 0 20px 116px;
		}	
		.phone {
			padding-top:0;
			width:420px;
			float:right;
		} 
		.camera_caption { display: none !important;
		}
		.camera_wrap .camera_pag {background:url(../images/slider/slide_bottom_420.png) no-repeat left top;
		}
		.menu_in {
			padding:0;
			height:50px;
		}
		#nav li {
			padding:0;
			width:69px;
			height:50px;
			text-align:center;	
			display:block;
			float:left;	
			margin:0;
			background:url(../images/menu_li.png) no-repeat right top;			
		}
		#nav li a {
			height:50px;
			line-height:50px;
			display:block;
			font-size:12px;
			color:#fff;
			text-shadow:0 -1px 1px #000;
		}
		#nav li.current a {
			background:url(../images/menu_arrow.png) no-repeat center top;
			color:#fff;
			text-shadow:0 -1px 1px #000;
			font-weight:normal;
		}	
		.home_block {background: none;
		}
	}
	    @media only screen and (max-width: 479px) {
		#logo {
	line-height:35px;
	padding-right:10px;
	height:35px;
	margin-right:10px;
	font-size:25px; 
	color:#343434;
	font-family: 'OswaldRegular';
	float:left;
	border-right:1px #ededed solid;
}
#logo a {
	font-size:30px; 
	color:#343434;
	font-family: 'OswaldRegular';
	text-transform:uppercase;
}		
		
    }

@media only screen and (min-width: 240px) and (max-width: 320px) {
	.container { width: 300px;
		}         
		.element {
			width:132px;
			height:132px;
			-moz-border-radius:68px;
			-webkit-border-radius:68px;
			border-radius:68px;
		}
		.zoom, .element img {	
			-moz-border-radius:68px;
			-webkit-border-radius:68px;
			border-radius:68px;
		}
		.col54_percent, .col42_percent {
			width:100%;
			float:none !important;
		} 
		.team {	width:135px;	
		}
		.col50_percent {
			width:100%;
			float:none !important;
		} 
		.send_mess {margin:17px 0 20px 0;
		}
		.phone {
			float:right;
			padding-top:0;
			width:300px;
		} 
		.camera_caption { display: none !important;
		}
		.camera_wrap .camera_pag {background:url(../images/slider/slide_bottom_300.png) no-repeat left top;
		}
		
		.menu_in {
			padding:5px 0;
			height:40px;
		}
		#nav li {
			padding:0;
			width:99px;
			height:20px;
			text-align:center;	
			display:block;
			float:left;	
			margin:0;
			background:none;
		}
		#nav li a {
			height:20px;
			line-height:20px;
			font-size:12px;			
		}
		#nav li.current a {
			font-weight:bold;
			background:none;
			text-shadow:none;
		}
		.home_block {background: none;
		}	
		
	
}