body {
margin:0;
padding:0;
line-height: 1.5em;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
background: #3b3c40 url(../images/bg_main.gif) repeat-x;
}


#pageWrapper {
width: 910px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#index #header {
background: #262626 url(../images/bg_homeheader.jpg) no-repeat;
height: 364px;
}

#header {
background: #262626;
height: 90px;
background: #262626 url(../images/bg_header.jpg) no-repeat;
}

#contentWrapper {
float: left;
width: 100%;
background: #f2f2f2;
}

#contentBorder {
margin: 5px;
border: solid 1px #303030;
display: block;
clear: left;
}


#contentcolumn {
margin-right: 380px; /*Set right margin to RightColumnWidth*/
}

#oneCol #contentcolumn {
margin-right: 0; /*Set right margin to RightColumnWidth*/
min-height: 400px;
}

#rightcolumn {
float: left;
width: 380px; /*Width of right column*/
margin-left: -380px; /*Set left margin to -(RightColumnWidth) */
margin-top: 60px;
}

#footer {
font-size: 0.9em;
clear: left;
width: 100%;
color: #FFF;
text-align: left;
padding: 4px 0;
}

#credits {
float: right;
}



#footer a {
color: #FFFF80;
}

.innertube {
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-bottom: 30px;
}

#techDiag {
height: 120px;
padding: 0 100px;
}

#techDiag p {
text-indent: 20px;
background: url(../images/icon_info.gif) no-repeat;
background-position: top left;
}


#boxHome1 {
width: 194px;
height: 183px;
background: url(../images/bg_home01.jpg) no-repeat;
padding: 10px 20px 20px 130px;
}


#boxHome2 {
margin: 1em 0 0 0;
width: 206px;
height: 188px;
background: url(../images/bg_home02.jpg) no-repeat;
padding: 10px 20px 20px 130px;
}


.boxSide1 {
display: block;
float: right;
margin: 1em 0 1em 1.5em;
width: 237px;
height: 119px;
background: url(../images/bg_box01.gif) no-repeat;
padding: 10px 20px 20px 0px;
}

.boxSide2 {
display: block;
float: right;
margin: 1em 0 1em 1.5em;
width: 207px;
height: 89px;
background: url(../images/bg_box02.gif) no-repeat;
padding: 20px 20px 20px 0px;
}




/***** Styles & Formatting *****/

h1 {
font-family: 'Arial Rounded MT Bold', arial rounded mt, arial, helvetica, sans-serif;
font-size: 2em;
color: #7f7f7f;
font-weight: bold;
margin: 1em 0;
padding: 0;
line-height: 1.1em;
}

h2 {
font-family: 'Arial Rounded MT Bold', arial rounded mt, arial, helvetica, sans-serif;
font-size: 1.6em;
color: #32a1da;
font-weight: bold;
margin: 1em 0 0.3em 0;
padding: 0;
}

h3 {
font-family: 'Arial Rounded MT Bold', arial rounded mt, arial, helvetica, sans-serif;
font-size: 1.4em;
color: #96c93d;
font-weight: bold;
margin: 1em 0 0.3em 0;
padding: 0;
}

h4 {
font-family: 'Arial Rounded MT Bold', arial rounded mt, arial, helvetica, sans-serif;
font-size: 1.3em;
color: #f7a21c;
font-weight: bold;
margin: 1.5em 0 0.3em 0;
padding: 0;
}

h5 {
font-family: 'Arial Rounded MT Bold', arial rounded mt, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #96c93d;
font-weight: bold;
margin: 0 0 0.3em 0;
padding: 0;
}


#contentcolumn p {
margin: 0 0 1.3em 0;
padding: 0;
}


#index h1 {
font-family: arial, helvetica, sans-serif;
font-size: 2em;
color: #32a1da;
margin: 1em 0 0 0;
padding: 0;
line-height: 1.1em;
}

#index h3 {
font-family: arial, helvetica, sans-serif;
font-size: 1.4em;
color: #7f7f7f;
margin: 0 0 1em 0;
padding: 0;
}

