/* force vertical scrollbars */
/*html { overflow-y: scroll; }*/
/*html { height: 102%; }*/
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif; background: #476A87; margin: 0; padding: 0; 
	text-align: center; 
	color: #2A3F55; 
	background: url(../images/body-top-slice.gif) #476A87 repeat-x scroll top;
	margin: 20px 0 20px 0;
}
a:link, a:visited {
	color: #002569;
	text-decoration: underline;
	font-size: 100%;
}
a:hover {
	color: #002569;
	text-decoration: none;
	font-size: 100%;
}
/* get rid of those system borders being generated for A tags */
a {
  outline:none;
}
h1, h2, h3, h4, h6 {font-weight: normal; }
h1 {font: 120% normal; line-height: 140%; margin-bottom: -5px; margin-top: 20px; letter-spacing: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h2 { font: 110% normal; line-height: 125%; margin: 0 0 -5px 0; letter-spacing: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h3, h4 { font: 90% normal; line-height: 110%; margin-bottom: -5px; letter-spacing: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h5 { font-size: 80%; font-weight: bold; color: #595959; margin-bottom: -5px; letter-spacing: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h6 { margin: 3px 0 -10px 0; padding: 0 0 5px 10px; font: 80% Helvetica,Arial,Sans-Serif; color: #A7BEDF; letter-spacing: 0px; }
#bannerAbout { height: 120px; background: white url(../images/headerAbout.jpg) no-repeat scroll center top; }
#bannerPortfolio { height: 120px; background: white url(../images/headerPortfolio.jpg) no-repeat scroll center top; }
#bannerContact { height: 120px; background: white url(../images/headerContact2.jpg) no-repeat scroll center top; }
#bannerServices { height: 120px; background: white url(../images/headerServices.jpg) no-repeat scroll center top; }
#bannerAbout h1, #bannerPortfolio h1, #bannerContact h1, #bannerServices h1, #bannerServices h2 { display: none; }
#mainmenu { height: 37px; } /* add extra 1px for bottom border */
#container {
	width: 680px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #002569;
	text-align: left;
	position: relative;
} 
#header {
	height: 60px;
	padding: 0 10px 0 200px;
	margin-left: 180px;
	background: #F2EEDB url(../images/headerSlice.gif) repeat-x scroll right top;
}
#header h1, #header h2 {
	margin: 0; 
	padding: 0; 
	text-indent: -9999px;
}
#header h1.logo a {
	background-image: url(../images/logo3.gif);	
	display: block;
	width: 180px;
	height: 80px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}
#sidebar1 {
	float: right; 
	width: 200px; 
	background: #F2EEDB; 
	padding: 5px 0px 15px 20px;
	margin-top: 40px;
	border-bottom: 1px solid #002569; border-top: 1px solid #002569; border-left: none; border-right: none;
}
#sidebar1 h2 { margin-top: 0; background:#6F6F6F}
#sidebar1 p{ font-size: 80%; color: #595959; line-height: 130%; }
#sidebar2 {
  background:#eee;
  float:right;
  width:160px;
  margin: 20px 20px 20px 20px;
  border:1px solid #999;
  }
#sidebar3 {
  float:right;
  width:200px;
  margin: 20px 15px 0 0;
  }
#sidebar3 h5 {
	margin-bottom: -15px; 
	font-size: 70%;
}  
#sidebar2 h2, h3 {
  margin-top: 0;
  background:#F2EEDB;
  font-weight: bold;
  padding:4px 8px;
  border-bottom:1px solid #999;
  }
#sidebar2 p {
  font-size: 90%;  
  padding:4px 8px;
  }
