@media (max-width:550px){
		#images {
		  height: 280px !important;
		}
		#descriptioninner {
			width: 100% !important;
		}
		
		body, h2, p, ul.whatwedo li{
			font-size: 8pt !important;
		}
		
		p{
			letter-spacing: 0 !important;
		}
		
		#menu ul{
			float: left !important;
			clear: both;
			margin: 10px 0 0 0 !important;
		}
		
		#menu ul li{
			float:left;
			margin: 0 8px 0 0 !important;
		}
		
	}
	
	@media (max-width: 720px) {
		.perf{
			margin-top: 0px !important;
		}
	}
	
	@media (max-width: 850px) and (min-width:551px) {
	
	  #images {
	    height: 400px !important;
	  }
	}
	
	@media (min-width: 851px) {
	  #images {
	    height: 550px !important;
	  }
	}
	
	
	body{
		margin: 20px;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		color:#000;
		min-width: 200px;
		font-size: 10pt;
	}
		
	h2{
		margin: 0;
		padding: 0;
		font-size: 10pt;
	}
	p{
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 9pt;
	}
	
	a{
		color: #000;
	}
	
	a img{
		outline: none;
		border: 0;
		
	}
	a.hover{
		/* for IE */
			position: absolute;
			filter:alpha(opacity=0);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		/* for IE */
		
		opacity: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #fff;
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
	
	a.hover span{
		display: block;
		position: absolute;
		width: 100%;
		top: 50%;
		margin-top: -5pt;
		text-align: center;
	}
	
	
	
	a.hover:hover{
		opacity: .9;
	}
		
	#description{
        width:100%;
        margin-top:40px;
        margin-bottom: 20px;
        }
       
        #descriptioninner{
	        float: right;
			width: 60%;
			max-width: 600px;
			margin-bottom: 20px;
			line-height: 14pt;
	}
	
	#socialmenu{
		width:200px;
		float: left;
		text-align: left;
	}
	
	.social{
		margin-left: 3px !important;
	}
	
	.social img{
		opacity: .2;
		margin-top: -4px;
		width: 25px;
	}
	
	.social img:hover{
		opacity: .7;
	}
	
	li, ul, #images{
		margin: 0;
		padding:0;
	}
	
	#menu{
		padding:0 0 40px 0;
		height:27px;
	}
	
	#menu img{
		float:left;
	}
	
	#menu ul{
		float:right;	
		list-style-type:none;
	}
	
	#menu ul li{
		float:left;
		margin-left:20px;
	}
	
	#menu a{
		font-weight:bold;
		color:#000;
		text-decoration:none;
	}
	
	#menu a.less{
		color:#a7a7a7;
		font-weight: normal;
	}
	
	#menu a:hover{
		color:#92c83e;
	}

	#main{
		width: 100%;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#main div{
		margin: 0 60px 60px 0px;
	}	
		
	#images { position: relative; overflow: auto;  width:100%; height: 550px;}
    	
    	#images li { list-style: none; }
        	
        	#images ul li { float: left; height: 100%; text-align:center; font: 0/0 a;}
        	
        	#images ul li:before{
        	content: ' ';
        	display: inline-block;
        	vertical-align: middle;  /* vertical alignment of the inline element */
        	height: 100%;        		
        	}
	
	#images ul li img{max-width:100%;max-height:100%; display: inline-block;
	  vertical-align: middle;  /* vertical alignment of the inline element */
	  font: 16px/1 Arial sans-serif;        /* <-- reset the font property */}
        	
        	
        	.prev, .next{
        		position:absolute;
        		top: 0;
        		height:100%;
        	}
        	
        	.prev{
        		left: 0;
        		width:40%;
        		cursor: url('/inc/left.cur'), auto;
        	}
        	
        	.next{
        		left: 60%;
        		width:40%;
        		cursor: url('/inc/right.cur'), auto;
        	}
        	
        	#text { position: relative; overflow: auto; }
        	    #text li { list-style: none; }
        	        #text ul li { float: left; }
        	                	        
        	        ul.whatwedo li{
        	        	margin: 6px 0 0 15px;
        	        	font-size: 9pt;
        	        }