@charset "utf-8";
/* CSS Document */
body {
text-align:center;
font-family:Verdana, Arial, Geneva, sans-serif;
font-size:9pt;
color:#310e00;
padding-top:10px;
background-color:#ebebeb
}
a:link {
text-decoration:none;
color:#163e88;
font-weight:bold
}
a:hover {
text-decoration:underline;
}
a:visited {
text-decoration:none;
color:#163e88;
}
#container
{
width:856px;
margin:0px auto;
text-align: center;
padding-top:0px;
}
.pageheader {
display:block;
clear:both
}
#header
{
width:856px;
margin:0px auto;
text-align: left;
}
#header img {
float:left;
padding:0;
margin:0;
clear:none
}
#headbg {
width:184px;
height:65px;
background-image:url(../images/background.jpg);
background-repeat:no-repeat;
position:relative;
float:right;
padding:0;
margin:0;
}
#red {
background:url(../images/headerred.jpg) repeat-x;
height:5px;
width:856px;
padding:2px 0px;
clear:both;
}
#content {
text-align:left;
width:856px;
display:block;
clear:both
}
#subnav {
width:155px;
background-color:#d2d2d3;
padding-bottom: 32767px;
margin-bottom: -32767px;
float:left;
margin:0;
padding:0;
}
#subnavbott{
background-color:#d2d2d3;
padding-bottom:1em;
background-image:url(../images/subnav_lower.jpg);
background-repeat:no-repeat;
/*url(../images/subnav_lower.jpg) no-repeat 0 bottom;*/
}
#subnavtop {
background:url(../images/subnav_header.jpg) repeat-x;
height:10px;
margin:5px 0px 0px 0px;
padding-top:10px
}
#sub_nav li {
background-color:#343434;
color:#fff;
height:28px;
margin-bottom:4px;
padding:0;
float: left;
width:100%;border-bottom:1px solid #FFF;
}
#gap {
background-color:#d2d2d3;
color:#fff;
height:28px;
}
#gap2 {
background-color:#d2d2d3;
color:#fff;
height:138px;
}
#sub_nav li a {
color:#fff;
display: block;
font-weight:bold;
text-decoration:none;
padding:0 15px;
line-height:2.5; border-bottom:1px solid #FFF;
}
.subsub {
font-size:8pt;
color:#343434;
font-weight:bold;
padding:5px 15px;
line-height:1.5;
clear:both
}
.clear {
clear:both
}
#sub_2 {
background:#d2d2d4;
border:none;
}
#sub_2 li {
background-color:#d2d2d4;
clear:both;
color:#343434;
height:20px;
padding:0;
}
#sub_2 li a {
color:#343434;
}
h1 {
color:#d02322;
font-weight:bold;
font-size:13pt;
font-family:Arial, Helvetica, sans-serif;
line-height:3.4;
float:left
}
p {
line-height:1.5
}
/*Main Navigation*/
a.about { /* definition of the "image" class in the tag */
width:74px;
height:17px;
display: block; /* a tag must be a block */
background-image:url(../images/navabout.jpg);
background-repeat: no-repeat;
}
a.about:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(../images/navabouton.jpg); /* source for start image */
}
a.products { /* definition of the "image" class in the tag */
width:102px;
height:17px;
display: block; /* a tag must be a block */
background-image:url(../images/navprod.jpg);
background-repeat: no-repeat;
}
a.products:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(../images/navprodon.jpg); /* source for start image */
}
a.aff { /* definition of the "image" class in the tag */
width:99px;
height:17px;
display: block; /* a tag must be a block */
background-image:url(../images/navaff.jpg);
background-repeat: no-repeat;
}
a.aff:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(../images/navaffon.jpg); /* source for start image */
}
a.padi { /* definition of the "image" class in the tag */
width:133px;
height:17px;
display: block; /* a tag must be a block */
background-image:url(../images/navpadi.jpg);
background-repeat: no-repeat;
}
a.padi:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(../images/navpadion.jpg); /* source for start image */
}
a.site { /* definition of the "image" class in the tag */
width:133px;
height:17px;
display: block; /* a tag must be a block */
background-image:url(../images/navsite.jpg);
background-repeat: no-repeat;
}
a.site:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(../images/navsiteon.jpg); /* source for start image */
}
#nav {
float:left;
width:660px
}
#nav ul {
height:36px;
margin-top:30px;
text-align:left;
}
#nav ul li {
float:left;
clear:none;
text-align:right;
padding:0;
margin:0;
}
/*Top Navigation*/
a.home { /* definition of the "image" class in the tag */
width:37px;
height:20px;
display: block; /* a tag must be a block */
background-image:url(../images/topnavhome.jpg);
background-repeat: no-repeat;
}
a.home:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(../images/topnavhomeon.jpg); /* source for start image */
}
a.contact { /* definition of the "image" class in the tag */
width:72px;
height:20px;
display: block; /* a tag must be a block */
background-image:url(../images/topnavcontact.jpg);
background-repeat: no-repeat;
}
a.contact:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(../images/topnavcontacton.jpg); /* source for start image */
}
a.komet { /* definition of the "image" class in the tag */
width:84px;
height:20px;
display: block; /* a tag must be a block */
background-image:url(../images/topnavkomet.jpg);
background-repeat: no-repeat;
}
a.komet:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(../images/topnavkometon.jpg); /* source for start image */
}
#topnav {
float:right;
width:216px;
margin-bottom:2px
}
#topnav ul {
height:20px;
text-align:left;
padding:0;
}
#topnav ul li {
float:left;
padding:0;
margin:0;
}
#h_prod {
margin-top:10px;
float:left;
text-align:left
}
#line ul {
height:91px;
padding:0;
}
#line ul li {
float:left;
text-align:center;
padding-right:2px;
margin:0;
}
#prodtit {
width:545px;
text-align:center;
}
#prodtit ul {
height:5px;
padding:0;
background-color:#d7d7d7;
}
#prodtit ul li {
background-color:#999;
float:left;
font-size:12pt;
width:181px;
text-align:center;
margin:0;
padding:5px 0px;
color:#FFFFFF;
font-weight: bold;
}
#prodbg2 {
width:545px;
text-align:center;
}
#prodbg2 ul {
height:23px;
padding:0;
background-color:#948F8F;
}
#prodbg2 ul li {
float:left;
font-size:12pt;
font-family:Arial, Geneva, sans-serif;
color:#FFFFFF;
width:181px;
text-align:center;
font-weight:bold;
margin:0;
padding:5px 0px;
}
#prodbg {
width:545px;
text-align:center;
}
#prodbg ul {
height:120px;
padding:0;
background-color:#d7d7d7;
}
#prodbg ul li p{
float:left;
font-size:8pt;
width:181px;
line-height:1.3;
text-align:center;
margin:0;
padding:5px 0px;
}
#h_affiliates, #h_clients {
clear:none;
}
#h_affiliates img, #h_clients img, #h_news img {
display:block;
text-align:center;
padding:10px 0px
}
#h_right{
float:right;
margin-left: -25em;
}
#h_left{
float:left;
clear:left
}
#h_news{
padding-top:10px;
width:540px
}
#h_news p{
padding:10px 0px;
}
#footer {
text-align:left
}
#footer img {
text-align:right;
float:right
}
#footerbg {
background:url(../images/footer.jpg) repeat-x;
display:block;
clear:both;
height:11px;
margin-top:10px
}
h5 {
padding:4px 0px;
float:left
}
/*About Page*/
#aboutcontent {
text-align:left;
float:right;
width:675px;
}
#aboutcontent li {
list-style:circle;
margin-left:35px;
line-height:1.5;
}
#aboutcontent div
{
float:left;
}
.staff, .prod {
display:block;
width:100%;
clear:both;
padding:10px 0;
}
.staff img, .prod img {
float:left;
padding-right:10px;
}
.proddesc p {
padding:0 5px;
line-height:1.2;
}
#name {
background-color:#d2d2d3;
width:500px;
float:left;
height:32px;
margin-left:10px;
margin-right:10px;
clear:right
}
#namepadi {
background-color:#d2d2d3;
width:650px;
float:right;
height:32px;
clear:right
}
#staffdesc{
margin-right: 100em;
}
.staffdesc, .proddesc, .general_content {
float:left;
text-align:left
}
.staffdesc ul {
padding:0 15px;
clear:both
}
h3 {
color:#3c5c97;
font-weight:bold;
font-size:13pt;
font-family:Arial, Helvetica, sans-serif;
padding:0 15px;
line-height:1.7;
float:left
}
h4 {
float:right;
font-weight:bold;
line-height:2.8;
margin-right:5px
}
.kometbw {
text-align:right;
float:right
}
.sitelist li {
list-style:circle;
margin-left:20px;
line-height:2.5;
padding:3px 0px;
}
.sitelist {
clear:both;
margin-top:20px;
}
td.colorpick {
height:5px;
width:5px;
}