@font-face {
    font-family: 'lindseyregular';
    src: url('../fonts/linds-webfont.eot');
    src: url('../fonts/linds-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/linds-webfont.woff') format('woff'),
         url('../fonts/linds-webfont.ttf') format('truetype'),
         url('../fonts/linds-webfont.svg#lindseyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ligurino_condensedregular';
	src: local(ligurino_condensedregular), url("../fonts/ligurino_condensed-webfont.ttf");
    src: url('../fonts/ligurino_condensed-webfont.eot');
    src: url('../fonts/ligurino_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ligurino_condensed-webfont.woff') format('woff'),
         url('../fonts/ligurino_condensed-webfont.ttf') format('truetype'),
         url('../fonts/ligurino_condensed-webfont.svg#ligurino_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
  overflow-x: hidden;
  overflow-y: hidden;
}

body{background: url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin: 0;}

#btm_bg{background-image: url(../images/btm-bg.jpg); width: 100%; height: 85px; background-repeat: repeat-x; position: absolute; top: 598px; z-index: 1;}

#pencilstuff{background-image: url(../images/pencil-stuff.png); width: 402px; height: 82px; background-repeat: no-repeat; position: absolute; bottom: 5px; left: 270px; z-index: 5;}

#mug_bg{background-image: url(../images/mug.png); opacity: 0; width: 255px; height: 266px; position: absolute; bottom: 0; right: 0; z-index: 5; -webkit-animation: mug_in .5s .7s forwards linear; -moz-animation: mug_in .5s .7s forwards linear; animation: mug_in .5s .7s forwards linear;}

#logo_bg{width: 326px; height: 248px; position: absolute; top: 0px; left: 3px; z-index: 3; background-image: url(../images/logo-bg.png); z-index: 1;}

#alogo{position: absolute; top: 45px; left: 45px; display: block; -webkit-animation: logo_in .5s forwards normal; -moz-animation: logo_in .5s forwards normal; animation: logo_in .5s forwards normal; border: 0; outline: none;}

a#alogo:hover{-webkit-animation: logo_hover .5s forwards normal; -moz-animation: logo_hover .5s forwards normal; animation: logo_hover .5s forwards normal;}

#container{width: 1000px; height: 683px; position: relative; margin: 0 auto;}

#disc_container{width: 587px; height: 560px; position: absolute; top: 21px; left: 240px; background-image: url(../images/disc-bg.png);  z-index: 1; -webkit-animation: tv_in .5s forwards linear; -moz-aniamtion: tv_in .5s forwards linear; animation: tv_in .5s forwards linear;}

#disc_content{width: 389px; height: 290px; position: absolute; top: 125px; left: 100px; -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); transform: rotate(-1.5deg);}

#disc_content_video{width: 389px; height: 290px; position: absolute; top: 125px; left: 100px;}

#tv_about_content{width: 465px; height: 350px; position: absolute; top: 202px; left: 143px; -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); transform: rotate(-1.5deg);}

.homepage{font-size: 17px;}

#home_content{position: absolute; left: 5px; top: 6px; opacity: 0; -webkit-animation: fade_in .5s 1.3s forwards linear; -moz-animation: fade_in .5s 1.3s forwards linear; animation: fade_in .5s 1.3s forwards linear;}

#contact_content{position: absolute; right: 10px; top: 26px; opacity: 0; -webkit-animation: fade_in .5s 1.3s forwards linear; -moz-animation: fade_in .5s 1.3s forwards linear; animation: fade_in .5s 1.3s forwards linear;}

#about_content{position: absolute; overflow: hidden; width: 389px; height: 290px;}

#gallery_content{width: 389px; height: 290px; position: absolute;}

#in_gallery_content{width: 465px; height: 365px; position: absolute; left: 180px; top: 230px;}

#menu1{width: 152px; height: 112px; position: absolute; left: 15px;}

#menu2{width: 151px; height: 113px; position: absolute; left: 200px;}

#menu3{width: 152px; height: 113px; position: absolute; top: 150px; left: 15px;}

#menu4{width: 152px; height: 112px; position: absolute; top: 150px; left: 200px;}

#amenu1{width: 152px; height: 112px; background-image: url(../images/gallery1.png); text-indent: -999px; display: block;}

#amenu2{width: 151px; height: 113px; background-image: url(../images/gallery2.png); text-indent: -999px; display: block;}

#amenu3{width: 152px; height: 113px; background-image: url(../images/gallery3.png); text-indent: -999px; display: block;}

#amenu4{width: 152px; height: 112px; background-image: url(../images/gallery4.png); text-indent: -999px; display: block;}

a#amenu1:hover{background-image: url(../images/gallery1_hover.png);}

a#amenu2:hover{background-image: url(../images/gallery2_hover.png);}

a#amenu3:hover{background-image: url(../images/gallery3_hover.png);}

a#amenu4:hover{background-image: url(../images/gallery4_hover.png);}

#menu1text{font-family: ligurino_condensedregular; font-size: 18px; position: absolute; left: 53px;}

#menu2text{font-family: ligurino_condensedregular; font-size: 18px; position: absolute; left: 35px;}

#menu3text{font-family: ligurino_condensedregular; font-size: 18px; position: absolute; left: 35px;}

#menu4text{font-family: ligurino_condensedregular; font-size: 18px; position: absolute; left: 40px;}

p{font-family: ligurino_condensedregular; font-size: 16px;}

#contact_p_content{text-align: right;}

#home_btn{width: 150px; height: 142px; position: absolute; top: 20px; right: 90px; z-index: 3;}

#gallery_btn{width: 158px; height: 157px; position: absolute; top: 107px; right: 10px; z-index: 1;}

#about_btn{width: 157px; height: 152px; position: absolute; top: 250px; right: 50px;}

#phone_button{width: 155px; height: 222px; position: absolute; top: 450px; left: 60px; z-index: 5;}

#ahome_btn{width: 150px; height: 142px; background-image: url(../images/home-btn.png); text-indent: -9999px; display: block;}

#ahome_btn_inpage{width: 150px; height: 142px; background-image: url(../images/home-btn-hover.png); text-indent: -9999px; display: block;}

#agallery_btn{width: 158px; height: 157px; background-image: url(../images/gallery_btn.png); text-indent: -9999px; display: block;}

#agallery_btn_inpage{width: 158px; height: 157px; background-image: url(../images/gallery_btn_hover.png); text-indent: -9999px; display: block;}

#aabout_btn{width: 157px; height: 152px; background-image: url(../images/about_btn.png); text-indent: -9999px; display: block;}

#aabout_btn_inpage{width: 157px; height: 152px; background-image: url(../images/about_btn_hover.png); text-indent: -9999px; display: block;}

#aphone_button{width: 155px; height: 222px; background-image: url(../images/phone.png); text-indent: -9999px; display: block; z-index: 5;}

#aphone_button_inpage{width: 155px; height: 222px; background-image: url(../images/phone-hover.png); text-indent: -9999px; display: block; z-index: 5;}

a#ahome_btn:hover{background-image: url(../images/home-btn-hover.png); -webkit-animation: button_turn .2s forwards alternate 2; -moz-animation: button_turn .2s forwards alternate 2; animation: button_turn .2s forwards alternate 2;}

a#agallery_btn:hover{background-image: url(../images/gallery_btn_hover.png); -webkit-animation: button_turn .2s forwards alternate 2; -moz-animation: button_turn .2s forwards alternate 2; animation: button_turn .2s forwards alternate 2;}

a#aabout_btn:hover{background-image: url(../images/about_btn_hover.png); -webkit-animation: button_turn .2s forwards alternate 2; -moz-animation: button_turn .2s forwards alternate 2; animation: button_turn .2s forwards alternate 2;}

a#aphone_button:hover{background-image: url(../images/phone-hover.png); -webkit-animation: phone_wiggle .1s forwards alternate 4; -moz-animation: phone_wiggle .1s forwards alternate 4; animation: phone_wiggle .1s forwards alternate 4;}

h5{font-family: lindseyregular; font-size: 19px; margin: 0; margin-top: 10px; color: #ffe39f;}

.contact_name{font-size: 24px;}

@-webkit-keyframes logo_in {
	0% {
		-webkit-transform: translateY(-500px);
		opacity: 0;	
	}
	70% {
		-webkit-transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes logo_in {
	0% {
		-moz-transform: translateY(-500px);
		opacity: 0;	
	}
	70% {
		-moz-transform: translateY(20px);
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes logo_in {
	0% {
		transform: translateY(-500px);
		opacity: 0;	
	}
	70% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes logo_hover {
	0% {
		-webkit-transform: rotate(0deg);		
	}
	25% {
		-webkit-transform: rotate(10deg);		
	}
	50% {
		-webkit-transform: rotate(-10deg);		
	}
	75% {
		-webkit-transform: rotate(10deg);		
	}
	100% {
		-webkit-transform: rotate(0deg);	
	}
}

@-moz-keyframes logo_hover {
	0% {
		-moz-transform: rotate(0deg);		
	}
	25% {
		-moz-transform: rotate(10deg);		
	}
	50% {
		-moz-transform: rotate(-10deg);		
	}
	75% {
		-moz-transform: rotate(10deg);		
	}
	100% {
		-moz-transform: rotate(0deg);	
	}
}

@keyframes logo_hover {
	0% {
		transform: rotate(0deg);		
	}
	25% {
		transform: rotate(10deg);		
	}
	50% {
		transform: rotate(-10deg);		
	}
	75% {
		transform: rotate(10deg);		
	}
	100% {
		transform: rotate(0deg);	
	}
}

@-webkit-keyframes tv_in {
	0% {
		-webkit-transform: translateX(-500px);
		opacity: 0;	
	}
	70% {
		-webkit-transform: translateX(20px);
	}
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes tv_in {
	0% {
		-moz-transform: translateX(-500px);
		opacity: 0;	
	}
	70% {
		-moz-transform: translateX(20px);
	}
	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes tv_in {
	0% {
		transform: translateX(-500px);
		opacity: 0;	
	}
	70% {
		transform: translateX(20px);
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes mug_in {
	0% {
		-webkit-transform: translateX(200px);
		opacity: 0;	
	}
	70% {
		-webkit-transform: translateX(-20px);
	}
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes mug_in {
	0% {
		-moz-transform: translateX(200px);
		opacity: 0;	
	}
	70% {
		-moz-transform: translateX(-20px);
	}
	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes mug_in {
	0% {
		transform: translateX(200px);
		opacity: 0;	
	}
	70% {
		transform: translateX(-20px);
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes fade_in {
	0% {
		opacity: 0;	
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade_in {
	0% {
		opacity: 0;	
	}
	100% {
		opacity: 1;
	}
}

@keyframes fade_in {
	0% {
		opacity: 0;	
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes button_turn {
	0% {
		-webkit-transform: rotate(0deg);		
	}
	50% {
		-webkit-transform: rotate(-5deg);	
	}
	100% {
		-webkit-transform: rotate(5deg);	
	}
}

@-moz-keyframes button_turn {
	0% {
		-moz-transform: rotate(0deg);		
	}
	50% {
		-moz-transform: rotate(-5deg);	
	}
	100% {
		-moz-transform: rotate(5deg);	
	}
}

@keyframes button_turn {
	0% {
		transform: rotate(0deg);		
	}
	50% {
		transform: rotate(-5deg);	
	}
	100% {
		transform: rotate(5deg);	
	}
}

@-webkit-keyframes phone_wiggle {
	0% {
		-webkit-transform: rotate(0deg);		
	}
	100% {
		-webkit-transform: rotate(-10deg);	
	}
}

@-moz-keyframes phone_wiggle {
	0% {
		-moz-transform: rotate(0deg);		
	}
	100% {
		-moz-transform: rotate(-10deg);	
	}
}

@keyframes phone_wiggle {
	0% {
		transform: rotate(0deg);		
	}
	100% {
		transform: rotate(-10deg);	
	}
}