@charset "UTF-8";

/* Layout (global rules for all sizes) */

body { margin: 0px; padding: 0px; }

nav {
	width: 100%;
	text-align:center;
	display: inline-block;
	position: relative;
	background-color: #066;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #139393;
	height: 70px;
}

nav { top: 0px; }
nav a {
	width:190px;
	height:30px;
	margin: -6px -21px -9px -5px;
	width:190px;
	height:30px;
	
	
}


h1 {
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: normal;
	background-color: #0C3F41;
	width: 280px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: -23px;
}

/* Layout Large Screens (default for older browsers) */

.contents {
	position:relative;
	display: inline-block;
	width: 1000px;
	height:310px;
	background-color: #FFF;

}

.contentone {
	
	width: 30%;
	height:310px;
	position: absolute;
	background-color: #fff;
	display: inline-block;
} 
.contenttwo {
	padding-top:20px;
	width: 30%;
	height:294px;
	background-color: #fff;
	margin-left: 30%;
	position: absolute;
	display: inline-block;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #666;
	border-left-color: #666;
	z-index: 2;
} 

.contentthree {
			
			width: 40%;
			height:310px;
			margin-left: 61%;
			background-color: #fff;
			position: absolute;
			display: inline-block;
			z-index: 1;} 
			
			.contentthree .inbtn{
	padding: 250px 20px 32px 30px;
	height:32px;
	width:32px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:inline-block; height:32px; width:32px;
	background-image: url(../images/in.png);
	background-repeat: no-repeat;
	background-position: 30px;
	-webkit-opacity: 0.75;
    -moz-opacity:  0.75;
    opacity:  0.75;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
     transition: all 1s ease;
}

.contentthree .inbtn:hover{
	background-image: url(../images/in_hv.png);	
	background-repeat: no-repeat;
	background-position: 30px;
	-webkit-opacity: 1;
 	-moz-opacity: 1;
    opacity: 1;
}

.contentthree .facebtn{
	padding: 250px 20px 32px 30px;
	height:32px;
	width:32px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:inline-block; height:32px; width:32px;
	background-image: url(../images/faceb.png);
	background-repeat: no-repeat;
	background-position: 30px;
	-webkit-opacity: 0.75;
    -moz-opacity:  0.75;
    opacity:  0.75;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
     transition: all 1s ease;
}

.contentthree .facebtn:hover{
	background-image: url(../images/faceb_hv.png);	
	background-repeat: no-repeat;
	background-position: 30px;
	-webkit-opacity: 1;
 	-moz-opacity: 1;
    opacity: 1;

}

.contentthree .twibtn{
	padding: 250px 20px 32px 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:inline-block;
	height:32px;
	width:32px;
	background-image: url(../images/twitt.png);
	background-repeat: no-repeat;
	background-position: 30px;
	-webkit-opacity: 0.75;
    -moz-opacity:  0.75;
    opacity:  0.75;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
     transition: all 1s ease;
}
.contentthree .twibtn:hover{
	background-image: url(../images/twitt_hv.png);
	background-repeat: no-repeat;
	background-position: 30px;
	-webkit-opacity: 1;
 	-moz-opacity: 1;
    opacity: 1;
}

	footer {
	height:50px;
	font-size: 14px;
	color:#333;
	margin: 50px 10px 10px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	z-index:10;
	text-align: center;
	}