/* CSS Document */

/* DEFAULT */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000;
margin:auto;
background:#fff;
text-align: center;
}

.small-text{
font-size:0.9em;
}

.first-paragraph{
font-size:1.1em;
}

#home-link{
width:210px;
height:100px;
}

#home-link img{
border:0;
}

a{
color:#000;
text-decoration:none;
}

a:hover{
color:#3480BA;
text-decoration:none;
}

.normal-weight{
font-weight:normal;
}

.normal-weight-red{
font-weight:normal;
color:#B22633;
}
/***********/

/* MAIN & SUB */
#maincontainer{
background:#E9E9E9;
width:750px;
padding-bottom:10px;
margin:auto;
text-align:left;
}

/* Fix's #container not clearing inner floats in firefox */
#maincontainer:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html #maincontainer {
height: 1%;
}
/* End hide from IE-mac */

#subcontainer{
width:716px;
margin:auto;
margin-left:17px;
padding-bottom:8px;
background:#fff;
float:left;
display:inline;
}
/*******/

/* nav */
#nav{
background:#E9E9E9;
height:22px;
width:692px;
margin:auto;
font-size:0.7em;
text-align:center;
padding-top:8px;
}

#nav ul { /* nav lists */
padding:0px;
margin:0px;
list-style:none;
display: inline;
text-align:center;
}

#nav li { /* nav list items */
padding:8px 3px 0px 3px;
position:relative;
list-style:none;
display: inline;
text-align:center;
}
/*************/

/* TEXT AREA */
#textcontainer-01{
width:716px;
margin-right:auto;
margin-left:auto;
float:left;
height:306px;
}

#textcontainer-02{
width:716px;
margin-right:auto;
margin-left:auto;
float:left;
height:199px;
}

#header{
position:relative;
top:78px;
left:31px;
float:left;
width:238px;
margin-left:13px;
display:inline;
}

#header h2{
margin:0;
padding:0;
font-size:1.3em;
padding-top:0px;
margin-top:0px;
}

#header img{
border:0;
}

#subheader{
position:relative;
top:78px;
left:28px;
float:left;
width:158px;
display:inline;
}

#subheader h1{
margin:0;
padding:0;
font-size:1.2em;
font-weight:normal;
position:absolute;
left:-2000px;
}

#subheader img{
border:0;
}

#top-01{
width:695px;
background:#E3EFED;
margin-left:8px;
padding-left:5px;
height:142px;
color:#666;
line-height:1.3em;
float:left;
display:inline;
text-align:center;
}

#top-01 table{
position:relative;
top:-70px;
float:left;
height:100%;
width:96%;
margin:0px 0px 0px 14px;
padding:0px 0px 0px 0px;
display:inline;
text-align:left;
font-size:1em;
}

* html #top-01 table{
top:-10px;
}
 
#top-01 h1{
margin:0px;
padding:0px;
font-size:1em;
font-weight:normal;
display: inline;
}

.top-02{
float:right;
width:419px;
background:#E3EFED;
padding-top:24px;
margin-right:8px;
margin-bottom:6px;
padding-right:80px;
line-height:1.3em;
display:inline;
font-size:0.8em;
line-height:1.5em;
color:#666;
}

.top-02 ul {
list-style-type:square;
}

.top-02 h3{
margin:0;
padding:0;
margin-bottom:8px;
font-size:1.3em;
}

/* SIDE NAV */
#sidenav{
float:left;
margin-left:6px;
width:188px;
background:#E3EFED;
display:inline;
}

#sidenav-inner-01{
float:left;
margin-top:16px;
margin-left:6px;
width:170px;
background:#E3EFED;
display:inline;
line-height:1.5em;
font-size:0.8em;
font-weight:bold;
height:185px;
}

#sidenav-inner-01 a{
text-decoration:none;
}

.current-page{
color:#3480BA;
}

.current-page-red{
color:#B22633;
}

current-page-purple{
color:#AF3B9A;
}

.non-current-page{
color:#E3EFED;
}

.sidenav-inner-01-red a:hover{
color:#B22633;
text-decoration:none;
}

.sidenav-inner-01-purple a:hover{
color:#AF3B9A;
text-decoration:none;
}

#sidenav-inner-02{
float:left;
margin-left:4px;
padding-left:10px;
padding-right:10px;
width:128px;
display:inline;
line-height:1.3em;
font-size:0.8em;
}

#sidenav-inner-02 h2{
color:#3480BA;
font-size:1em;
font-weight:bold;
margin-top:4px;
margin-bottom:4px;
margin-left:0px;
margin-right:0px;
padding:0;
}

#sidenav-inner-02 a{
color:#000;
text-decoration:none;
}

#sidenav-inner-02 a:hover{
color:#3480BA;
text-decoration:none;
}

#sidenav-inner-03{
float:left;
margin-top:12px;
margin-left:4px;
padding-left:10px;
padding-right:10px;
width:128px;
display:inline;
line-height:1.3em;
font-size:0.8em;
}

