/* body and html */
html, body{
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 12px; /* standard size for normal fonts */
color: #333; /*standard color for all text */
min-width: 965px; /*set minimum width of site */
background: #ffffff url('../images/bg-628.jpg') 0 0 repeat-x;
text-align: center;
}
img { border: 0; }
/* Containers
* -there are holders for the entire site, headers, navigations, bodies, footers, etc...
* -usually, these are 100% width for background repeats
* -text-align: center is for internet explorer, centering the divs inside them.
*/
/*theWholeContainer is a wrapper for the entire site. this div would go right in the beginning..
*
*
* ...
*
*
*and be closed right at the end. All the containers following would be in this.
*/
#home_content a
{
color:#015e87;
text-decoration:none;
font-style:italic;
font-weight:bold;
}
#home_content a:hover
{
text-decoration:underline;
}
#home_content p
{
color:#015e87;
}
#jt_container {
margin: 0 auto;
border: 0px solid #ebebeb;
border-top: none;
width: 900px;
}
#header_image {
width: 900px;
height: 90px;
background: url('../images/long_header.jpg') 0 0 no-repeat;
}
#header_image a
{
width: 900px;
height: 90px;
display:block;
}
#theNavigation {
width: 900px;
height: 29px;
line-height: 29px;
background: url('../images/nav_rep.jpg') 0 0 repeat-x;
text-align: center;
}
#theNavigation a {
margin: 0;
padding: 0 15px;
border-left: 1px solid #fefefe;
color: #ffffff;
line-height: 26px;
display: inline-block;
font-size: 14px;
font-weight: bold;
text-decoration:none;
}
#theNavigation a.end { border-right: 1px solid #fefefe; }
#theNavigation a:hover {
background: #9a9ea4;
}
#home_holder_1 {
width: 900px;
height: 269px;
top: 69px;
position: relative;
}
#home_content {
width: 830px;
padding: 15px 35px;
background: #ffffff;
}
#home_content h1 {
text-align: center;
color: ##2E2E2E;
font-size: 13px;
}
#home_content h1 a
{
text-decoration:underline;
}
#home_content h1 a:hover
{
}
#home_entry {
width: 804px;
margin: 10px 13px;
}
#home_entry div.point_box {
width: 208px;
height: 238px;
margin: 0 5px;
padding: 15px 25px;
float: left;
display: inline;
background: url('../images/bottom_box.jpg') 0 0 no-repeat;
text-align: left;
}
#home_entry div.point_box h1 {
color: #ffffff;
font-size: 17px;
text-align: left;
margin: 8px 0 17px;
}
#home_entry div.point_box h2 {
color: #ffffff;
font-size: 17px;
text-align: left;
margin: 8px 0 17px;
}
#home_entry div.point_box p, ul, ul li {
color: #015e87;
}
#home_entry div.point_box p { margin-bottom: 3px; }
#home_entry div.point_box p.p { margin-bottom: 5px; }
#home_entry div.point_box ul {
margin-top: 3px;
padding: 2px 0px;
}
#home_entry div.point_box ul,
#home_entry div.point_box ul li { color: #d2232a; }
#home_entry div.point_box ul li {
background: url('../images/arrow.png') 0 3px no-repeat;
list-style-image: none;
list-style-type:none;
list-style: none;
padding: 0 0 0 12px;
}
#home_content #home_entry div.point_box ul a,
#home_content #home_entry div.point_box ul li a {
color: #d2232a;
text-decoration: underline;
font-style:normal;
}
#home_entry div.point_box ul a:hover
#home_entry div.point_box ul li a:hover {
color: #000000;
text-decoration: none;
}
#theFooter {
color: #015e87;
font-size: 11px;
}
#theFooter a {
color: #015e87;
font-size: 13px;
margin: 0 4px;
text-decoration: none;
padding:0 37px 0 37px;
}
#theFooter a:hover { color: #000000; }
#subfoot {
width:1000px;
margin:0 auto;
}
#subfoot .boxes{
float:left;
width:180px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxes a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxes a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
#subfoot .boxeshome{
float:left;
width:130px;
text-align:center;
}
#subfoot .boxesproducts{
float:left;
width:160px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxesproducts a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxesproducts a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
#subfoot .boxestech{
float:left;
width:200px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxestech a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxestech a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
#subfoot .boxesapps{
float:left;
width:190px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxesapps a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxesapps a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
#subfoot .boxesabout{
float:left;
width:140px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxesabout a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxesabout a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
strong.almost { color: #666666; }
/* End Containers */
sup { font-size: 85%;
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}
/*fixes floating div problems*/
.clearfix:after, #home_entry:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* New */
#header {
position: relative;
padding: 0px;
height: 150px;
background: #ffffff url('../images/header-bg.jpg') no-repeat;
color: #ffffff;
}
#logo {
position: absolute;
bottom: 0;
left: 28px;
height: 138px;
line-height: 138px;
}
#logo a {
text-decoration: none;
border:none;
color: #ffffff;
}
#search {
position: absolute;
top: 70px;
right: 0px;
height: 150px;
width: 200px;
}
#search input.button {
margin-left: 1em;
border: 0;
color: #fff;
background: #339965;
padding: 4px;
}
#search input.text {
border: solid 1px #5d7872;
padding: 4px;
}
#search p {
margin-left: 0px;
border: 0;
color: #339965;
line-height:12px;
text-align:left;
}
#search a {
color: #339965;
text-decoration:none;
}
/* Navigation */
#nav {
width: 900px;
height:84px;
}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
border: 0;
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
background: #339965;
background: -moz-linear-gradient(top, #339965 0%, #0A3720 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #339965), color-stop(100%, #0A3720));
background: -webkit-linear-gradient(top, #339965 0%, #0A3720 100%);
background: -o-linear-gradient(top, #339965 0%, #0A3720 100%);
background: -ms-linear-gradient(top, #339965 0%, #0A3720 100%);
background: linear-gradient(to bottom, #339965 0%, #0A3720 100%);
height: 52px;
}
#cssmenu:after,
#cssmenu ul:after {
content: "";
display: block;
clear: both;
}
#cssmenu a {
background: #339965;
background: -moz-linear-gradient(top, #339965 0%, #0A3720 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #339965), color-stop(100%, #0A3720));
background: -webkit-linear-gradient(top, #339965 0%, #0A3720 100%);
background: -o-linear-gradient(top, #339965 0%, #0A3720 100%);
background: -ms-linear-gradient(top, #339965 0%, #0A3720 100%);
background: linear-gradient(to bottom, #339965 0%, #0A3720 100%);
color: #fff;
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 52px;
padding: 0 12px;
text-decoration: none;
text-align:left;
}
#cssmenu .social a {
background: #339965;
background: -moz-linear-gradient(top, #339965 0%, #0A3720 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #339965), color-stop(100%, #0A3720));
background: -webkit-linear-gradient(top, #339965 0%, #0A3720 100%);
background: -o-linear-gradient(top, #339965 0%, #0A3720 100%);
background: -ms-linear-gradient(top, #339965 0%, #0A3720 100%);
background: linear-gradient(to bottom, #339965 0%, #0A3720 100%);
color: #fff;
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 20px;
padding: 10px 10px 5px 10px;
text-decoration: none;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu > ul > li:first-child a {
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li.active a,
#cssmenu > ul > li:hover > a {
box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
color: white;
background: #0c3a53;
background: -moz-linear-gradient(top, #0c3a53 0%, #082b3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c3a53), color-stop(100%, #082b3d));
background: -webkit-linear-gradient(top, #0c3a53 0%, #082b3d 100%);
background: -o-linear-gradient(top, #0c3a53 0%, #082b3d 100%);
background: -ms-linear-gradient(top, #0c3a53 0%, #082b3d 100%);
background: linear-gradient(to bottom, #0c3a53 0%, #082b3d 100%);
}
#cssmenu .social a:hover {
color: #aad8f0;
background: transparent;
display: inline-block;
line-height: 18px;
padding: 10px 10px 5px 10px;
text-decoration: none;
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li a {
background: #082b3d;
border-bottom: 1px solid #59636f;
box-shadow: inset 0 1px 0 #66707c;
-moz-box-shadow: inset 0 1px 0 #66707c;
-webkit-box-shadow: inset 0 1px 0 #66707c;
color: white;
display: block;
line-height: 160%;
padding: 15px 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c3a53;
box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #082b3d;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #0c3a53;
box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
}
/* second row menu */
@charset 'UTF-8';
#cssmenu2 ul,
#cssmenu2 li,
#cssmenu2 span,
#cssmenu2 a {
border: 0;
margin: 0;
padding: 0;
position: relative;
}
#cssmenu2 {
background: #f2edea;
background: -moz-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2edea), color-stop(100%, #c0bebf));
background: -webkit-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
background: -o-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
background: -ms-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
background: linear-gradient(to bottom, #f2edea 0%, #c0bebf 100%);
height: 32px;
}
#cssmenu2:after,
#cssmenu2 ul:after {
content: "";
display: block;
clear: both;
}
#cssmenu2 a {
background: #f2edea;
background: -moz-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2edea), color-stop(100%, #c0bebf));
background: -webkit-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
background: -o-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
background: -ms-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
background: linear-gradient(to bottom, #f2edea 0%, #c0bebf 100%);
color: #000;
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-style:italic;
line-height: 32px;
padding: 0 12px;
text-decoration: none;
text-align:left;
}
#cssmenu2 ul {
list-style: none;
}
#cssmenu2 > ul {
float: left;
}
#cssmenu2 > ul > li {
float: left;
}
#cssmenu2 > ul > li:first-child a {
}
#cssmenu2 > ul > li.active a,
#cssmenu2 > ul > li:hover > a {
color: white;
background: #4a5662;
background: -moz-linear-gradient(top, #4a5662 0%, #606a76 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a5662), color-stop(100%, #606a76));
background: -webkit-linear-gradient(top, #4a5662 0%, #606a76 100%);
background: -o-linear-gradient(top, #4a5662 0%, #606a76 100%);
background: -ms-linear-gradient(top, #4a5662 0%, #606a76 100%);
background: linear-gradient(to bottom, #4a5662 0%, #606a76 100%);
}
#cssmenu2 .has-sub {
z-index: 1;
}
#cssmenu2 .has-sub:hover > ul {
display: block;
}
#cssmenu2 .has-sub ul {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu2 .has-sub ul li a {
background: #082b3d;
border-bottom: 1px solid #59636f;
box-shadow: inset 0 1px 0 #66707c;
-moz-box-shadow: inset 0 1px 0 #66707c;
-webkit-box-shadow: inset 0 1px 0 #66707c;
color: white;
display: block;
line-height: 160%;
padding: 15px 10px;
}
#cssmenu2 .has-sub ul li:hover a {
background: #0c3a53;
box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
}
#cssmenu2 .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu2 .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu2 .has-sub .has-sub ul li a {
background: #082b3d;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#cssmenu2 .has-sub .has-sub ul li a:hover {
background: #0c3a53;
box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
}