/* --- General Styles --- */
html { min-height: 100%; margin-bottom: 1px; overflow-y:scroll; }  /* Firefox / IE8 scroll-fix*/

body {
background-color: #2c5db8;
background-image: url(../images/main_bg.gif);
background-repeat: repeat-x;
margin:0px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
}

/* --- Layout Styles --- */

/*Container div to center everything in the center of the browser*/
#CenteringContainer {
width:1000px;
margin:0 auto 0 auto;
}

/*Holds everything for the website*/
#Container {
position:relative;
float:left;
width: 1000px;
border-left:#1b4593 1px solid;
border-right:#1b4593 1px solid;
border-bottom:#1b4593 1px solid;
}

/*Main Header Div - holds all header stuff - usually has the masthead image as the background*/
#Header {
position:relative;
float:left;
width: 1000px;
height:264px;
background-image:url(../images/masthead.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#CCCCCC;
}

.about-us_mast{
background-image:url(../images/about_header.jpg) !important;
}

.contact-us_mast{
background-image:url(../images/contact_header.jpg) !important;
}

.methodology_mast{
background-image:url(../images/method_header.jpg) !important;
}

.migrations-conversions_mast{
background-image:url(../images/migration_header.jpg) !important;
}

.clients-partners_mast{
background-image:url(../images/clients_header.jpg) !important;
}

.data-conversion-archiving_mast{
background-image:url(../images/data_header.jpg) !important;
}
/*Usually covers header logo and contains a link back to the homepage (Div should have a transparent image)*/
#HomeLink {
position:relative;
float:left;
width:1000px;
height:210px;
margin:0px;
text-decoration:none;
}

/*Used if there is a headline included in the header*/
#Headline {
position:relative;
float:left;
width:600px;
height:20px;
margin:25px 0 0 5px;
color:#8fb2f5;
font-size:17px;
font-weight:bold;
}


#midNav_top {
position:relative;
float:left;
width:1000px;
height:58px;
background-image:url(../images/top_home_nav_grad.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
}

#midNav_top ul {
list-style:none;
width:754px;
height:58px;
margin:0 auto 0 auto;
padding:0;
}

#midNav_top ul li {
position:relative;
float:left;
width:200px;
height:58px;
margin:0;
padding:0;
}

#midNav_top ul li a {
position:relative;
float:left;
color:#535353;
font-weight:bold;
text-decoration:none;
font-size:13px;
width:248px;
height:30px;
padding:20px 0 8px 0;
margin:0;
text-align:center;

/*border-left:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;*/
}

#midNav_top ul li.spacer {
position:relative;
float:left;
width:1px;
height:52px;
background-color:#FFFFFF;
margin:0;
padding:0;
}

#midNav_top ul li a:hover {
color:#2a5bb7;
background-image:url(../images/top_home_nav_arrow.jpg);
background-position:center;
background-repeat:no-repeat;
}

#midNav_middle {
position:relative;
float:left;
width:850px;
height:107px;
background-image:url(../images/mid_home_nav_grad.jpg);
background-repeat:repeat-x;
margin:0;
padding:20px 75px 20px 75px;
color:#404040;
font-size:13px;
font-weight:bold;
text-align:center;
}

.middle_link{
	text-align:left;
}
#midNav_middle a {
color:#5685dd;
}

#midNav_bottom {
position:relative;
float:left;
width:1000px;
height:69px;
background-image:url(../images/bottom_home_nav_grad.jpg);
background-repeat:repeat-x;
}

#midNav_bottom ul {
list-style:none;
width:754px;
height:69px;
margin:0 auto 0 auto;
padding:0;
}

#midNav_bottom ul li {
position:relative;
float:left;
width:250px;
height:69px;
margin:0;
padding:0;
}

#midNav_bottom ul li a {
position:relative;
float:left;
color:#535353;
font-weight:bold;
text-decoration:none;
font-size:13px;
width:248px;
height:41px;
padding:20px 0 8px 0;
margin:0 0 0 0;
text-align:center;
}

#midNav_bottom ul li.spacer {
position:relative;
float:left;
width:1px;
height:55px;
background-color:#FFFFFF;
margin:4px 0 0 0;
padding:0;
}

#midNav_bottom ul li a:hover {
color:#2a5bb7;
background-image:url(../images/bottom_home_nav_arrow.jpg);
background-position:center;
background-repeat:no-repeat;
}

/* --- Container holds any side navs and content --- */
#Middle {
position:relative;
float:left;
}

/* --- Container for any navigation or extra content on the left side --- */
#LeftNav {
position:relative;
float:left;
}

