/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

body {
/*background-color: #fff;*/
background: url(../images/bg.jpg) #dcd8cc repeat-x;
color: #000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

p {
line-height: 1.3em;
margin-bottom: 15px;
text-align: left;
}

a {
text-decoration: underline;
}

a:hover {text-decoration: none;}

/* Container
------------------------------*/

#container {
/* background: url(../images/bg-container.png) repeat-y; */
margin: 0px auto;
width: 720px;
}

/* Header
------------------------------*/

#header h1 {
background: url(../images/logo.jpg) no-repeat;
height: 175px;
text-indent: -9000px;
width: 720px;
}

/* Menu
------------------------------*/

/*
#menu {
background: url(../images/menu.jpg) no-repeat;
height: 42px;
margin-top: -42px;
margin-left: 159px;
width: 526px;
}

#menu ul {
visibility: hidden;
}
*/

#menu {
display: block;
height: 42px;
position: relative;
margin: -42px 0 0 159px;
padding-top: 0px;
width: 531px;
}

#menu ul {
background: url(../images/menu.jpg) no-repeat;
height: 42px;
margin: 0px;
width: 531px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
display: block;
text-decoration: none;
text-indent: -9000px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 0px; top: 0px; width: 57px; height: 42px;}
#menu #menu2, #menu #menu2 a {left: 67px; top: 0px; width: 140px; height: 42px;}
#menu #menu3, #menu #menu3 a {left: 207px; top: 0px; width: 102px; height: 42px;}
#menu #menu4, #menu #menu4 a {left: 309px; top: 0px; width: 126px; height: 42px;}
#menu #menu5, #menu #menu5 a {left: 435px; top: 0px; width: 91px; height: 42px;}

#menu ul li#menu1 a:hover {width: 77px; background: transparent url(../images/menu.jpg) 0px -42px no-repeat;}
#menu ul li#menu2 a:hover {width: 160px; margin-left: -10px; background: transparent url(../images/menu.jpg) -57px -84px no-repeat;}
#menu ul li#menu3 a:hover {width: 122px; margin-left: -10px; background: transparent url(../images/menu.jpg) -197px -126px no-repeat;}
#menu ul li#menu4 a:hover {width: 146px; margin-left: -10px; background: transparent url(../images/menu.jpg) -299px -168px no-repeat;}
#menu ul li#menu5 a:hover {width: 111px; margin-left: -10px; background: transparent url(../images/menu.jpg) -425px -210px no-repeat;}


/* Content
------------------------------*/

#content {
background: url(../images/bg-container.png) repeat-y;
display: table;
margin: 0 0 0 0;
min-height: 400px;
padding: 0 0 50px 30px;
width: 720px;
}

* html #content {
background: url(../images/bg-container-ie6.jpg) no-repeat;
height: expression( this.scrollHeight < 401 ? "400px" : "auto" ); /* sets min-height for IE */
min-height: 400px; /* sets min-height value for all standards-compliant browsers */
}

/* Flashbar */
#flashbar {
height: 125px;
/*margin-left: 30px;*/
margin: 0 0 0 0;
}

#content h2 {
height: 35px;
margin: 0 0 0 0;
text-indent: -9000px;
width: 660px;
}

* html #content h2 {
margin-top: -5px;
}

body#home #content h2 {background: url(../images/h2-home.jpg) no-repeat;}
body#bs #content h2 {background: url(../images/h2-bs.jpg) no-repeat;}
body#bs-it-application #content h2 {background: url(../images/h2-bs-it-application.jpg) no-repeat;}
body#bs-it-enduser #content h2 {background: url(../images/h2-bs-it-enduser.jpg) no-repeat;}
body#bs-it-networking #content h2 {background: url(../images/h2-bs-it-networking.jpg) no-repeat;}
body#bs-it-planning #content h2 {background: url(../images/h2-bs-it-planning.jpg) no-repeat;}
body#bs-it-server #content h2 {background: url(../images/h2-bs-it-server.jpg) no-repeat;}
body#bs-ms-emp #content h2 {background: url(../images/h2-bs-ms-emp.jpg) no-repeat;}
body#bs-ms-improvement #content h2 {background: url(../images/h2-bs-ms-improvement.jpg) no-repeat;}
body#bs-ms-mgmt #content h2 {background: url(../images/h2-bs-ms-mgmt.jpg) no-repeat;}
body#bs-ms-org #content h2 {background: url(../images/h2-bs-ms-org.jpg) no-repeat;}
body#bs-ms-planning #content h2 {background: url(../images/h2-bs-ms-planning.jpg) no-repeat;}
body#cs #content h2 {background: url(../images/h2-cs.jpg) no-repeat;}
body#cs-rubberlite #content h2 {background: url(../images/h2-cs-rubberlite.jpg) no-repeat;}
body#cs-insurance #content h2 {background: url(../images/h2-cs-insurance.jpg) no-repeat;}
body#cs-huntington #content h2 {background: url(../images/h2-cs-huntington.jpg) no-repeat;}
body#bios #content h2 {background: url(../images/h2-bios.jpg) no-repeat;}
body#bios-frank #content h2 {background: url(../images/h2-bios-frank.jpg) no-repeat;}
body#bios-matt #content h2 {background: url(../images/h2-bios-matt.jpg) no-repeat;}
body#bios-rick #content h2 {background: url(../images/h2-bios-rick.jpg) no-repeat;}
body#bios-darren #content h2 {background: url(../images/h2-bios-darren.jpg) no-repeat;}
body#bios-phil #content h2 {background: url(../images/h2-bios-phil.jpg) no-repeat;}
body#bios-jason #content h2 {background: url(../images/h2-bios-jason.jpg) no-repeat;}
body#contact #content h2 {background: url(../images/h2-contact.jpg) no-repeat;}

