/* body - sidebar bg img is here */
body {
background: url(images/sidebg.gif) repeat-y;
background-color: #FFFFFF;
margin: 0;
padding: 0;
font-family: Arial, Verdana;
}

/* header */
#header {
background: url(images/headerbg.gif) repeat-x;
width: 100%;
height: 121px;
}
#header h1 {
margin: 0;
float:left;
background: url(images/headerlogo.gif);
width:355px;
height:121px;
}
#header span {
display: none;
}
#header a {
display:block;
width:355px;
height:121px;
}

/* menu */
#menucontainer {
text-transform: lowercase;
text-align: right;
width: 820px;
}
#menu {
color: #FFFFFF;
font-size: 0.7em;
width: 100%;
background-color: #384251;
border: solid #000000;
border-width: 1px 0 1px 0;
}
#menu a:link {
text-decoration: none;
color: #FFFFFF;
}
#menu a:visited {
color: #CCCCCC;
}
#menu a:hover, a:active {
color: #FF9900;
text-decoration: underline;
}
#mainmenu {
font-weight: bold;
margin: 0.5em 0.8em 0.5em 0;
padding: 0;
list-style: none;
}

/* main menu list */
#mainmenu li {
border-left: 1px solid #CCCCCC;
padding-left: 0.6em;
margin-left: 0.6em;
display: inline;
}
#mainmenu li.first {
border-left: none;
padding-left: 0;
margin-left: 0;
display: inline;
}

/* submenu - add id names here for any extra submenus */
#itsub {
font-weight: normal;
display: inline;
margin: 0 0 0 0.2em;
padding: 0;
list-style: none;
}
#itsub li {
border: none;
padding: 0;
margin: 0;
display: inline;
}

/* main content */
#content {
width: 820px;
}

/* sidebar */
#sidebar {
font-size: 0.7em;
font-weight: bold;
width: 185px;
float:left;
padding: 0 5px 0 0;
}
#sidebar img {
padding:  0 0 0 30px;
}
#sidebar ul {
list-style: none;
margin: 1em 0 35px 0;
padding: 0;
}
#sidebar li {
margin: 0 0 0.7em 30px;
padding-right: 20px;
}

/* right side content */
#rightcontent {
font-size: 0.8em;
margin: 0 0 0 190px;
padding: 20px 0 0 30px;
}
#rightcontent h1 {
letter-spacing: -0.03em;
font-size: 2.2em;
font-weight: normal;
margin: 0;
padding: 0;
border: solid #FF9900;
border-width: 0 0 1px 0;
display: inline;
}
#rightcontent h2 {
color: #6787A7;
font-size: 1.3em;
margin: 0.3em 0 0 0;
padding: 0;
}

/* p style below is for any text in right content outside of a sub-content box */
#rightcontent p {
font-size: 0.9em;
margin: 1em 0 0.8em 0;
}

/* index rj45 image */
#rightcontent img.rj45-corner {
margin: -47px 0 0 455px;
position:absolute;
z-index: 2;
}

/* fix for ie placement */
* html #rightcontent img.rj45-corner {
margin: -56px 0 0 458px;
}

/* index rj45 image small */
#rightcontent img.rj45small-corner {
margin: -35px 0 0 495px;
position:absolute;
z-index: 2;
}

/* fix for ie placement */
* html #rightcontent img.rj45small-corner {
margin: -44px 0 0 498px;
}

/* sub-content boxes */
#singlecolumns, #triplecolumns, #dualcolumns, #triplecolumns2 {
width: 590px;
}
#singlecolumns.quotes {
width: 420px;
}
#singlecolumns.news {
clear: left;
}
#dualcolumns, #triplecolumns2 {
margin: -15px 0 0 0;
}
#triplecolumns2 {
margin-left: 2px;
}

/* sub-content image placement */
#singlecolumns img {
position: relative;
z-index: 2;
float:right;
}
#singlecolumns img.timemangement {
margin: -20px 15px 0 0;
}
#singlecolumns img.monitoring {
margin: 45px 15px 0 0;
}
#singlecolumns img.development {
margin: -20px -20px 0 0;
}
#singlecolumns img.target {
margin: -18px 5px 0 0;
}
#triplecolumns img {
float:right;
margin: -68px -26px 0 0;
position: relative;
z-index: 2;
}

