body {
background-color:#CCCCCC;
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
text-align: center;
}

/* outermost div floats in the center, creates PC-board background */

#frame {
background-color: #FFFFFF;
background-image: url(images/pcboard-bg.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 850px;
margin: 0 auto 0 auto;
text-align: left;
padding:0;
}

#keywords{
width: 850px;
margin: auto;
padding-top: 20px;
font-style:italic;
font-size:smaller;
}

/* wrapper div to contain the floated elements inside, fixed width to fill frame */
/* contains lower-right red corner graphic as background */

#floatwrapper {
width: 850px;
float: left;
background-image: url(images/lower-right-bg.gif);
background-repeat: no-repeat;
background-position: bottom right;
padding: 0;
margin: 0;
}

/* div for the image sidebar, contains upper left red corner image as bg */

#sidebar {
float: left;
width: 300px;
min-height: 598px;
background-color: transparent;
background-image: url(images/sidebar-bg.gif);
background-repeat: no-repeat;
background-position: top left;
margin: 0 0 0 0;
padding: 0 0 0 0;
padding-bottom: 25px;
}

/* positioning and borders for sidebar images */

#sidebar img {
clear: both;
float: left;
margin-left: 50px;
margin-top: 25px;
border-style: solid;
border-width: 1px;
border-bottom-color: #262E36;
border-right-color: #262E36;
border-top-color: #CFDCEB;
border-left-color: #CFDCEB;
}

/* push first one down farther to fit in corner */

#sidebar img.first {
margin-top: 50px;
}

/* everything else on the page lives in "content" */

#content {
margin: 0;
padding: 0;
padding-left: 325px;
}

/* div to contain the logo graphic */

#logo {
margin: 0;
padding: 0;
float: right;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 15px;
}

#logo img {
padding: 0;
margin: 0;
}

/* navigation */

#site-navigation {
	padding-right: 38px;
	width: 487px;
	float: right;
}
ul.navbar {
float: right;
width: 100%; 
margin: 0;
padding: 0;
border-bottom: 1px solid #0E4A92; 
}
#subnav.navbar {
font-size: 85%;
padding-top: 10px;
}
.navbar li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
ul.navbar li a {
float: right;
font-weight: bold;
margin: 0 0 0 2em;
padding: 0;
text-decoration: none;
color: #6880A2;
border-bottom: 4px solid;
}
ul.navbar li a:link, ul.navbar li a:visited {
border-bottom-color: #FFFFFF;
}
ul.navbar li a:hover, ul.navbar li a:active  {
border-bottom-color: #6880A2;
/* was #2C4CB1 */
}

/* navigation highlighting for specific pages: */

/* home link on home page */

body#home ul.navbar li#navlink-home a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

/* "what we do" link on whatwedo page */

body#whatwedo ul.navbar li#navlink-whatwedo a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

/* "who we are" link on who we are page */

body#whoweare ul.navbar li#navlink-whoweare a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

/* "contact us" link on contact us page */

body#contactus ul.navbar li#navlink-contactus a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

/* cables subpage */

body#cables ul.navbar li#navlink-cables a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

body#cables ul.navbar li#navlink-whatwedo a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

/* pc boards subpage */

body#pcboards ul.navbar li#navlink-pcboards a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

body#pcboards ul.navbar li#navlink-whatwedo a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

/* final assembly subpage */

body#finalassembly ul.navbar li#navlink-finalassembly a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}
body#finalassembly ul.navbar li#navlink-whatwedo a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

/* testing subpage */

body#testing ul.navbar li#navlink-testing a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

body#testing ul.navbar li#navlink-whatwedo a {
color: #0E4A92;
border-bottom: 4px solid #0E4A92;
}

/* end nav-stuff */

#pagetext {
clear: right;
padding-top: 25px;
padding-right: 50px;
padding-bottom: 25px;
}

#pagetext p {
padding: 0;
margin: 0;
margin-bottom: 25px;
}

#footer {
margin: 0;
padding: 0;
text-align: right;
padding-right: 25px;
padding-left: 25px;
color: #6880A2;
padding-bottom: 25px;
font-weight: bold;
font-size: 75%;
line-height: 125%;
}

#footer img {
float: left;
background-color: #FFFFFF;
}

#footer span.footerseparator {
color: #CCCCCC;
}

/* homepage-specific markup */

body#home div#pagetext p.tagline {
text-align: center;
text-weight: bold;
font-size: 125%;
}
body#home div#pagetext ul {
/*padding-left: 0;
margin-left:1.5em;
text-indent: -.75em;*/
font-size: 125%;
} 
body#home div#pagetext div#companyinfo {
width: 250px;
float: right;
background-color:#FFFFFF;
border: 1px solid #0E4A92;
padding-bottom: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
body#home div#pagetext div#companyinfo p.infoheader {
background-color: #0E4A92;
color: #FFFFFF;
padding: .75em;
margin: 0 0 0 0;
font-weight: bold;
font-size: 85%;
text-align: center;
}
body#home div#pagetext div#companyinfo p {
margin: 0;
padding: 0;
font-size: 75%;
margin: 10px 10px 10px 10px;
}

div#pagetext h2 {
font-size: 125%;
color: #2C4CB1;
}

div#pagetext dt {
font-weight: bold;
margin-top: 10px;
}

div#pagetext dd {
margin-top: 10px;
}

a:link {color: #2C4CB1;}
a:visited {color: #6880A2;}
a:hover {color: #2C4CB1;}
a:active {color: #2C4CB1;}