#sidenav-inner-03 h2{
color:#3480BA;
font-size:1em;
font-weight:bold;
margin-top:4px;
margin-bottom:4px;
margin-left:0px;
margin-right:0px;
padding:0;
}

#sidenav-inner-03 a{
color:#000;
text-decoration:none;
}

#sidenav-inner-03 a:hover{
color:#3480BA;
text-decoration:none;
}

.sidenav-inner-purple{
margin-left:4px;
padding-left:10px;
padding-right:10px;
background:#CAAAD1;
}

.sidenav-inner-peach{
margin-left:4px;
padding-left:10px;
padding-right:10px;
background:#FBBB90;
}

.sidenav-inner-olive{
margin-left:4px;
padding-left:10px;
padding-right:10px;
background:#C4D9A5;
}
/************************/

#bottom{
width:695px;
background:#E3EFED;
margin-left:8px;
padding-left:5px;
height:122px;
margin-bottom:10px;
float:left;
display:inline;
}

#bottom h2{
color:#047AB6;
font-weight:bold;
font-size:0.9em;
margin:0;
padding-top:12px;
padding-bottom:5px;
padding-right:0px;
padding-left:0px;
}

#bottom h2 a{
color:#047AB6;
font-weight:bold;
}

#bottom a{
text-decoration:none;
font-style:normal;
font-weight:bold;
}

#bottom a:hover{
text-decoration:underline;
}

#bottom-02{
width:704px;
background:#E3EFED;
margin-left:6px;
float:left;
display:inline;
}

#column-one-bottom{
float:left;
width:188px;
background:#CAAAD1;
height:110px;
margin:0px 9px 10px 10px;
padding:0px 14px 0px 9px;
display: inline;
}

#column-two-bottom{
float:left;
width:188px;
background:#FBBB90;
height:110px;
margin:0px 9px 10px 10px;
padding:0px 14px 0px 9px;
display: inline;
}

#column-three-bottom{
float:left;
width:188px;
background:#C4D9A5;
height:110px;
margin:0px 9px 10px 10px;
padding:0px 14px 0px 9px;
display: inline;
}

.whitelinebox{
width:99%;
height:3px;
display:inline;
overflow:hidden;
float:left;
margin-left:2px;
margin-top:2px;
margin-bottom:2px;
}

.whiteline{
height:3px;
background:url(../images/whitelinedashed.gif) repeat-x;
}

.bottom-text{
margin-top:4px;
width:138px;
float:left;
display:inline;
font-style:italic;
font-size:0.7em;
line-height:1.5em;

}

.bottom-image-01{
background:url(../images/news-box-01.gif) no-repeat;
margin-top:12px;
width:48px;
height:47px;
float:right;
display:inline;
}

.bottom-image-02{
background:url(../images/news-box-02.gif) no-repeat;
margin-top:12px;
width:48px;
height:47px;
float:right;
display:inline;
}

.bottom-image-03{
background:url(../images/news-box-03.gif) no-repeat;
margin-top:12px;
width:48px;
height:47px;
float:right;
display:inline;
}

.sidenav-bottom-image-01{
background:url(../images/news-box-01.gif) no-repeat;
margin-top:6px;
margin-right:6px;
padding-bottom:10px;
width:48px;
height:47px;
float:left;
display:inline;
}

.sidenav-bottom-image-02{
background:url(../images/news-box-02.gif) no-repeat;
margin-top:6px;
margin-right:6px;
padding-bottom:10px;
width:48px;
height:47px;
float:left;
display:inline;
}

.sidenav-bottom-image-03{
background:url(../images/news-box-03.gif) no-repeat;
margin-top:6px;
margin-right:6px;
margin-bottom:10px;
width:48px;
height:47px;
float:left;
display:inline;
}
/***************/

/* VALIDATE */
#validate{
width:160px;
float:right;
text-align:right;
font-size:0.8em;
color:#fff;
margin-top:6px;
margin-right:13px;
display:inline;
}

#validate a{
color:#fff;
text-decoration:none;
}


/***************/

/* NAV CLASSES */
.zero{
color:#7D817D;
text-decoration:none;
font-weight:bold;
}

.zero-current{
color:#fe951a;
font-weight:bold;
}

.zero-current:hover{
color:#fe951a;
text-decoration:none;
}

.zero:hover{
color:#fe951a;
text-decoration:none;
font-weight:bold;
}

.one{
color:#7D817D;
text-decoration:none;
font-weight:bold;
}

.one-current{
color:#3480BA;
font-weight:bold;
}

.one-current:hover{
color:#3480BA;
text-decoration:none;
}

.one:hover{
color:#3480BA;
text-decoration:none;
font-weight:bold;
}

.two{
color:#7D817D;
text-decoration:none;
font-weight:bold;
}

.two-current{
color:#B22633;
font-weight:bold;
}

.two-current:hover{
color:#B22633;
text-decoration:none;
}

