/*general elements*/
body {
background: #FFFFFF url("images/bkg.gif");
margin:0;
padding:0;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color:#555;
}
a img{border:0}
a{color: #4aa0d1;text-decoration:none;font-weight:bold}
a:hover{color:#4aa0d1;text-decoration:underline;font-weight:bold}


#col-left-bottom a{color: #83818c;text-decoration:none;font-weight:normal}
#col-left-bottom a:hover{color: #83818c;text-decoration:underline;font-weight:normal}


h1{
text-transform:uppercase;
color:#E2351E;
font-size:x-small;
font-weight:bold;
padding:0px;
margin:0px 0px 3px 0px;
}
h2{
text-transform:uppercase;
color:#83818c;
font-size:x-small;
font-weight:bold;
padding:0px;
margin:0px 0px 3px 0px;
}

/*structural elements*/
#container{
position:relative;
width:850px;
height: 100%;
background: #fff;
}
#header{
position:relative;
padding-top:4px;
width:850px;
height:35px;
border-bottom: 2px solid #170f3e;
}
.header-links{
padding-left:30px;
}
#content{
position:relative;
width:850px;
height:562px;
background: #fff;
border-bottom: 3px solid #170f3e;

}
#col-left{
position:relative;
float:left;
width:23%;
height:550px;
border-right:1px solid #ccc;
margin-top:12px;
background: #fff;
color:#545353;

}
#col-left-top{
margin:10px 10px 2px 10px;
padding-bottom:20px;
border-bottom:1px solid #ccc;
}
#col-left-bottom{
margin:0px 10px 10px 10px;
border-top:1px solid #ccc;
padding-top:20px;
}
#col-left p{padding-left:30px}
#col-main{
position:relative;
float:left;
width:75%;
height:550px;
margin-top:12px;
background: #fff;
}
#col-main-top{
margin:10px 10px 2px 10px;
height:300px;
border-bottom:1px solid #ccc;
}
#col-main-bottom{
margin:0px 10px 10px 10px;
border-top:1px solid #ccc;
}
#col-main-hm{
margin:10px 10px 2px 15px;
height:528px;
}
#col-right{
position:relative;
float:left;
width:25%;
height:550px;
border-left:1px solid #ccc;
margin-top:12px;
background: #fff;
}
#col-right p{padding-left:15px;margin-top:-3px}
#col-right-inside{
margin:10px 10px 2px 0px;
height:528px;
}
.bottom-right{
position: absolute;
right:0px;
bottom:0px
}
#col-main-hm a:link img, #col-main-hm a:visited img{border:1px solid #fff}
#col-main-hm a:link:hover img, #col-main-hm a:visited:hover img{border:1px solid #E2351E}



/*img rollover*/
a.swapped1:link, a.swapped1:visited { 
display:block; /*allows width and height settings to apply*/ 
width: 66px; /*match to width of the image*/ 
line-height: 23px; /*match to height of the image*/ 
text-indent:-100.0em; /*moves the text off screen*/ 
text-decoration:none; /*removes the underline*/ 
background:url(images/web.gif) no-repeat; /*sets the unmoused image*/ 
} 
a.swapped1:link:hover, a.swapped1:visited:hover { 
background:url(images/web-hover.gif) no-repeat; /*changes to the moused image on hover*/ 
}

a.swapped2:link, a.swapped2:visited { 
display:block; /*allows width and height settings to apply*/ 
width: 107px; /*match to width of the image*/ 
line-height: 23px; /*match to height of the image*/ 
text-indent:-100.0em; /*moves the text off screen*/ 
text-decoration:none; /*removes the underline*/ 
background:url(images/cdrom.gif) no-repeat; /*sets the unmoused image*/ 
} 
a.swapped2:link:hover, a.swapped2:visited:hover { 
background:url(images/cdrom-hover.gif) no-repeat; /*changes to the moused image on hover*/ 
}

a.swapped3:link, a.swapped3:visited { 
display:block; /*allows width and height settings to apply*/ 
width: 87px; /*match to width of the image*/ 
line-height: 22px; /*match to height of the image*/ 
text-indent:-100.0em; /*moves the text off screen*/ 
text-decoration:none; /*removes the underline*/ 
background:url(images/print.gif) no-repeat; /*sets the unmoused image*/ 
} 
a.swapped3:link:hover, a.swapped3:visited:hover { 
background:url(images/print-hover.gif) no-repeat; /*changes to the moused image on hover*/ 
}

a.swapped4:link, a.swapped4:visited { 
display:block; /*allows width and height settings to apply*/ 
width: 189px; /*match to width of the image*/ 
line-height: 22px; /*match to height of the image*/ 
text-indent:-100.0em; /*moves the text off screen*/ 
text-decoration:none; /*removes the underline*/ 
background:url(images/installation.gif) no-repeat; /*sets the unmoused image*/ 
} 
a.swapped4:link:hover, a.swapped4:visited:hover { 
background:url(images/installation-hover.gif) no-repeat; /*changes to the moused image on hover*/ 
}

a.swapped5:link, a.swapped5:visited { 
display:block; /*allows width and height settings to apply*/ 
width: 244px; /*match to width of the image*/ 
line-height: 22px; /*match to height of the image*/ 
text-indent:-100.0em; /*moves the text off screen*/ 
text-decoration:none; /*removes the underline*/ 
background:url(images/art.gif) no-repeat; /*sets the unmoused image*/ 
} 
a.swapped5:link:hover, a.swapped5:visited:hover { 
background:url(images/art-hover.gif) no-repeat; /*changes to the moused image on hover*/ 
}