@charset "utf-8";
/* CSS Document */

body{
	overflow-x:hidden;
	background:rgba(251,251,252,1.00);
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}

fieldset, input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
fieldset {
    margin:0px;
}


#homebuttonback:hover{
	border:thin solid #ffffff;
}
#homebuttonback:active{
	border:thin solid #000000;
}

#social-media_box {
	display:none;
	position:absolute;
	right:18%;
	top:6px;
	width:120px;
	height:35px;
}
.social-media_button {
	position:relative;
	float:left;
	margin:4px;
	width:30px;
	height:30px;
}


#iib {
	position:absolute;
	left:5%;
	top:18%;
	height:69%;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.85), -2px -2px 3px rgba(0,0,0,0.85);
	cursor:pointer;
	border-radius:2px;
}

#iib:hover {
	top:17%;
	height:72%;
	box-shadow: 1px 1px 1px rgba(0,0,0,1.0), -1px -1px 1px rgba(0,0,0,1.0);
}

#iib:active {
	box-shadow: 2px 2px 4px rgba(0,0,0,1.0), -2px -2px 4px rgba(0,0,0,1.0), 0 0 7px rgba(255,255,255,1.0);
}



#measuringguide {
	position:absolute;
	left:2%;
	top:2%;
	width:96%;
	margin:0px;
	padding:0px;
	/*right:4.2%;
	top:39%;
	width:38%;*/
	z-index:99;
	border: solid medium rgba(255,255,255,1.00);
	box-shadow:inset -2px 2px 2px rgba(213,213,213,0.69), inset 2px -2px 2px rgba(56,56,56,0.85);
	font-size: 22px;
	cursor:pointer;
}
#measuringguide:hover {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	font-size: 23px;
	text-shadow: 0 0 1px rgba(255,255,255,1.0);
}
#mg-link-title_mobile {
	display:none;
}
@media all and (orientation:portrait) {
	#mg-link-title {display:none;}
	#mg-link-title_mobile {display:block;}
}


#home_button {
	position:fixed;
	right:0px;
	top:0px;
	height:5vh;
	background:rgba(0,0,0,0.86);
	border: thin solid rgba(0,0,0,0.92);
	cursor:pointer;
	border-radius:3px;
	z-index:999;
}
#home_button:hover {
	height:5.2vh;
	background:rgba(0,0,0,0.95);
	border: thin solid rgba(0,0,0,1.0);
}
#home_button:active {
	width:5%;
	background:rgba(0,0,0,0.69);
	border: thin solid rgba(0,0,0,0.42);
}




.steps {
	float:left;
	Position:relative;
	margin:15px 0px 42px 5%;
	padding:0px;
	width:90%;
	/*border:thick solid rgba(0,0,0,1.0);
	box-shadow: 0 0 0 10px rgba(0,0,0,1.0);*/
}

.steppics {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}

#cg_title {
	position:relative;
	float:left;
	margin:0px 0px 5px 4%;
	width:92%;
	text-align: center;
	font-size:32px;
	font-family: impact;
	color:rgba(255,255,255,1.00);
	background:rgba(42,42,42,1.00);
}

#ii_title {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	text-align: center;
	/*margin:0px 0px 5px 4%;*/
	font-size:28px;
	font-family: impact;
	color:rgba(0,0,0,1.00);
	
}