html,body{
   margin:0;
   padding:0;

}
html{
  height:100%;
}
body{
   min-height: 100%;
    position: absolute;
}
body:after {
    content: '';
    display: block;
    height: 20px;
}
#container {
   min-height:100%;
   position:relative;
}
body{
	background:#ffffff;
	font-family: 'Source Sans Pro', sans-serif;
}
.leftcontent{
	margin:auto;
	background:#f2f1f1;
	width:30%;
	
	height:100%;
	text-align:center;
	position:fixed;
}
.logotext{
	color:#46586c;
	font-weight:bold;
	margin-top:10%;
	font-size:50px;
	margin-bottom:5%;
}
.navlink{
	margin-top:0%;
	line-height:2;
}
.navlink a{
	
	color:#667d96;
	font-weight:300;
	text-decoration:none;
	font-size:30px;
}

.navlink a:hover{
	color:#46586c;
	text-decoration:underline;
}

.bottomnav{
	color:#566e89;
	line-height:1.5;
	font-weight:400;
	width:100%;
	text-align:center;
	text-decoration:none;
	font-size:15px;
	position:absolute;
	 bottom:15;
    left:50%;
    margin-left:-50%;
}

.rightcontent{
	float:right;
	width:70%;
}
.headerpic{
	margin-top:2%;
	text-align:center;
	position:relative;
}
.welcometext{
	float:left;
	width:53%;
	margin-top:1%;
	line-height:1.4;
	margin-left:5%;
	text-align:justify;
	font-size:14px;
}
.welcometext{
	font-weight:400;
	color:#46586c;
}

.footer{
border-top:1px solid #f2f1f1;
width:70%;
margin:auto;
text-align:center;
height:20px;
padding-top:3px;
float:right;
font-size:12px;
position:absolute;
bottom:0;
left:50%;
margin-left:-20%;
}
.footer a{
color:#474848;
}
.footer a:hover{
color:#000000;
text-decoration:underline;
font-weight:600;
}
.caption{
width:40%;
background:#000000;
opacity:0.8;
border-radius-right: 20px;
color:#ffffff;
font-weight:400;
font-size:15px;
min-height:20px;
padding:4px;
position:absolute;
left:18;
bottom:0;
overflow:none;
}

.tabs{
width:96%;
margin:auto;
height:30px;
padding:5px;
text-align:center;
}
.tabs ul{
list-style-type: none;
width:100%;
height:100%;
margin:auto;
padding:2px;
text-align:center;
}

.tabs li{
float: left;
}

.tabs ul a{
padding-right: 40px;
padding-left: 40px;
display: block;
text-decoration: none;
font-size: 21px;
color:#46586c;
font-weight:400;
border-bottom:2px solid #3b4959;
}
.tabs ul a:hover{
color:#667d96;
border-bottom:2px solid #95b1ce;
}

.contactform{
margin-top:-1%;
padding-left:2%;
min-height:5%;
font-size:18px;
width:96%;

}
.contactinput{
min-height:25px;
margin-top:5px;
width:100%;
font-size:13px;
border:1px solid #bfbfbf;
padding:10px;
}
.contactform textarea{
padding:10px;
margin-top:5px;
width:100%;
min-height:100px;
border:1px solid #bfbfbf;
font-size:13px;
font-family: 'Source Sans Pro', sans-serif;
}
.submitt {
background:#f4f4f4;
border:1px solid #3b4959;
min-height:25px;
margin-top:5px;
width:100%;
font-size:13px;
padding:10px;
	font-family: 'Source Sans Pro', sans-serif;
}

.submitt:hover{
background:#e9e7e7;
font-weight:bold;
cursor:hand;
border:1px solid #3b4959;
}
.ytubetext{
text-align:center;
color:#667d96;
font-weight:500;
font-size:20px;
}

.contactbuttons{
    width:90%;
    margin:auto;
    font-size:30px;
    margin-top:2%;
    text-align:center;
}

.contactbuttons .button{
    width:30%;
    font-size:14px;
    text-decoration:none;
    color:#474848;
    height:auto;
    border:2px solid transparent;
    display:inline-block;
    padding:25px;
    background-color:#f2f1f1;

    transition:1s;
}
.contactbuttons .email{
     background-image:url(images/email.png);
    background-position:10px center;
    background-repeat:no-repeat;
    background-size:10%;
}

.contactbuttons .phone{
     background-image:url(images/phone.png);
    background-position:10px center;
    background-repeat:no-repeat;
    background-size:10%;
}

.contactbuttons .button:hover{
    border:2px solid #474848;
}