/* GLOBAL STYLES */

HTML {
height: 100%;
width: 100%;
}

BODY {
height: 100%;
width: 100%;
margin: 0;
font: 12px/16px Verdana;
color: #000;
}

BODY.secondary {
background: url(../img/bgSite.gif) repeat-x;
}

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
height: 0px;
line-height: 0px;
background: none;
overflow: hidden;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

.first {
margin-top: 0px;
}

.last {
margin-bottom: 0px;
}

.noWrap {
white-space: nowrap;
}

.textRight {
text-align: right;
}

A.contact {
color: #f71f01;
}

P {
margin: 16px 0px;
color: #666;
}




DIV#page {
height: 100%;
width: 100%;
}

DIV#master {
position: relative;
width: 900px;
margin: 0 auto;
}

DIV#header {
position: relative;
height: 104px;
}

DIV#logo {
position: absolute;
top: 21px;
left: 0px;
height: 60px;
width: 262px;
background: url(../img/sakDataHP.gif) no-repeat;
text-indent: -9999px;
}



A#linkHome {
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 60px;
width: 262px;
}




/* NAV */



DIV#nav {
position: absolute;
top: 70px;
left: 120px;
height: 19px;
width: 1125px;
text-indent: -9999px;
background: url(../img/nav2a.gif) no-repeat;
}

A#navAbout {
display: block;
height: 19px;
width: 55px;
}

A#navPrinting {
position: absolute;
top: 0px;
left: 75px;
display: block;
height: 19px;
width: 106px;
}

A#navNetwork {
position: absolute;
top: 0px;
left: 220px;
display: block;
height: 19px;
width: 394px;
}
			

A#navSupport {
position: absolute;
top: 0px;
left: 397px;
display: block;
height: 19px;
width: 105px;
}

A#navReferUs {
position: absolute;
top: 0px;
left: 523px;
display: block;
height: 19px;
width: 90px;
}

A#navJoinOureList {
position: absolute;
top: 0px;
left: 590px;
display: block;
height: 19px;
width: 140px;
}


/* CONTACT PANEL */
DIV#contactClosed {
position: absolute;
top: 0px;
right: 0px;
height: 34px;
width: 118px;
background: url(../img/contactUs.gif) no-repeat;
cursor: pointer;
}

DIV#contactOpen {
position: absolute;
top: 0px;
right: 0px;
width: 288px;
display: none;
font: 12px/18px Verdana;
}

DIV.contactOpenTop {
height: 34px;
background: url(../img/bgContactTop.gif) repeat-x;
}

DIV.contactOpenButton {
position: absolute;
top: 0px;
right: 0px;
height: 34px;
width: 118px;
background: url(../img/contactUsOpen.gif) no-repeat;
cursor: pointer;
}

DIV.contactOpenBody {
border-left: 2px solid #cacaca;
border-right: 2px solid #cacaca;
border-bottom: 2px solid #cacaca;
background: #f0f0f0 url(../img/bgContactBody.gif) no-repeat;
background-position: 2px 0px;
padding: 11px 8px 18px 8px;
}

DIV.contactOpenLeft, DIV.contactOpenRight {
width: 122px;
}

DIV.contactOpenItem {
margin: 23px 0px 0px 0px;
}

.contactPhoneNumber {
color: #666;
}

li.phone {
background: url(../img/phone.gif) no-repeat;
height: 24px;
width: 122px;
text-indent: -9999px;
}

li.fax {
background: url(../img/fax.gif) no-repeat;
height: 24px;
width: 122px;
text-indent: -9999px;
}

li.email {
background: url(../img/email.gif) no-repeat;
height: 24px;
width: 122px;
text-indent: -9999px;
}

li.address {
background: url(../img/address.gif) no-repeat;
height: 24px;
width: 122px;
text-indent: -9999px;
}









/* FOOTER */

DIV#footer {
position: relative;
height: 75px;
margin: 0px 0px 0px 0px;
}

DIV#footerLine {
background: url(../img/footerLine.gif) repeat-x;
height: 1px;
overflow: hidden;
}

DIV#footerCopy {
margin: 12px 0px 0px 0px;
font: 10px/10px 'Trebuchet MS', Arial;
color: #344048;
}





/* SHARED SECONDARY PAGE STYLES */

DIV#symbol {
position: absolute;
top: 77px;
right: 6px;
background: url(../img/sakDataSymbol.png) no-repeat;
height: 220px;
width: 191px;
}

DIV.greenDots {
position: absolute;
top: 181px;
left: 0px;
background: url(../img/bgGreen.gif);
height: 25px;
width: 900px;
}

DIV#copyLeft {
width: 594px;
}

DIV#copyRight {
width: 288px;
}

DIV.copyCol1, DIV.copyCol2, DIV#copyCol3, DIV#copyRight {
width: 288px;
}

DIV.copyCol1 P, DIV.copyCol2 P, DIV#copyCol3 P, DIV#copyRight P {
padding: 0px 40px 0px 0px;
}