.two:hover{
color:#B22633;
text-decoration:none;
font-weight:bold;
}

.three{
color:#7D817D;
text-decoration:none;
font-weight:bold;
}

.three-current{
color:#8B9923;
font-weight:bold;
}


.three-current:hover{
color:#8B9923;
text-decoration:none;
}

.three:hover{
color:#8B9923;
text-decoration:none;
font-weight:bold;
}

.four{
color:#7D817D;
text-decoration:none;
font-weight:bold;
}

.four-current{
color:#853899;
font-weight:bold;
}

.four-current:hover{
color:#853899;
text-decoration:none;
}

.four:hover{
color:#853899;
text-decoration:none;
font-weight:bold;
}

.five{
color:#7D817D;
text-decoration:none;
font-weight:bold;
}

.five-current{
color:#951873;
font-weight:bold;
}

.five-current:hover{
color:#951873;
text-decoration:none;
}

.five:hover{
color:#951873;
text-decoration:none;
font-weight:bold;
}

.six{
color:#7D817D;
text-decoration:none;
font-weight:bold;
}

.six-current{
color:#A3931F;
font-weight:bold;
}

.six-current:hover{
color:#A3931F;
text-decoration:none;
}

.six:hover{
color:#A3931F;
text-decoration:none;
font-weight:bold;
}

.seven{
color:#7D817D;
text-decoration:none;
font-weight:bold;
}

.seven-current{
color:#3C96B5;
font-weight:bold;
}

.seven-current:hover{
color:#3C96B5;
text-decoration:none;
}

.seven:hover{
color:#3C96B5;
text-decoration:none;
font-weight:bold;
}

/***************/

/* BACKGROUNDS */
.home-bg{
background:#fff url(../images/home-bg.jpg) no-repeat top;
}

.about-bg{
background:#fff url(../images/about-bg.jpg) no-repeat top;
}

.product-bg{
background:#fff url(../images/product-bg.jpg) no-repeat top;
}

.intellect-bg{
background:#fff url(../images/intellect-bg.jpg) no-repeat top;
}

.news-bg{
background:#fff url(../images/news-bg.jpg) no-repeat top;
}

.business-bg{
background:#fff url(../images/business-bg.jpg) no-repeat top;
}

.contact-bg{
background:#fff url(../images/contact-bg.jpg) no-repeat top;
}

.map-bg{
background:#fff url(../images/map-bg.jpg) no-repeat top;
}
/***************/

/* CURRENT SIDE NAV */
.non-current-sidenav{
color:#E3EFED;
}

.current-sidenav-blue{
color:#3480BA;
}

.current-sidenav-red{
color:#B22633;
}
/*******************/

/* HEAD COLOURS */
.blue-h3{
color:#3480BA;
}

.red-h3{
color:#B22633;
}

.green-h3{
color:#AFB335;
}

.purple-h3{
color:#AF3B9A;
}

.indigo-h3{
color:#951873;
}

.beige-h3{
color:#A3931F;
}

.cyan-h3{
color:#3C96B5;
}
/****************/

/* LINES */

.bluelinebox-01{
width:700px;
margin-left:8px;
height:16px;
background:#E3EFED;
float:left;
display:inline;
}

.blueline-01{
width:670px;
margin:auto;
height:16px;
background:#E3EFED url(../images/bluelinedashed.gif) no-repeat;
}

.bluelinebox-02{
width:419px;
height:16px;
background:#E3EFED;
margin-top:22px;
}

.blueline-02{
width:419px;
margin:auto;
height:16px;
background:#E3EFED url(../images/bluelinedashed.gif) no-repeat;
}

.redline{
width:419px;
margin:auto;
height:16px;
background:#E3EFED url(../images/redlinedashed.gif) no-repeat;
}

.greenline{
width:419px;
margin:auto;
height:16px;
background:#E3EFED url(../images/greenlinedashed.gif) no-repeat;
}

.purpleline{
width:419px;
margin:auto;
height:16px;
background:#E3EFED url(../images/purplelinedashed.gif) no-repeat;
}

.indigoline{
width:419px;
margin:auto;
height:16px;
background:#E3EFED url(../images/indigolinedashed.gif) no-repeat;
}

.beigeline{
width:419px;
margin:auto;
height:16px;
background:#E3EFED url(../images/beigelinedashed.gif) no-repeat;
}

.cyanline{
width:419px;
margin:auto;
height:16px;
background:#E3EFED url(../images/cyanlinedashed.gif) no-repeat;
}

/************/

.title{
font-weight:bold;
}

.news a{
color:#951873;
}

.products a{
color:#B22633;
}

.contact a{
color:#A3931F;
}

.business a{
color:#951873;
}

.intellect a{
color:#A3931F;
}

.graph-01{
float:right;
width:491px;
margin-top:1em;
margin-bottom:1em;
padding-right:16px;
}

.text-cell{
width:32%;
vertical-align:bottom;
}

.spacer-cell{
width:2%;
}