/* EVERYPAGE CSS */

body {
background-color: #2e598c;
background-image: url('images/home_bg.jpg');
background-position: top center;
background-repeat: repeat-x;
text-align:center;
margin: 0px;
padding: 0px;
font-size:100%;
}

#page {
width:770px;
text-align:left;
margin: 0 auto;
margin-left: 0 auto;
margin-right: 0 auto;
color: #ffffff;
font-family:'segoe ui', calibri, sans-serif;
line-height: 1.4em;
float:middle;
}

#pagebg {
width:770px;
background-color: #072445;
padding:10px;
}

#header {
width:770px;
height:65px;
padding:0px;
margin:0px;
}

#headleft {
width:280px;
height:51px;
background-image: url('images/msb_logo.jpg');
float:left;
}

#headleft h1 {
	margin: 0;
}

#headleft h1 a {
	display: block;
	width: 392px;
	height: 51px;
	float: left;
}

#headleft h1 a span {
	display: none;
}

#headright {
width:483px;
height:51px;
background-image: url('images/headright_bg.jpg');
float:right;
}

#headbottom {
width:770px;
height:14px;
background-image: url('images/orange_line.jpg');
}

#headbottom h1 {
	margin: 0;
}

#headbottom h1 {
	display: block;
	width: 770px;
	height: 14px;
}

#headbottom h1 span {
	display: none;
}

#banner {
width:770px;
height:190px;
background-image: url('images/msb_banner.jpg');
}

#banner h1 {
	margin: 0;
}

#banner h1 {
	display: block;
	width: 770px;
	height: 190px;
}

#banner h1 span {
	display: none;
}

#smnav {
width:144px;
height:177px;
background-image: url('images/msb_banner.jpg');
padding-top:6px;
padding-left:5px;
float:left;
}

#bottomleft {
width:500px;
float:left;
}

#bottomright {
width:240px;
float:right;
}

#midleft {
width:500px;
float:left;
}

#midright {
width:240px;
float:right;
}

#twitter_div {
padding: 5px 10px 5px 10px;
background-color:#183a62;
}

ul#twitter_update_list {
padding: 0;
margin: 0;
list-style: none;
}

ul#twitter_update_list li {
font-size: 10pt;
color: #CCC;
padding: 5px;
margin: 10px 0 10px 0;
}

ul#twitter_update_list li a {
font-size: 10pt;
color: yellow;
}

ul#twitter_update_list3 {
padding: 0;
margin: 0;
list-style: none;
}

ul#twitter_update_list3 li {
font-size: 10pt;
color: #CCC;
padding: 5px;
margin: 10px 0 10px 0;
}

ul#twitter_update_list3 li a {
font-size: 10pt;
color: yellow;
}

#iconleft {
width:100px;
float:left;
}

#iconright {
width:100px;
float:right;
}

#adminhome {
width:500px;
}

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
width: 150px;
/*background:#3a3737;*/
padding: 0px;
margin: 0px;
float:left;
}

#vertmenu ul {
list-style: none;
margin: 0px;
text-align:right;
padding: 0px;
border: none;
font-size: 10pt;
float:left;
}

#vertmenu ul li {
margin: 0px;
padding: 0px;
font-size: 10pt;
}

#vertmenu ul li a {
font-size: 80%;
color: yellow;
display: block;
padding: 5px 2px 2px 4px;
text-decoration: none;
border-bottom: 1px dashed white;
font-size: 10pt;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: white;
border-bottom: 1px dashed white;
font-size: 10pt;
}

#content {
width:600px;
float:right;
}

#bloglist {
color:white;
padding:0px;
margin-left:5px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
list-style-type:none;
}

.bloglist {
font-size:10pt;
border-bottom: 1pt dashed white;
padding:2px;
}

a:link {
color:yellow;
text-decoration:none;
}

a:visited {
color:yellow;
text-decoration:none;
}

a:active {
color:yellow;
text-decoration:none;
}

a:hover {
color:yellow;
text-decoration:underline;
}

#bottomnav {
text-align:center;
font-size:10pt;
}

#copyright {
color:#FFFFFF;
font-family: arial;
font-size:8pt;
text-align:center;
}