/* sub-content box headings */
#dualcolumns h2, #singlecolumns h3, #triplecolumns h2, #triplecolumns2 h2 {
padding: 7px 10px 5px 15px;
font-size: 1.7em;
margin: 0 0 0.5em 0;
font-weight: normal;
display:block;
border: solid #A1B4C8;
border-width: 0 0 1px 0;
background: url(images/h2bg-lc.jpg) -10px 0 repeat-x;
background-color: #FFFFFF;
}
#triplecolumns h2, #singlecolumns h3 {
color: #365676;
font-size: 1.2em;
font-weight: bold;
}
#singlecolumns h3 {
margin: 1em 0 0 0;
}

/* set corner images on the content boxes */
#dualcolumns h2.right, #singlecolumns h3, #triplecolumns h2.right, #triplecolumns2 h2.right {
background: url(images/h2bg-rc.jpg) top right repeat-x;
background-color: #FFFFFF;
}
#dualcolumns h2.left, #triplecolumns h2.left, #triplecolumns2 h2.left {
background: url(images/h2bg-lc.jpg) repeat-x;
background-color: #FFFFFF;
}
#dualcolumns div.rightbox,  #triplecolumns div.rightbox, #triplecolumns2 div.rightbox {
background: url(images/boxbg-rc.gif) bottom right no-repeat;
background-color: #F9FAFC;
}
#dualcolumns div.leftbox, #triplecolumns div.leftbox, #triplecolumns2 div.leftbox {
background: url(images/boxbg-lc.gif) bottom left no-repeat;
background-color: #F0F3F7;
}

/* sub-content box divs - controls the content text within the boxes */
#singlecolumns div {
margin: 20px 0 20px 0;
padding: 0 0 10px 0;
font-size: 1em;
color: #000000;
background: url(images/singlecbg.jpg) bottom repeat-x;
background-color: #F9FAFC;
}
#dualcolumns div, #triplecolumns div, #triplecolumns2 div  {
margin: 20px 0 20px 0;
width: 295px;
font-size: 0.9em;
color: #333333;
float: left;
}
#triplecolumns div {
background-color: #F4F6F9;
width: 195px;
height: 11em;
}
#triplecolumns2 div {
background-color: #F4F6F9;
width: 196px;
height: 26em;
}
#singlecolumns div.quote-right, #singlecolumns div.quote-top {
line-height: 1.45em;
font-size: 0.85em;
padding: 5px 10px 25px 10px;
margin: 20px 0 0 0;
padding: 0 0 15px 0;
left: 660px;
position:absolute;
width: 150px;
}
#singlecolumns div.quote-top {
margin: 0;
}

/* ie placement for the right side boxes on the testimonials page */
* html #singlecolumns div.quote-right {
margin: 0;
}
* html #singlecolumns div.quote-top {
margin: 20px 0 0 0;
}

/* margins for the paragraphs */
#singlecolumns div p {
margin: 1em 0.5em 0.5em 1em;
}
#triplecolumns div p {
margin: 0.5em 0.5em 0.5em 1.6em;
font-size: 0.95em;
color: #000000;
}

/* formatting for lists */
#dualcolumns ul, #singlecolumns ul, #triplecolumns2 ul {
font-size: 0.95em;
color: #FF9900;
margin: 0.7em 0 0 0.3em;
padding: 0 0.5em 1em 0;
}
#singlecolumns ul {
padding: 0 0.5em 0.5em 0;
}
#dualcolumns li, #triplecolumns2 li {
margin: 0 0 0.8em 2.2em;
}
#singlecolumns li {
margin: 0 0 0.2em 3em;
}
#dualcolumns span, #singlecolumns span, #triplecolumns2 span {
font-weight: bold;
color: #000000;
}

/* news box */
img.newsimg {
border: solid #A1B4C8 1px;
margin: 10px 10px 0 10px;
}
#singlecolumns.news h4 {
color: #365676;
margin: 0.7em 0 0 0;
font-size: 1.2em;
}
#singlecolumns.news p {
margin: 0.4em 0 0.6em;
}
#singlecolumns.news div {
margin: 0 0 10px 0;
}
/* ie placement for the newsbox */
* html #singlecolumns.news div {
margin: -10px 0 10px 5px;
}

/* footer */
#footer {
width: 100%;
background-color: #F4F6F9;
clear:both;
}
#copyright {
text-align:center;
font-size: 0.7em;
padding: 1.5em 0 1.5em 0;
width: 188px;
background-color: #E2E8EE;
}

/* general page links */
a:link {
text-decoration: none;
color: #FF9900;
}
a:visited {
text-decoration: none;
color: #666666;
}
a:active {
text-decoration: underline;
color: #6787A7;
}
a:hover {
text-decoration: underline;
color: #6787A7;
}