/* 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.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: 1px solid #ebebeb;
border-top: none;
width: 900px;
}
#header_image {
width: 900px;
height: 90px;
background: url('../images/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 {
width: 900px;
height: 200px;
background: url('../images/home_holder.jpg') 0 0 no-repeat;
}
#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: arial;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxes a{
font-family: arial;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxes a:hover{
font-family: arial; /*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: arial;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxesproducts a{
font-family: arial;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxesproducts a:hover{
font-family: arial; /*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: arial;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxestech a{
font-family: arial;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxestech a:hover{
font-family: arial; /*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: arial;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxesapps a{
font-family: arial;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxesapps a:hover{
font-family: arial; /*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: arial;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxesabout a{
font-family: arial;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxesabout a:hover{
font-family: arial; /*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 */