.pagetitle {
font-size:14pt;
font-family:'Segoe UI', Trebuchet, Tahoma;
color:#ffff99;
text-transform: uppercase;
}

.smtitle {
font-size:12pt;
font-family:'Segoe UI', Trebuchet, Tahoma;
color:#c0f2f1;
}

.outerbox {
background-color:#183a62;
padding:7px;
}

.innerbox {
background-color:#274971;
padding:5px;
}

.padit {
padding:10px;
}

.clear {
clear: both;
}

.bold {
font-weight:bold;
}

.tiny {
font-size:8pt;
}

img {
border:0px;
}

#webleft {
width:550px;
float:left;
padding:0px;
margin:0px;
}

#webright {
width: 220px;
float: right;
padding:0px;
margin:0px;
}

#website_services {
vertical-align:top;
width: 170px;
height: 255px;
background-image: url(/images/website_services.jpg);
margin: 0px;
padding: 0px;
}

#webinside {
padding-top:42px;
padding-left:12px;
vertical-align:top;
color:#2c374c;
}

#webinside a {
color:#2c374c;
text-decoration:underline;
}

#webinside a:hover {
color:#6f7d96;
text-decoration:none;
}

/* END OF METHODOLOGY CSS */

/* START WEB SERVICES CSS */

ul.web{
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
padding:0px;
}

.web-services{
	list-style:none;
	list-style-image: none;
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center top;
	padding-left : 12px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
}

.dark {
width:770px;
background-color: #627087;
margin:0px;
padding:0px;
padding-bottom:10px;
padding-top:10px;
border-bottom-color:#2b3544;
border-bottom-style:dashed;
border-bottom-width:1px;
}

.light {
width:770px;
background-color: #7a889f;
margin:0px;
padding-bottom:10px;
padding-top:10px;
border-bottom-color:#404d61;
border-bottom-style:dashed;
border-bottom-width:1px;
}

#other_pages {
vertical-align:top;
width: 170px;
height: 255px;
background-image: url(/images/other_pages.jpg);
margin: 0px;
padding: 0px;
}

/* START WEB CONSULTATION CSS */

#consultleft {
width:365px;
height:400;
float:left;
padding:0px;
margin:0px;
}

#consultright {
width:365px;
height:400;
float: right;
padding:0px;
margin:0px;
}

ul#navigation {
background-image: url('/images/nav_bg.jpg');
padding: 0;
margin: 0;
background-color: #fd5a00;
color: #fffff;
float: right;
width: 770px;
font-size:10pt;
}

ul#navigation li {
display: inline;
}

ul#navigation li a {
padding: .15em 1em;
color: #fff;
text-decoration: none;
float: right;
border-bottom: none;
border-top: none;
border-left: solid 1px #fff;
}

ul#navigation li a:hover {
color: #000;
background-color: #fff;
}

ul#navigation li#youarehere a {
background-color: #09f;

.web-services{
	list-style:none;
	list-style-image: none;
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center top;
	padding-left : 15px;
}

/* START METHODOLOGY CSS */

#discovery {
width:300px;
height:40px;
background-image: url('http://dev.msbconsulting.net/images/icon_discovery.jpg');
padding:0px;
margin:0px;
}

#discovery h1 span {
	display: none;
}

#design {
width:300px;
height:40px;
background-image: url('http://dev.msbconsulting.net/images/icon_design.jpg');
padding:0px;
margin:0px;
}

#design h1 span {
	display: none;
}

#development {
width:300px;
height:40px;
background-image: url('http://dev.msbconsulting.net/images/icon_development.jpg');
padding:0px;
margin:0px;
}

#development h1 span {
	display: none;
}

#delivery {
width:300px;
height:40px;
background-image: url('http://dev.msbconsulting.net/images/icon_delivery.jpg');
padding:0px;
margin:0px;
}

#delivery h1 span {
	display: none;
}

#portleft {
width:350px;
float:left;
padding:0px;
margin:0px;
}

#portright {
width: 350px;
float: right;
padding:0px;
margin:0px;
}

.porttitle {
font-size:18px;
color:#FFFF00;
}
