@charset "UTF-8";
/* CSS Document *//*
* 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: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	color: rgba(248,248,248,1);
	background-image: url(img/TSS%20composite.png);
	}  

.container-s {
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 0;
	height:auto;
   
    color: rgba(248,248,248,1);
	}  

   
    	.container2 {
    position: relative;
    width: 600px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
			background-color: #25700A;
    color: rgba(248,248,248,1);
	}    


/* #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;
			
		}	
		.zoom, .element img {	
			
		}
		.team {	width:172px;	
		}
		.send_mess {margin:17px 0 20px 0;
		}
			
        .camera_wrap .camera_pag {background:url(../images/slider/slide_bottom_768.png) no-repeat left top;
		}		   
	
    }


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

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

    @media only screen and (max-width: 767px) {
        .container { width: 300px;
		}        
		.element {
			width:132px;
			height:132px;
			
		}
		
			#logo {
			font-size: 20px;
			
		}
		.zoom, .element img {	
			
		}
		
		
		
		
		.col54_percent, .col42_percent, col45_percent, col48_percent, col65_percent, col33_percent {
			width:100%;
			float:none !important;
		} 
		.team {	width:135px;	
		}
		
		.col50_percent {
			width:100%;
			float:none !important;
		} 
		
		.col45_percent {
			width:100%;
			float:none !important;
		} 
		.col48_percent {
			width:100%;
			float:none !important;
		} 
		
		.col46_percent {
			width:100%;
			float:none !important;
		} 
		
		.col33_percent {
			width:100%;
			float:none !important;
		} 
		
		
		.send_mess {margin:17px 0 20px 0;
		}
		.phone {
			float:none;
			padding-top:0;
		} 
		.camera_caption { display: none !important;
		}
		.camera_wrap .camera_pag {background:url(../images/slider/slide_bottom_300.png) no-repeat left top;
		}
		.menu_in {width:300px;
		}
		#nav li {
			height:26px;
			width:100px;
			display:block;
			background:none;
		}
		#nav li a {
			height:26px;
			line-height:26px;			 
		}
		#nav li.current {border-bottom:none;
		}
		.search { display: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 {width:420px;
		}
		#nav li {
			padding:0;
			height:55px;
			text-align:center;	
			width:70px;
			display:block;
			float:left;	
			margin:0;
			background:url(../images/menu_li.png) no-repeat right top;
		}
		#nav li.contact { background:none;
		}
		#nav li a {
			height:55px;
			line-height:55px;
			display:block;
			font-size:12px;
			color:#343434;
			font-family: 'OswaldLight';
			text-transform:uppercase;	 
		}
		#nav li.current a {color:#ff6b01;
		}
		#nav li.current {border-bottom:1px #ff6b01 solid;
		}
		.search { display:none;
		}
		
    }

@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;
		} 
		
		.col48_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:none;
			padding-top:0;
		} 
		.camera_caption { display: none !important;
		}
		.camera_wrap .camera_pag {background:url(../images/slider/slide_bottom_300.png) no-repeat left top;
		}
		.menu_in {width:300px;
		}
		#nav li {
			height:26px;
			width:100px;
			display:block;
			background:none;
		}
		#nav li a {
			height:26px;
			line-height:26px;			 
		}
		#nav li.current {border-bottom:none;
		}
		.search { display:none;
		}
		
		
		#logo {
			font-size: 20px;
			background-color:#FAF8CC;
		}
	
}