/*fonts*/
	@font-face {
    font-family:'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?iefix') format('eot'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#webfontakBUUg6U') format('svg');
    font-weight:normal;
    font-style:normal;
	}
	.navone, .link, .copy, .accordion-title, .text, .resume, h1, h2, h4, label{
		font-family:"PTSansRegular";
	}
/*tags*/
	body{
		padding-top:20px;
	}
	footer{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	h1{
		font-size:16px;
		margin-bottom:5px;
		font-weight: bold;
	}
	h2{
		text-align: left;
	}
	/*contact form*/
	form{
		width:100%;
		border-right: solid 1px #000000;
		margin:10px 1%;
		padding:10px 0.5%;
	}
	label{
		display: block;
		margin-bottom: 10px;
	}
	input{
		border-radius: 5px;
		width:65%;
		margin-bottom: 10px;
	}
	textarea{
		border-radius: 5px;
	}
	.button{
		background-color: #eeeeee;
		border-style: solid;
		border-color: #e0e0e0;
	}
	.mini{
		height:20px;
		border-color: #e0e0e0;
		border-style: solid;
	}
	.big{
		border-color: #e0e0e0;
		width:65%;
		margin-bottom: 15px;
	}
	.themail{
		width:50%;
		float: left;
		margin-right: 20px;

	}
/*classes*/
	/*header/navigation*/
	.container{
		max-width:1024px;
		width:100%;
		margin-right:auto;
		margin-left:auto;

	}
	.head{
		width:100%;
	}
	.logo{
		width:100px;
		height:auto;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:10px;
	}
	.name{
		width:60%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
	.nav{
		width:37%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:50px;
	}
	.thenav{
		width:33.3%;
		float:left;
	}
	a.navone{
		text-decoration: none;
		font-size:19px;
		display: block;
		color:#000000;
		text-align: center;
	}
	a.navone:hover{
		color:#706f6f;
	}
	.current{
		color:#8b8a8a;
	}
	/*footerclasses*/
	.foot{
		width:30%;
		height:25px;
		margin-right: auto;
		margin-left: auto;
	}
	.linked{
		float: left;
		width:15%;
		height:30px;
	}
	.maillink{
		width: 55%;
		float: left;
		margin-left:10px;
	}
	.copy{
		font-size:13px;
		margin-top: 4px;
	}
	.link{
		text-align: center;
		text-decoration: none;
		font-size:15px;
		color:#000000;
		display: block;
		line-height: 25px;
	}
	.link:hover{
		color:#706f6f;
	}
	.in{
		width:13px;
		margin-right: auto;
		margin-left: auto;
		display: block;
		margin-top: 5px;
	}
	.copywrite{
		width:25%;
		float:left;
		margin-bottom: 6px;
		text-align: center;
	}
	/*basicclasses*/
	.imagesize{
		width:100%;
		height:auto;
	}
	.clear{
		clear: both;
	}
/*accordion*/
	.main{
		
	}
	.accordion{
		overflow:hidden;
		width:97%;
		margin:10px 0.5%;
		padding:10px 1%;
	}
	.accordion-section{
		width:97%;
		margin:10px 0.5%;
		padding:10px 1%;
		border-bottom:1px solid;
	}
	.accordion-title{
		text-decoration:none;
		color:#000000;
		font-size:16px;
	}
	.accordion-title:hover{
		color:#706f6f;
	}
	.acordion-content{
		width:100%;
		height:auto;
		color:#e4e4e4;
	}
	.video{
		position: absolute;
		left:0px;
		top:0px;
		max-height: 480px;
	}
	.videoss{
		background-color: #000000;
		width: 550px;
	}
	img .imaging{
		max-height:450px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.theclicker{
		width:540px;
		height:440px;
		margin-top:20px;
		padding-bottom: 50px;
		position: relative;
	}
	.thevid{
		width:540px;
		height:380px;
		margin-top:20px;
		position: relative;
	}
	.uno1{
		display: inherit;
	}
	.dos2{
		display: none;
	}
	.tres3{
		display: none;
	}
	.quatro4{
		display: none;
	}
	.cinco5{
		display: none;
	}
	.seis6{
		display: none;
	}
	.siete7{
		display: none;
	}	
	.ocho8{
		display: none;
	}
	.nueve9{
		display: none;
	}
	.dies10{
		display: none;
	}
	.unce11{
		display: none;
	}
	.doce12{
		display: none;
	}
	.dog1{
		display: inherit;
	}
	.cat2{
		display: none;
	}
	.zebra3{
		display: none;
	}
	.cow4{
		display: none;
	}
	.love1{
		display: inherit;
	}
	.care2{
		display: none;
	}
	.izzy1{
		display: inherit;
	}
	.marley2{
		display: none;
	}
	.ziggy3{
		display: none;
	}
	.happy1{
		display: inherit;
	}
	.sad2{
		display: none;
	}
	.mad3{
		display: none;
	}
	.frustrate4{
		display: none;
	}	
	.cheese1{
		display: inherit;
	}
	.bread2{
		display: none;
	}
	.milk3{
		display: none;
	}
	.cereal4{
		display: none;
	}
	.toast5{
		display: none;
	}
	.eggs6{
		display: none;
	}
	.potatoes7{
		display: none;
	}	
	.tomatoes8{
		display: none;
	}
	.pancakes9{
		display: none;
	}
	.broken1{
		display: inherit;
	}
	.scratch2{
		display: none;
	}
	.itch3{
		display: none;
	}
	.elbow4{
		display: none;
	}
	.knee1{
		display: inherit;
	}
	.fingers2{
		display: none;
	}
	.arms3{
		display: none;
	}
	.face4{
		display: none;
	}
	.legs5{
		display: none;
	}
	.stomach6{
		display: none;
	}
	.eyes1{
		display: inherit;
	}
	.mouth2{
		display: none;
	}
	.nose3{
		display: none;
	}
	.ears4{
		display: none;
	}
	.brows5{
		display: none;
	}
	.nails1{
		display: inherit;
	}
	.paint2{
		display: none;
	}
	.tears1{
		display: inherit;
	}
	.smile2{
		display: none;
	}
	.chicken1{
		display: inherit;
	}
	.turkey2{
		display: none;
	}
	.pig3{
		display: none;
	}
	.deer4{
		display: none;
	}
	.bison5{
		display: none;
	}
	.snake6{
		display: none;
	}
	.blue1{
		display: inherit;
	}
	.red2{
		display: none;
	}
	.purple3{
		display: none;
	}
	.black4{
		display: none;
	}
	.white5{
		display: none;
	}
	.yellow6{
		display: none;
	}
	.oranges7{
		display: none;
	}
	.clickme{
		height: 30px;
		width: 500px;
		margin-left: 10px;
		padding-top: 25px;
		padding-bottom: 10px;
	}
	.bad{
		height: 0px;
		margin-top: 0px;
		padding-top: 20px;
	}
	.box{
		width: 30px;
		height: 30px;
		background-color:#eeeeee;
		float:left;
		line-height: 30px;
		text-align:center;
		border-radius: 30px;
		font-size: 14px;
		margin-right: 10px;
		text-decoration: none;
	}
	.boxx{
		background-color: #ffffff;
		width:0px;
		height:0px;
		float:left;
		line-height:0px;
		text-align:center;
		margin-right:10px;
		text-decoration: none;
	}
	.boxx:hover{
		background-color: #ffffff;
	}
	.box:hover{
		background-color: #e0e0e0;
	}
	.info{
		width:65%;
		margin-left: 15px;
	}
	.text{
		line-height: 22px;
		font-size: 12px;
		width: 82%;
	}

	/*id*/
	#accordion-1{
		display: none;
	}
	#accordion-2{
		display: none;
	}
	#accordion-3{
		display: none;
	}
	#accordion-4{
		display: none;
	}
	#accordion-5{
		display: none;
	}
	#accordion-6{
		display: none;
	}
	#accordion-7{
		display: none;
	}
	#accordion-8{
		display: none;
	}
	#accordion-9{
		display: none;
	}
	#accordion-10{
		display: none;
	}
	#accordion-11{
		display: none;
	}
	#accordion-12{
		display: none;
	}
	#accordion-13{
		display: none;
	}
	#accordion-14{
		display: none;
	}
	#accordion-15{
		display: none;
	}