/* --- Container that holds the main content --- */
#Content {
position:relative;
float:left;
width:920px;
background-color:#FFFFFF;
padding:5px 40px 5px 40px;
margin:0;
font-size:11px;
/*color:#2a5bb7;*/
}

#Content ol {
list-style-position:inside;
}

/* --- Container for footer stuff --- */
#Footer {
position:relative;
float:left;
width:950px;
height:35px;
text-align:center;
margin:0 0 30px 0;
padding:15px 25px 20px 25px;
background-image:url(../images/footer_grad.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-size:12px;
}

/* --- Custom image styles --- */
.blueborder {
border:#2a5bb7 1px solid;
margin:0 20px 5px 0;
}

/* --- Heading text styles --- */
h1 {
font-size:18px;
font-weight:bold;
color:#000000;
}

h2 {
font-size:16px;
font-weight:bold;
color:#2c5db9;
}

h3 {
font-size:14px;
font-weight:bold;
color:#2c5db9;
font-style:italic;
}

/* --- Top Nav Styles - This should be the id for a list (usually goes in the header) --- */
#TopNav {
position:relative;
float:left;
height:20px;
padding:0;
margin:24px 0 0 120px;
list-style:none;
}

#TopNav li {
position:relative;
float:left;
display:block;
padding:0;
margin:0;
}

#TopNav li a {
padding:0px 20px 0px 20px;
margin:0;
font-size:12px;
color: #FFFFFF;
text-decoration:none;
font-weight:bold;
}

#TopNav li a:hover {
color: #8fb2f5;
}

/* --- Captioned Photos Styles --- */
#CaptionedPhoto1 {
position:relative;
float:right;
border:#0099FF 1px solid;
margin:5px 0px 5px 15px;
padding:0;
width:290px;
}

#CaptionedPhoto1 p {
margin:5px 10px 5px 10px;
padding:0;
font-size:10px;
}

/* --- Footer Styles --- */
#FooterLinks {
position:relative;
float:left;
text-align:center;
width:100%;
display:block;
clear:both;
color:#FFFFFF;
}

#FooterLinks a {
color:#FFFFFF;
text-decoration:none;
margin:0 5px 0 5px;
}

#FooterLinks a:hover {
text-decoration:underline;
}

#CompanyInfo {
position:relative;
float:left;
text-align:center;
width:100%;
color:#FFFFFF;
margin:5px 0 5px 0;
font-weight:bold;
}

#CompanyInfo a {
color:#FFFFFF;
}

#bkr_footer a {
color:#FFFFFF;
text-decoration:none;
}

#bkr_footer a:hover {
text-decoration:underline;
}

/* ------------------------------- INSIDE PAGES STYLES --------------------------------------------------------------*/
#Header2 {
position:relative;
float:left;
width: 1000px;
height:202px;
background-image:url(../images/masthead2.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#CCCCCC;
}

#HomeLink2 {
position:relative;
float:left;
width:1000px;
height:157px;
margin:0px;
text-decoration:none;
}

#midNav_top2 {
position:relative;
float:left;
width:1000px;
height:58px;
background-image:url(../images/top_home_nav_grad.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
}

#midNav_top2 ul {
list-style:none;
width:968px;
height:58px;
margin:0 auto 0 auto;
padding:0;
}

#midNav_top2 ul li {
position:relative;
float:left;
width:192px;
height:58px;
margin:0;
padding:0;
padding-top:5px;
text-align:center;
}

#midNav_top2 ul li a {
display:block;
position:relative;
/*float:left;*/
color:#535353;
font-weight:bold;
text-decoration:none;
font-size:12px;
width:192px;
height:44px;
padding:4px 0 1px 0;
margin:0;
text-align:center;
/*background-color:#00FF33;*/
/*margin-top:5px;*/
}

#midNav_top2 ul li a span{
text-align:center;
background-color:#99CC00;
height:30px;
display:block;
}

#midNav_top2 ul li.spacer {
position:relative;
float:left;
width:1px;
height:52px;
background-color:#FFFFFF;
margin:0;
padding:0;
}

#midNav_top2 ul li a:hover {
color:#2a5bb7;
background-image:url(../images/top_home_nav_arrow.jpg);
background-position:center;
background-repeat:no-repeat;
}

#Content2 {
position:relative;
float:left;
width:920px;
background-color:#FFFFFF;
padding:5px 40px 5px 40px;
margin:0;
font-size:12px;
color:#404040;
}

#Content2 ol {
list-style-position:inside;
}

/*Josh styles*/
.selected_link{
color:#2a5bb7;
background-position:center;
background-repeat:no-repeat;
}

#midNav_top .selected_link{
background-image:url(../images/top_home_nav_arrow.jpg);
}

#midNav_bottom .selected_link{
background-image:url(../images/bottom_home_nav_arrow.jpg);
}