.compTable th {
background: #7f7f7f;
color: #ffffff;
font-weight: bold;
padding: 4px 10px;
text-align: left;
}

.compTable td {
background: #dbdbdb;
padding: 4px 10px;
}

.cellBlue {
background: #cce7f6;
}



/* Lists */

#contentcolumn ul {
list-style: none;
margin: 0.5em 0 1.5em 1.5em;
padding: 0;
}

#contentcolumn ul li {
background: url(../images/bullet_blue.gif) no-repeat;
background-position: 1px 6px;
padding-left: 0.8em;
margin: 0.3em 0;
}

#contentcolumn ul li ul {
list-style: none;
margin: 0.5em 0 1.5em 1.5em;
padding: 0;
}

#contentcolumn ul li ul li {
background: url(../images/bullet_orange.gif) no-repeat;
background-position: 1px 6px;
padding-left: 0.8em;
margin: 0.3em 0;
}

#contentcolumn ul li ul li ul {
list-style: none;
margin: 0.5em 0 1.5em 1.5em;
padding: 0;
}

#contentcolumn ul li ul li ul li {
background: url(../images/bullet_green.gif) no-repeat;
background-position: 1px 6px;
padding-left: 0.8em;
margin: 0.3em 0;
}


/***** Forms *****/

.simpleForm label {
float: left;
width: 100px;
margin-top: 0.5em;
}

.simpleForm input {
margin-top: 0.5em;
}


.cssform p {
width: 500px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
}

.cssform label {
float: left;
width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: right;
padding: 0 5px; 0 0;
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea {
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
margin-left: 3px;
}




/***** Links and Navigation *****/

a:link, a:visited {
color: #f7a21c;
text-decoration: underline;
}

a:hover, a:active {
color: #32a1da;
}



/* Main Navigation */

#menu {
width: 100%;
background: #1b1b1c url(../images/bg_menu.gif) repeat-x;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

#menu a {
font-family: arial, helvetica, sans-serif;
font-size: 1.5em;
color: #bcbcbc;
display: block;
margin: 0;
padding: 10px;
background: #000;
text-decoration: none;
font-weight: normal;
background: #1b1b1c url(../images/bg_menu.gif) repeat-x;
}

#menu a:hover {
color: #32a1da;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul li ul {
border-right: solid 1px #7f7f7f;
border-bottom: solid 1px #7f7f7f;
border-left: solid 1px #7f7f7f;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul li ul a {
background: #fff;
border-top: solid 1px #7f7f7f;
color: #7f7f7f;
font-size: 0.9em;
line-height: 1.3em;
padding: 5px 10px;
}

#menu ul li ul a:hover {
background: #32a1da;
color: #ffffff;
} 

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* Sub-Navigation */

#subNav {
position: relative;
display: block;
float: right;
height: 16px;
margin: 10px 0 0 0;
color: #ffffff;
width: 250px;
text-align: right;
font-size: 0.9em;
}

#subNav ul {
float: right;
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
}

#subNav ul li {
display: block;
float: left;
}

#subNav ul li a {
display: block;
float: left;
color: #034895;
text-decoration: none;
padding: 2px 5px;
margin: 0 0.2em;
height: 12px;
}

#subNav ul li a:hover {
color: #034895;
}

a.navHome {
background: url(../images/icon_home.gif) no-repeat;
background-position: center;
}

a.navHome:hover {
background: url(../images/icon_home_over.gif) no-repeat;
background-position: center;
}

a.navCareers {
background: url(../images/icon_careers.gif) no-repeat;
background-position: center;
}

a.navCareers:hover {
background: url(../images/icon_careers_over.gif) no-repeat;
background-position: center;
}

a.navContact {
background: url(../images/icon_contact.gif) no-repeat;
background-position: center;
}

a.navContact:hover {
background: url(../images/icon_contact_over.gif) no-repeat;
background-position: center;
}

a.navLogin {
background: url(../images/icon_login.gif) no-repeat;
background-position: center;
}

a.navLogin:hover {
background: url(../images/icon_login_over.gif) no-repeat;
background-position: center;
}