body {margin:0px; height:100%; background-color:#efefef;font-size:12pt;line-height: 16pt;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#333333;}

#wrapper {min-height:100%; position:relative;}

h1 {font-size:20pt; color: #666666;}
.h1 {font-size:20pt; color: #666666; font-weight:bold;}

h2 {font-size:16pt; color: #333333; line-height: 10pt;}


#top {width: 100%; background-color:#666666; height: 10px;}
#bottom {position:fixed; bottom: 0; width: 100%; height: 40px;line-height: 30pt;font-weight:bold; text-align: center; font-size:14pt; background-color:#666666; color:#efefef;}

#header {position:relative; max-width:960px; height:210px; margin-left:auto;margin-right:auto;border: 0px solid red; }
/*clear: both; position: relative; height: 40px; line-height: 30pt;font-weight:bold; width: 100%; text-align: center; font-size:14pt; background-color:#666666; color:#efefef; margin-bottom:-20px;*/
#case {width: 33%; height:200px; margin-top: 10px; background-color:#efefef; border: 0px solid; float:left;}
#logo {width: 33%; height:200px; margin-top: 10px; background: url(images/mstlogo_150w.png) no-repeat center top; background-color:#efefef; border: 0px solid blue;float:left;}
/*#logo img {position: relative;left:50%; margin-left:-125px;}*/
#social {width: 33%; margin-top: 10px; background-color:#efefef; border: 0px solid;text-align:right;float:left; display:table-cell; vertical-align:bottom; position:absolute; bottom:5; right:0;}

#social img {vertical-align:bottom;}


#banner {width: 100%; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:24pt;line-height:32pt; background-color:#f84a1b; color: #efefef;}

#main {max-width: 960px; min-height:100%; margin-left:auto; margin-right:auto;}

#leftcol {max-width: 550px; float: left; padding-right:50px;}

#rightcol {max-width: 350px; float: left; padding-bottom:50px;}

@media only screen and (max-device-width: 480px) {

		h1 {font-size:16pt; color: #666666;}
		h2 {font-size:12pt; color: #333333; line-height: 10pt;}
	 	#header {height:auto;}
		#case {width:100%;margin-top:0px;height:1px; float:none;display:inline-block;}
		#logo {width:100%; margin-top:0px;height:165px; float:none; background: url(images/mstlogo_150w.png) no-repeat center top;}
		#social {width:100%; margin-top:0px;height:auto; float:none; text-align:center; display:inline-block;}
		#banner {font-size:16pt; line-height:20pt; font-weight:bold;}
		#bottom {position:fixed; bottom: 0; width: 100%; height: 20px;line-height: 14pt;font-weight:bold; text-align: center; font-size:11pt; background-color:#666666; color:#efefef;}
	 
	    
	}