/*reset*/
body{text-align:center;}
 
/*structure*/
#about h2{margin:0;padding:0;}
#about section{padding:0 285px 0 0;}
#about article section:nth-child(odd){padding:0 0 0 285px;}
#about .portrait{position:relative;float:right;width:285px;max-width:100%;margin:0 -285px 0 0;}
#about article section:nth-child(odd) .portrait{float:left;margin:0 0 0 -285px;}
#alien_stand{width:285px;max-width:32%;float:left;position:relative;}
#alien_stand img{margin-top:10px;max-width:100%;position:relative;z-index:5;}
#contact_info{display:block;position:fixed;width:400px;height:60px;bottom:0;left:0; text-align:right;padding:14px 20px 0 0;z-index:99;}
#contact_info h1{display:block;position:absolute;height:115px;width:190px;overflow:hidden;text-align:left;top:-60px;}
#contact_info h1 a{display:block;height:115px;width:190px;overflow:hidden;text-align:left;text-indent:-2000px;}
#content{text-align:left;max-width:900px;margin:0 auto;position:relative;min-height:100%;height:100%;}
#copyright{text-align:right;}
#demo_popover{position:absolute;height:85%;max-height:700px;margin:0;width:90%;max-width:99%;z-index:98;display:none;}
#gal_detail{display:none;position:relative;width:100%;float:left;}
#gallery #gal_detail img.th{margin:2%;height:auto;width:auto;max-width:95%;}
#gal_detail #close,#demo_popover #close{cursor:pointer;}
#gal_detail #det_content{margin:-5px 16px 3px 16px;position:relative;}
#gal_detail #here{width:36px;float:none;position:absolute;top:0px;z-index:99;}
#gallery{display:block;position:relative;margin-left:33%;}
#gallery img{width:32%;padding:0;margin:1px 0;display:block;float:left;height:auto;position;relative;border:0;}
#home #demo_thumb{cursor:pointer;}
#home #home_alien{float:left;clear:none;width:80%;max-width:80%;z-index:1;position:relative;}
#home #home_logo{float:right;clear:none;width:30%;max-width:30%;margin-left:-10%;z-index:2;position:relative;}
#home #home_menu{float:right;clear:none;width:30%;max-width:30%;margin-left:-10%;z-index:3;position:relative;}
#home #home_menu li{display:block;margin:5% 0;padding:0;text-align:center;}
#home #home_alien img,#home #home_logo img{max-width:100%;width:100%;}
#home #home_logo #play_demo{position:absolute;margin:0 auto;width:30%;max-width:30%;display:block;top:61%;left:35%;opacity:0.8;border:2px solid #900;border-radius:50%;padding:4% 0 1% 0;cursor:pointer;}
#home #home_logo #play_demo:hover{box-shadow:0px 0px 30px #fc0;border:4px solid #fc0;top:60.5%;left:34.5%;}
#home #main_menu{display:none;}
#main_menu {display:block;position:fixed;bottom:0;left:385px;padding:15px 30px 8px 25px;text-align:left;}
#main_menu ul,#home_menu ul{padding:0;margin:0;}
#main_menu li{display:inline-block;margin:0 8px;padding:0;}
#portfolio h1#p_head{margin:0;padding:0;}
#services h6{margin:0;padding:0;}
#services h6+p{margin-top:0;}
#titles{position:absolute;padding:5px 8px 2px 8px;line-height:1.0;}

/*typography*/
body{font-family: "Istok Web", "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; font-size:100%;line-height:1.4;}
h1,h2,h3,h4,h5,h6,#main_menu a,#home_menu a{font-family: "Shojumaru", "Palatino", "Times", "Time New Roman", serif; line-height:1.2; font-weight:bold;}

#copyright{font-size:0.8em;}
address{font-size:0.9em;}
h6{font-size:1.2em;}
h5{font-size:1.4em;}
h4, #main_menu{font-size:1.6em;}
h3{font-size:1.8em;}
h2, #home_menu{font-size:2.0em;}
h1{font-size:2.2em;}

address{font-style:normal;line-height:1.1;font-weight:bold;}

#main_menu,#home_menu{line-height:1.0;}
#main_menu a,#home_menu a{text-decoration:none;}

/*bgs*/
html{background:url(DASimages/BackOverlay.png) left 10px no-repeat #ffb648;background-size:cover;}

#contact_info{background:url(DASimages/Contact2.png) right top no-repeat transparent;}
#contact_info h1{background:url(DASimages/logo2.png) left top no-repeat transparent;background-size:190px;}

#gal_detail,#demo_popover{background:##ffb648;background:rgba(255, 182, 72,.6);}
#main_menu,#titles{background:#ffb648;}


/*gingerbread*/
h1,h2,h3,h4,h5,h6, #main_menu a,#home_menu a{color:#ba0303; text-shadow:-2px 2px 1px #2c1502;}
h3,h4,h5,h6{text-shadow:-1px 1px 1px #2c1502;}

#contact_info, #contact_info a{color:#ffb648;}

#about h2{border-bottom:6px solid #ba0303;}
#gal_detail,#demo_popover{border:2px solid #000;border-radius:50px 30px 80px 30px;box-shadow:-2px 2px 1px #2c1502;}
#main_menu{border:2px solid #000;border-top-right-radius:280px 30px;border-bottom:0;}
#titles{border:2px solid #000;border-radius:5px 3px 8px 3px;box-shadow:-2px 2px 1px #2c1502;}

/*media queries*/
@media screen and (max-width: 730px) {
	#home #home_menu{width:40%;max-width:40%;margin-left:-20%;}
}

@media screen and (max-width: 560px) {
	#home #home_alien{width:70%;max-width:70%;}
	#home #home_logo{width:40%;max-width:40%;}
	#home #home_menu{width:50%;max-width:50%;margin-left:-20%;}
}

@media screen and (max-width: 505px) {
	#gallery img{width:48%;}
}

@media screen and (max-width: 450px) {
	#home #home_alien{width:100%;max-width:100%;}
	#home #home_logo{width:100%;max-width:100%;margin-left:0;margin-top:-15%;clear:both;}
	#home #home_menu{width:100%;max-width:100%;margin-left:0;}
}

@media screen and (max-width: 320px) {
	#alien_stand{width:100%;text-align:center;max-width:100%;}
	#alient_stand img{height:200px;width:auto;max-width:100%;}
	#gallery{text-align:center;margin-left:0;}
	#gallery img{width:100%;max-width:285px;}
}