/*thelightanddark*/
	#lightening{
		position:fixed;
		top:50%;
		left:50%;
		margin-left:-250px ;
		margin-top:-359px ;
		padding:50px;
		width:.5%;
		z-index: 9999;
		display: none;
	 }
	#lightening .close { }
	#lightening .target { }
	#lightening .target img{ }
	#darkening { 
		background-color: #000000;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		opacity:.8;
		display: none;
	}
/*classes*/
	/*resume*/
	a.resume{
		display:block;
		text-align: center;	
		text-decoration: none;
		font-size: 20px;
		color:#000000;
		padding-top: 15px;	
	}
	a.resume:hover{
		color:#706f6f;
	}
	.fifty{
		width:47%;
		margin:10px 1%;
		padding: 10px 0.5%;
		float: left;
	}
	/*contactinfo*/
	.contactinfo{
		float:left;
		width:40%;
		margin-left:10px;
		margin-top: 140px;
	}
	.emailsend{
		text-decoration: none;
		color:#000000;
		font-size: 15px;
	}
	.emailsend:hover{
		color:#706f6f;
	}
	h4{
		font-size: 20px;
		margin-bottom: 2px;
		font-weight: normal;
	}


/*media querries(responsive)*/
	@media only screen and (max-width:1024px){
		/*classes*/
/*			.container{
				background-color: blue;
			}*/
			/*navigation/head*/
			.nav{
				width: 47%;
			}
			/*accordion*/
			.info{
				width: 50%;
			}
			.text{
				width: 100%;
			}
			/*footer*/
			.foot{
				width: 40%;
			}
		/*tags*/
	}
	@media only screen and (max-width:768px){
		/*classes*/
/*			.container{
				background-color: orange;
			}*/
			/*navigation/head*/
			.name{
				width: 85%;
			}
			.nav{
				width: 57%;
			}
			.navone{
				font-size: 18px;
			}
			/*accordion*/
			.info{
				width:97%;
			}
			.video{
				margin-left: auto;
				margin-right: auto;
				float: none;
			}
			.lung{
				max-width: 440px;
			}
			.videoss{
				width: 100%;
				max-width: 448px;
			}
			.videox{
				margin-top: 30px;
			}
			.thvid{
				display: inherit;
			}
			.text{
				width: 80%;
			}
			.box{
				margin-bottom: 10px;
			}
			.clickme{
				width: 350px;
				display: block;
				height:60px;
			}
			div.theclicker.imagezzz{
				height: 250px ;
			}
			/*experience logos*/
			.fifty{
				width:100%;
			}
			/*footer*/
			.foot{
				width:55%;
			}			
			/*emailform*/
			input{
				width:96%;
			}
			.big{
				width:96%;
			}
		/*tags*/

	}
	@media only screen and (max-width:528px){
		.text{
			width: 100%;
			} 

	}
	@media only screen and (max-width:480px){
		/*classes*/
			/*.container{
				background-color: red;
			}*/
			/*navigation/head*/
			.nav{
				width:97%;
			}
			a.navone{
				font-size: 16px;
			}
			.name{
				width:95%;
			}
			.logo{
				width:70px;
			}
			/*resume*/
			a.resume{
				font-size: 15px;
			}
			/*accordion*/
			.video{
				max-height: 250px;
			}

			.lung{
				max-width: 300px;
			}
			.videoss{
				max-width: 310px;
				max-height: 250px;
			}
			div.theclicker.imagezzz{
				height: 190px ;
			}
			div.thevid{
				height: 250px;
				width: 310px;
			}
			.clickme{
				width: 310px;
				display: block;
				height:60px;
			}
			div.theclicker{
				width: 315px;
				display: block;
				height:250px;
			}
			.bad{
				padding-top: 0px;
			}
			div.clickme.bad{
				height: 15px;
				display: block;
			}
			.box{
				margin-bottom: 10px;
			}
			/*light and dark*/
				#lightening{
					display: none;
				 }
				#lightening .close { 
					display: none;
				}
				#lightening .target { 
					display: none;
				}
				#lightening .target img{ 
					display: none;
				}
				#darkening { 
					display: none;
				}
			/*footer*/
			.link{
				font-size: 15px;
			}
			.foot{
				width:97%;
			}
			/*emailform*/
			.themail{
				width:100%;
			}
			form{
				width:100%;
				border-right: solid 0px #000000;
				margin:10px 1%;
				padding:10px 0.5%;
			}
			.contactinfo{
				display: none;

			}
		/*tags*/
	}
	@media only screen and (max-width:320px){
		/*classes*/
/*			.container{
				background-color: purple;
			} */
			/*navigation*/
			.nav{
				width:97%;
			}
			a.navone{
				font-size: 12px;
			}
			.logo{
				width:50px;
			}
			/*accordian names*/
			.accordion-title{
				font-size: 12px;
			}
			img.video.imaging.sss.uh.uno1{
				height: 150px;
			}
			img.video.imaging.sss.uh.dos2{
				height: 150px;
			}
			div.theclicker.imagezzz{
				height: 150px ;
			}
			.videoss{
				max-width: 225px;
				height: 200px;
			}
			.video{
				max-height: 200px;
			}
			.lung{
				max-width: 225px;
			}
			div.thevid{
				height: 200px;
				width: 225px;
			}
			.clickme{
				width: 230px;
				display: block;
				height:60px;
			}
			.xxx{
				height: 20px;
			}
			div.theclicker{
				width: 230px;
				display: block;
				height:200px;
			}
			/*footer*/
			.link{
				font-size: 12px;
			}
			.copy{
				font-size: 12px;
			}
		/*tags*/
	}