body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
line-height:2.0em;
text-align:left;
color:#000;
background:#fff url(../images/bg_fade.gif) repeat top;
}
h1 {
margin:0px;
font-family:Neuropol, Arial, Helvetica, sans-serif;
font-size:1.5em;
line-height:1.2em;
font-weight:bold;
padding-left:20px;
padding-right:20px;
text-align:left;
color:#2d6a99;
}
.small {
margin:0px 0px 12px 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.2em;
padding-left:20px;
padding-right:20px;
text-align:left;
color:#094b57;
}
.small-888 {
margin:0px 0px 12px 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.2em;
padding-left:20px;
padding-right:20px;
text-align:left;
color:#888888;
}
.q-small {
margin:0px 0px 12px 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.2em;
text-align:left;
color:#007684;
}
.a-small {
margin:0px 0px 12px 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.2em;
text-align:left;
color:#666666;
}
.small-white {
margin:0px 0px 12px 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.2em;
padding-left:20px;
padding-right:20px;
text-align:left;
color:#fff;
}
.small-ccc {
margin:0px 0px 12px 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.2em;
padding-left:20px;
padding-right:20px;
text-align:left;
color:#ccc;
}
.x_small {
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
line-height:1.0em;
text-align:center;
}
a.crystal_links, a.crystal_links:visited {
font-size:1.1em;
color:#666666;
font-weight:bold;
text-decoration:none;
width:100px;
}
a.crystal_links:hover, a.crystal_links:active {
font-size:1.1em;
color:#007684;
font-weight:bold;
text-decoration:underline;
width:100px;
}
a.crystal_link, a.crystal_link:visited {
font-size:1.1em;
color:#007684;
font-weight:bold;
text-decoration:none;
width:100px;
}
a.cgi_links, a.cgi_links:visited {
font-size:1.0em;
color:#666666;
font-weight:normal;
text-decoration:none;
}
a.cgi_links:hover, a.cgi_links:active {
font-size:1.0em;
color:#007684;
font-weight:normal;
text-decoration:underline;
}
a.cgi_links_ccc, a.cgi_links:visited {
font-size:1.0em;
color:#cccccc;
font-weight:normal;
text-decoration:none;
}
a.cgi_links_ccc:hover, a.cgi_links:active {
font-size:1.0em;
color:#007684;
font-weight:normal;
text-decoration:underline;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
.padding-top-2 {
padding-top:2px;
}
.padding-top-5 {
padding-top:5px;
}
.padding-top-10 {
padding-top:10px;
}
.padding-top-15 {
padding-top:15px;
}
.padding-top-58 {
padding-top:58px;
}
.padding-top-65 {
padding-top:65px;
}
.padding-top-25 {
padding-top:25px;
}
.padding-left-1 {
padding-left:1px;
}
.padding-left-2 {
padding-left:2px;
}
.padding-left-5 {
padding-left:5px;
}
.padding-left-10 {
padding-left:10px;
}
.padding-left-15 {
padding-left:15px;
}
.padding-left-20 {
padding-left:20px;
}
.padding-left-11 {
padding-left:11px;
}
.padding-left-30 {
padding-left:30px;
}
.padding-left-50 {
padding-left:50px;
}
.padding-right-3 {
padding-right:3px;
}
.padding-right-20 {
padding-right:20px;
}
.padding-bottom-10 {
padding-bottom:10px;
}
.clear {
overflow:hidden;
clear:both;
height:1px;
margin:-1px 0px 0px 0px;
font-size:1px;
}
.clear-simple {
clear:both;
}
h1.header {
font-size:1.7em;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight: normal;
margin:0px 0px 0px 0px;
}
h1.sub-header {
font-size:1.5em;
font-family: Arial, Helvetica, sans-serif;
color: #007684;
font-weight: bold;
}
h1.sub-header-white {
font-size:1.5em;
font-family: Arial, Helvetica, sans-serif;
color: #cccccc;
font-weight: bold;
}
h2.header-2 {
font-size:1.5em;
font-family: Arial, Helvetica, sans-serif;
color: #094b57;
font-weight: bold;
margin:0px 0px 0px 0px;
}
.border-bottom-888 {
border-bottom:1px solid #888888;
}
.border-bottom-888 {
border-bottom:1px solid #888888;
}
.border-bottom-fff {
border-bottom:1px solid #ffffff;
}
.border-right-888 {
border-right:1px solid #888888;
}
.width-1 {
width:1px;
}
.width-20 {
width:20px;
}
.width-130 {
width:130px;
}
.width-150 {
width:150px;
}
.width-190 {
width:190px;
}
.width-200 {
width:200px;
}
.width-315 {
width:315px;
}
.width-485 {
width:485px;
}
.width-780 {
width:780px;
}
.width-525 {
width:525px;
}
.width-720 {
width:720px;
}
.height-114 {
height:114px;
}
.height-250 {
height:250px;
}
.height-375 {
height:375px;
}
.height-500 {
height:500px;
}
.height-650 {
height:650px;
}
.clear-both {
clear:both;
}
.link-border {
border-left:1px solid #7C7D80;
border-right:1px solid #7C7D80;
border-bottom:1px solid #7C7D80;
border-top:1px solid #7C7D80;
height:24px;
width:100px;
background:#ffffff
}
.crystal-border {
width:778px;
border-left:1px solid #7C7D80;
border-right:1px solid #7C7D80;
border-bottom:1px solid #7C7D80;
border-top:1px solid #7C7D80;
background:#ffffff
}
.crystal-body {
background:#fff url(../images/bg_image_03.jpg) no-repeat bottom;
width:500px;
height:375px;
float:left;
}
.crystal-footer {
background:#ffffff;
padding-top:8px;
padding-bottom:8px;
color:#888888;
}
.color-094 {
color:#094b57;
}
.color-888 {
color:#888888;
}
.color-007 {
color:#007684;
}
.color-ccc {
color:#cccccc;
}
.color-009 {
color:#009cb1
}
.bg-color-fff {
background-color:#ffffff;
}
.dropnav {
position:absolute;
top: 0;
border: 1px solid #888888;
border-bottom-width: 0;
line-height:20px;
z-index:100px;
background-color: white;
width:100px;
clear:both;
margin:8px 0px 0px 0px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=4);
}
.dropnav a {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#7C7D80;
width: auto;
display: block;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
}
.dropnav a:hover { /*THEME CHANGE HERE*/
background-color: #ffffff;
color:#007684;
text-decoration: underline;
}
* html .dropnav a {
width: 100%;
}
.text-align-left {
text-align:left;
}
text-align-center {
text-align:center;
}
.padding-left-25 {
padding-left:25px;
}
.header-padding {
padding-top:22px;
padding-left:29px;
}
.bg-installation {
background:#fff url(../images/bg_line_grey.gif) no-repeat 84% 21%; background-color:#333333;
}
.bg-contact {
padding-left:10px;
width:768px;
height:375px;
top:135px;
background:#333333 url(../images/bg_frame_333.gif) no-repeat 90% 30%
}
.bg-logo {
width:760px; text-align:left; background:#fff url(../images/crystal_logo.gif) no-repeat top center;
}

.text-underline {
text-decoration:underline;
}