#content #main h3 {
border-bottom: 1px dashed #999;
color: #6e6c66;
font-size: 12px;
font-weight: bold;
line-height: 26px;
margin: 0 0 5px 0;
text-transform: uppercase;
}

#content p.lead {
color: #000;
font-size: 12px;
margin-top: 10px;
}

#content p.quote {
background-color: #f1fbfd;
border: 2px solid #d8f4f8;
border-width: 0 2px;
color: #333;
font-style: normal;
margin: 0 20px 20px 20px;
padding: 10px;
}

#content #main p a,
#content #main td a,
#content #main h4 a {
color: #004272;
}

#content p strong {
font-size: 13px;
font-weight: bold;
}

#content table tbody tr td {
line-height: 1.3em;
}

#content table tbody tr td.contact-type {
color: #6e6c66;
font-weight: bold;
text-transform: uppercase;
width: 50px;
}

#content ul {
list-style-type: square;
list-style-position: outside;
margin: 0 20px 20px 40px;
}

#content ul li {
border-bottom: 1px dashed #ddd;
color: #444;
line-height: 18px;
padding: 3px 0;
}

#content ul li a {
color: #004272;
}

#content ul li strong {
font-weight: bold;
}

#content ul li ul {
list-style-type: circle;
margin-bottom: 0px;
}

#content ul li ul li {
border-bottom: 0px dashed #ddd;
}

#content ol {
list-style-type: decimal;
list-style-position: outside;
margin: 0 20px 20px 40px;
}

#content ol.alphalist {
list-style-type: upper-alpha;
}

#content ol li {
border-bottom: 1px dashed #ddd;
color: #444;
line-height: 18px;
padding: 3px 0;
}

/* Sidebar
------------------------------*/

#sidebar {
float: left;
padding: 0 20px;
width: 165px;
}

#sidebar h3 {
text-indent: -9000px;
}

#sidebar p#news-archive {
font-size: 10px;
font-weight: normal;
margin: -35px 0 30px 60px;
text-transform: lowercase;	
}

* html #sidebar p#news-archive {
margin-top: -17px;
}

#sidebar p#news-archive a {
color: #9e6f53;
}

body#cs #sidebar p,
body#cs-insurance #sidebar p,
body#cs-rubberlite #sidebar p,
body#cs-huntington #sidebar p {
border: 1px solid #6d8c9e;
border-width: 0 0 1px 0;
color: #004272;
font-family: Georgia, serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
margin: 0px;
padding: 0 0 10px 0;
}

#sidebar h4 {
/*background-color: #e2e1dd;*/
border-top: 0px solid #666;
border-bottom: 1px dashed #999;
color: #6e6c66;
font-size: 12px;
font-weight: bold;
line-height: 30px;
margin: 0 0 0px 0;
padding-left: 0px;
text-align: left;
text-transform: uppercase;
}

body#cs #main h5,
body#cs-insurance #main h5,
body#cs-rubberlite #main h5,
body#cs-huntington #main h5 {
color: #004272;
font-size: 14px;
font-style: normal;
font-weight: normal;
margin: 10px 0 25px 0;
}

#sidebar ul {
color: #666;
list-style: none;
list-style-position: outside;
margin: 0 0 35px 0;
}

#sidebar ul li {
border-bottom: 1px solid #ccc;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
padding: 7px 0;
}

#sidebar ul li a {
color: #004272;
text-decoration: none;
}

#sidebar ul li a:hover {
color: #333;
text-decoration: underline;
}

#sidebar ul li span {
color: #888;
font-size: 10px;
line-height: 18px;
padding-left: 18px;
}

#sidebar ul li span.pdf {
background: url(../images/i/pdf.gif) no-repeat;
}

#sidebar ul li span.link {
background: url(../images/i/link.gif) no-repeat;
}

/* Main
------------------------------*/

#main {
float: left;
padding: 0 20px;  /* right padding + left padding + width = total width */
width: 415px;
}

body#cs #main h4 {
border-bottom: 0px solid #d8f4f8;
font-weight: normal;
margin-top: 10px;
padding-bottom: 5px;
}

body#cs #main h4 a {
line-height: 1.3em;
}

body#cs #main p {
/*background: #eee;
border-left: 2px solid #666;
padding: 10px;*/
/* background-color: #f1fbfd;
border: 2px solid #d8f4f8;
border-width: 0 2px;
color: #333;
font-style: normal;
margin: 5px 0px 20px 20px;
padding: 10px; */
}

/* Footer
------------------------------*/

#footer {
background: url(../images/bg-footer.png);
clear: both;
height: 70px;
width: 720px;
}

* html #footer {
background: url(../images/bg-footer-ie6.jpg);
}

#footer p {
color: #6e6c66;
font-size: 11px;
margin: 0 0 0 240px;
padding-top: 30px;
}

#footer p a {
color: #6e6c66;
text-decoration: none;
}

#footer p a:hover {
text-decoration: underline;
}