@font-face{
	font-family:monster;
	src:url('monster.eot');
	src:local(monster),url('monster.ttf')format('opentype');
}


body{
	margin:0px;
	font-family:calibri;
	font-size:20px;
	line-height:150%;
	background-image:url(intel.jpg);
	background-attachment:fixed;
	background-size:cover;
	
}


div#header{
	width:100%;
	height:100px;
	background:#1B4455;
	background:url(company_banner.jpg);
	
	background-attachment:fixed; 
	border:1px solid yellow;
	border-radius:2px;
	box-shadow:2px 2px 3px #333;
	
	position:fixed;
	top:0px;
	left:0px;
	/*just use 4 position */
	z-index:1;
	padding:5px;
	
}

div#menu{
	width:20%;
	height:300px;
	position:fixed;
	top:162px;
	left:30px;
}

a.mainlinks{
	display:block;
	font-size:36px;
	font-family:impact;
	margin:5px;
	padding:5px;
	text-decoration:none;
	color:white;
	
	
}

a.mainlinks:hover{
	background: #1B4455;

	color:#fff;
	text-align:right;
}

div#mainbody{
	width:70%;
	height:auto;
	position:absolute;
	top:-24px;
	right:30px;
	background:rgba(000,000,000,0.7);
	color:white;
	padding:0px 0px 0px 55px;
	float:none;
	
}

p#text{
	font-variant:small-caps; 
	font-family: 'Audiowide', cursive;
	font-size:27px;

}

p#text2{
	/*font-variant:small-caps; */
	font-family: 'Audiowide', cursive;
	font-size:36px;
	text-align:center; 
	color:yellow;
	text-shadow:3px 3px 3px #000;

}

p#text3{
	text-align:right;
	color:yellow;
	padding-right:10px 1px 100px 0px;
	margin:0px 10px 0px 0px;
	text-shadow:3px 3px 3px #000;
}

iframe#map{
	box-shadow:3px 3px 4px #333;
}

/* ========== CSS FOR CONTACT FORM =========== */

label{
	width:120px;
	display:inline-block;
	font-size:15pt;
	margin:5px;
}

input.textbox{
	padding:3px;
	font-size:15pt;
	color:black;
	border:1px solid #1B4455;
	border-radius:2px;
	box-shadow:2px 2px 3px #333;
	text-shadow:blue;
	outline:none;

}

input.textbox:focus{
	background:#1B4455;
	color:#fff;

}

textarea#message{
	width:70%;
	height:150px;
	margin:0px 0px 10px 0px;
	padding:3px;
	font-size:15pt;
	color:black;
	border:1px solid #1B4455;
	border-radius:1px;
	box-shadow:2px 2px 3px #333;
	text-shadow:blue;
	outline:none;
	resize:none;
}

textarea#message:focus{
	background:#1B4455;
	color:#fff;
}

input#button{

	padding:5px 20px;
	border-radius:7px;
	background:#fff;
	box-shadow:2px 2px 3px #555;
	font-size:12pt;
	color:#1B4455;
	
	
}

input#button:focus{
	background:#1B4455;
	color:#fff;

}







/* a.header{
		color:#fff;
		/* text-decoration:none; */
		/* border:0px double #333; */
		/*padding:30px ;
		
}
*/




/* ============ CSS for the infobox =========== */

div#infobox{
	width:250px;
	height:400px;
	padding:0px 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:10px 10px 0px 0px;
	border:1px solid #fff;
	box-shadow:1px 1px 1px yellow;
	
	position:fixed;
	left:30px;
	bottom:-370px;
	
	background:rgba(000,000,000,0.5);
	
	color:white;
	
	
}


h1#infobox-title{
	font-size:14pt;
	margin:0px;
	color :blue;
	text-shadow:1px 1px 1px #777;
}

div#box1{
	width:100%;
	height:30px;
	background:yellow;
	text-align:center;
	border-radius:10px 10px 0px 0px;
	padding:0px 0px;
	float:left;
	box-shadow:2px 2px 3px #333;
}

div#box2{
	padding:30px 20px 0px 20px;
	font-size:13pt;
}


div#infobox2{
	width:350px;
	height:350px;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:10px 0px 0px 10px;
	
	position:fixed;
	right:-307px;
	top:200px;
	/*top:300px; */
	
	background:rgba(000,000,000,0.1);
	color:fff;
	
	
	
}

div#box137{
	width:12%;
	height:150px;
	background:url(contact.jpg);
	float:left;
	
	border-radius:10px 0px 0px 10px;
	/*background-size:cover; */
	
}

div#box278{
	width:88%;
	height:325px;
	background:rgba(000,000,000,0.8);
	float:left;
	text-align:center;
	
}


div#infobox3{
	width:250px;
	height:300px;
	padding:0px 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:10px 10px 0px 0px;
	
	position:fixed;
	left:30px;
	top:-190px;
	
	background:rgba(000,000,000,0.5);
	
	color:white;
	
	
}


h1#infobox-title2{
	font-size:14pt;
	margin:0px;
	color :white;
}

div#hi1{
	
	padding:0px 20px 0px 20px;
	font-size:13pt;
}

div#hi2{
	width:100%;
	height:30px;
	background:blue;
	text-align:center;
	border-radius:0px 0px 10px 10px;
	padding:0px 0px;
	float:left;
}

img#webmail{
	width:120px;
	height:50px;
	margin:0px 0px 0px 55px;
}

h1#infoboxheader{
	color:yellow;
	text-shadow:3px 3px 3px #000;
	font-size:16pt;
}