@charset "UTF-8";
/* --- CSS Document by Codify Design Studio - codifydesign.com --- */

body {
	
	margin: 0px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: "Trebuchet MS";
	/*font-family: "Lancelot", "Trebuchet MS";
	background-image: url(images/newsky/Blue-sea-horizon_d.jpg);	
	background-color: #5792d9;	
	background-position: center top;	
	background-repeat: no-repeat;*/

}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width:100%;
    height:100%;
}

/*a { color: #36C; }*/
a { color: #14343d; }
a:visited  { color: black; }
a:hover    { color: #5872f4; }

.contentArea {
	position:absolute;
	width:100%;
	height:400px;	
	margin: 0px;
	padding: 0px;
	top: 20px;
}
.innerContent{
	position: relative;
	/*--margin: 0px 0px 0px 40px;--*/
	margin: 0px auto;
	padding: 44px 0px 0px 0px;
	width: 1200px;
	height: 600px;
}


/*--to mute sound--*/
.innercontent p {
	font-size: 17px;
	color: red;
}
.right_image {
	float: right;
	width:212px;
	margin: 0px 0px 5px 10px;
}
.right_image img {
	display: block;
	margin-bottom: 10px;
}
.right_image p {
	display: block;
	font-size: 12px;
	color: #bfdcf9;
}
.company_logo {
	display: block;
	width: 415px;
	height: 58px;
	position: absolute;
	top: -7px;
	left: 6px;
	background: url(images/our_company_logo.png) no-repeat 0px 0px;
}
.mountains_background {	
	position: absolute; 	
	background-color: blue; 	
	bottom: 0px; 
	left: 0px; 
	min-width: 980px;
	width: 100%; 
	height: 600px; 
	background: url(images/mountains_center.png) repeat-x center bottom;
}
.mountains_background .mountains_left {
	position: relative;
	float: left;
	width: 340px;
	height: 600px;
	background: url(images/mountains_left.png) no-repeat 0 0;
}
.mountains_background .mountains_right {
	position: relative;
	float: right;
	width: 620px;
	height: 600px;
	background: url(images/mountains_right.png) no-repeat right bottom;
}