#sidebar2 a:link, #sidebar2 a:visited, #sidebar2 a:hover {font-size: 90%; color: #2A3F55; line-height: 170%;  padding: 4px 8px;} 
#mainContent { 
	margin: 0 250px 0 0; 
	padding: 0 20px; 
} 
#hosting #mainContent { margin:0; }
#bottomContent { 
	margin: 0; 
	padding: 0 20px;
} 
#portfolio {
	margin: 0 30px 0 0;
	padding: 20px;
}
#mainContent p, #mainContent ul, #bottomContent p, #bottomContent ul {
	font-size: 80%;
	color: #595959;
	line-height: 130%;
}
#mainContent ul, #bottomContent ul { margin-top: 10px; }
#mainContent li, #bottomContent li { margin-bottom: 5px; }
#mainContent a, #bottomContent a { color: #595959; }
#mainContent p.about { line-height: 180%; }
#sidebar3 p{ font-size: 65%;  margin-top: 20px;} 
#footer {
	margin-top: 20px;
	padding: 6px 20px 0 20px;
	background:#F2EEDB;
	background-image: url(../images/footerSlice.gif);
	background-repeat: repeat-x;
} 
#footer p {
	font-size: 70%; 
	text-align: center;
	margin: 0; 
	padding: 10px 0; 
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.featured { 
	float: left;
	margin: 20px 0 20px 0;
    padding: 10px; border: 1px solid #002569; 
	background-color: #F2EEDB; border-left: none; border-right: none;
	width: 550px;
	font-size: 70%;  
}
.featured p { margin-top: 7px; }
.featured a:link, .featured a:visited, .featured a:hover {font-size: 110%;  }
a.small:link, a.small:visited, a.small:hover {
	font-size: 90%; 
	color: #2A3F55; 
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ---Main Navigation--- */
ul#mainnav { margin: 0 0 0 0; padding: 0 0 0 330px; width: 350px; list-style-type: none; float: right; border-bottom: 1px solid #002569; border-left: none; border-right: none;}
ul#mainnav li { margin: 0; padding: 0; line-height: 36px; float: left; }
ul#mainnav li a { height: 37px; text-decoration: none; float: left; text-align: center; }
ul#mainnav li a strong { display: none; }
ul#mainnav li, ul#mainnav li a { background-image: url(../images/mainnav3.gif); }
ul#mainnav li.services, ul#mainnav li.services a { width: 84px; background-position: 0 36px; }
ul#mainnav li.services a.selected, ul#mainnav li.services a:hover { background-position: 0 0; }
ul#mainnav li.portfolio, ul#mainnav li.portfolio a { width: 104px; background-position: -85px 36px; }
ul#mainnav li.portfolio a.selected, ul#mainnav li.portfolio a:hover { background-position: -85px 0; }
ul#mainnav li.about, ul#mainnav li.about a { width: 71px; background-position: -190px 36px; }
ul#mainnav li.about a.selected, ul#mainnav li.about a:hover { background-position: -190px 0; }
ul#mainnav li.contact, ul#mainnav li.contact a { width: 88px; background-position: -262px 36px; }
ul#mainnav li.contact a.selected, ul#mainnav li.contact a:hover { background-position: -262px 0; }

/* ---Sub Navigation--- */ 
ul#subnav { margin: 10px 1px 0 0; padding: 0; list-style-type: none; }
ul#subnav li { margin-bottom: 4px; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul#subnav li a { padding: 4px 7px; display: block; position: relative; border: 1px solid #F2EEDB; border-right: none; text-decoration: underline; color: #4E4E4E; }
ul#subnav li a.selected, ul#subnav li a:hover { border-color: #8DAEDB; background-color: white; text-decoration: none;}

img { border: 0; padding: 0; }
img.left { float: left; margin: 0 10px 3px 0; }
img.right { float: right; margin: 0 0 3px 10px; }
img.center { margin: 5px 10px; }
img.border { padding: 3px; border: 1px solid #E0E0E0; }
img.mtop { margin-top: -10px; border: 0; }
.red { color: red; font-size: 80%;}

#mailbox {
	background: url(../images/mailboxSm.gif) no-repeat 170px 20px;
}
div.line { background: url(../images/ltGry.gif) repeat-x; width: 60%; margin-top: 30px; padding: 0;}
#box  {
	width: 209px; padding-bottom: 0px;
	margin: -30px -20px 0 0;
	min-height: 200px;
	max-height: 415px;
	background: url(../images/boxes/box-bottom-lt.png) no-repeat #ffffff bottom;
}
#box p { 
	font-size: 80%;
	padding: 0 15px 15px 15px; 
}
#box h2  {
	margin: 0 0 -10px 0px;
	padding: 20px 10px 0 15px;
	font-size: 90%;
	font-weight: bold;
	background: url(../images/boxes/box-top-lt.png) no-repeat;
}