@charset "UTF-8";

/* Layout Medium Screens */

body { background-image: none; }


.page {
	max-width: 600px;
	margin: 0px auto;
	position: relative; background-color: #fff;
}

nav {
	
	height: 70px;
	widht:100%;
	 
}

a.logo {
	height: 60px;  !important
	width: 110px;
	display: inline-block;
	background-image: url(../images/logo_large.png);
	background-repeat: no-repeat;
	z-index:1;
	background-position: 0px 20px;
	-webkit-opacity: 0.99;
    -moz-opacity:  0.99;
    opacity:  0.99;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
     transition: all 1s ease;
} 
nav a {
	
	margin: -6px -5px -9px -5px;
	width: 140px;
	height: 30px;
	font-size: 14px; 
	}
	
.contents {
	position:relative;
	display: list-item;
	width: 600px;
	height:410px;
	background-color: #FFF;
}

.contentone {
	
	width: 50%;
	height:310px;
	position: relative;
	background-color: #fff;
	display: inline-block;
} 

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

.contentthree {
			
			width: 400px;
			height:70px;
			margin: 20px 25%;
			background-color: #fff;
			position: relative;
			display: inline-block;
			z-index: 1;} 
			
.contentthree .inbtn{
	padding: 50px 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: 50px 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: 50px 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 auto 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	text-align: center;
	}