
BODY { background-color: #e4e4e4;}

/* Header Container */

#header-left-box { background-color: #ffffff; position: absolute; left: 80px; top: 0px; width: 385px; height: 100px;}
#header-right-box { background-color: #ffffff; position: absolute; left: 465px; top: 0px; width: 479px; height: 100px; padding-top: 16px; padding-left: 0px; word-spacing: 20px;}
#line { background-color: #e0e0e0; position: absolute; left: 80px; top: 100px; width: 864px; height: 1px;}

/* Home Container */

#left-box { background-color: #e4e4e4; position: absolute; left: 0px; top: 0px; width: 80px; height: 863px;}
#center-box { background-color: #ffffff; position: absolute; left: 80px; top: 101px; width: 864px; height: 463px;}
#content-box { background-color: #ffffff; position: absolute; left: 80px; top: 564px; width: 864px; height: 100px; color: #666666; font-family : helvetica, arial, verdana, sans serif; font-size: 12px;}
#line2 { background-color: #e0e0e0; position: absolute; left: 80px; top: 763px; width: 864px; height: 1px;}
#footer-box { background-color: #ffffff; position: absolute; left: 80px; top: 765px; width: 864px; height: 100px; color: #878787; font-family : helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:20px;padding-left:20px;letter-spacing: 0px;word-spacing:2px;}
#right-box { background-color: #e4e4e4; position: absolute; left: 944px; top: 0px; width: 80px; height: 863px;}
#content-line { background-color: #ffffff; position: absolute; left: 80px; top: 564px; width: 864px; height: 1px; color: #666666; font-family : helvetica, arial, verdana, sans serif; font-size: 12px;}

/* Top Nav */

A:LINK    { color: #878787; font: bold 11px helvetica, arial, verdana, sans serif; text-decoration: none; }
A:VISITED { color: #75d0aa; font: bold 11px helvetica, arial, verdana, sans serif; text-decoration: none; }
A:HOVER   { color: #ffc466; font: bold 11px helvetica, arial, verdana, sans serif; text-decoration: none; }
A:ACTIVE  { color: #75d0aa; font: bold 11px h elvetica, arial, verdana, sans serif; text-decoration: none; }

/* Client */

#client-box1 { background-color: #ffffff; position: absolute; left: 80px; top: 101px; width: 285px; height: 463px;}
#client-box2 { background-color: #ffffff; position: absolute; left: 365px; top: 101px; width: 180px; height: 463px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:20px;}
#client-box3 { background-color: #ffffff; position: absolute; left: 545px; top: 101px; width: 180px; height: 463px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:20px;}
#client-box4 { background-color: #ffffff; position: absolute; left: 725px; top: 101px; width: 219px; height: 463px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:20px;}
#client-line { background-color: #e4e4e4; position: absolute; left: 80px; top: 563px; width: 864px; height: 1px; color: #e4e4e4;}

/* cv */

#cv-box1 { background-color: #ffffff; position: absolute; left: 80px; top: 101px; width: 285px; height: 463px;}
#cv-box2 { background-color: #ffffff; position: absolute; left: 365px; top: 101px; width: 513px; height: 463px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:20px;}
#cv-box3 { background-color: #ffffff; position: absolute; left: 878px; top: 101px; width: 66px; height: 463px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:20px;}
#cv-box4 { background-color: #ffffff; position: absolute; left: 80px; top: 101px; width: 285px; height: 1250px;}
#cv-box5 { background-color: #ffffff; position: absolute; left: 878px; top: 101px; width: 66px; height: 1250px;}
#cv-box6 { background-color: #ffffff; position: absolute; left: 365px; top: 101px; width: 513px; height: 1250px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-left:0px;line-height:20px;}
#cv-line { background-color: #e4e4e4; position: absolute; left: 80px; top: 563px; width: 864px; height: 1px;}
#cv-line2 { background-color: #e4e4e4; position: absolute; left: 80px; top: 1250px; width: 864px; height: 1px;}
#cv-footer { background-color: #ffffff; position: absolute; left: 80px; top: 1251px; width: 864px; height: 100px;}

#what-box1 { background-color: #ffffff; position: absolute; left: 365px; top: 101px; width: 513px; height: 175px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:20px;}
#what-box2 { background-color: #ffffff; position: absolute; left: 365px; top: 276px; width: 181px; height: 280px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:20px;}
#what-box3 { background-color: #ffffff; position: absolute; left: 536px; top: 276px; width: 181px; height: 280px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:20px;}
#what-box4 { background-color: #ffffff; position: absolute; left: 707px; top: 276px; width: 181px; height: 280px; color: #878787; font-family: helvetica, arial, verdana, sans serif; font-size: 12px;font-weight:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:20px;}
#what-line { background-color: #e4e4e4; position: absolute; left: 80px; top: 556px; width: 864px; height: 1px;}
#what-footer { background-color: #ffffff; position: absolute; left: 80px; top: 557px; width: 864px; height: 100px;}
#what-box5 { background-color: #ffffff; position: absolute; left: 80px; top: 101px; width: 285px; height: 455px;}
#what-box6 { background-color: #ffffff; position: absolute; left: 878px; top: 101px; width: 66px; height: 455px;}



/* crosswipe default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}
	
	
/*Top Nav Hover */

#nav-01{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-01.gif) top left no-repeat; display: block;}
#nav-01:hover{ background: url(../images/nav-01a.gif)}

#nav-02{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-02.gif) top left no-repeat; display: block;}
#nav-02:hover{ background: url(../images/nav-02a.gif)}

#nav-03{ height: 55px; width: 27px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-03.gif) top left no-repeat; display: block;}
#nav-03:hover{ background: url(../images/nav-03a.gif)}

#nav-04{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-04.gif) top left no-repeat; display: block;}
#nav-04:hover{ background: url(../images/nav-04a.gif)}

#nav-05{ height: 55px; width: 28px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-05.gif) top left no-repeat; display: block;}
#nav-05:hover{ background: url(../images/nav-05a.gif)}

#nav-06{ height: 55px; width: 25px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-06.gif) top left no-repeat; display: block;}
#nav-06:hover{ background: url(../images/nav-06a.gif)}

#nav-07{ height: 55px; width: 27px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-07.gif) top left no-repeat; display: block;}
#nav-07:hover{ background: url(../images/nav-07a.gif)}

#nav-08{ height: 55px; width: 27px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-08.gif) top left no-repeat; display: block;}
#nav-08:hover{ background: url(../images/nav-08a.gif)}

#nav-09{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-09.gif) top left no-repeat; display: block;}
#nav-09:hover{ background: url(../images/nav-09a.gif)}

#nav-10{ height: 55px; width: 27px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-10.gif) top left no-repeat; display: block;}
#nav-10:hover{ background: url(../images/nav-10a.gif)}

#nav-11{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-11.gif) top left no-repeat; display: block;}
#nav-11:hover{ background: url(../images/nav-11a.gif)}

#nav-12{ height: 55px; width: 28px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-12.gif) top left no-repeat; display: block;}
#nav-12:hover{ background: url(../images/nav-12a.gif)}

#nav-13{ height: 55px; width: 25px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-13.gif) top left no-repeat; display: block;}
#nav-13:hover{ background: url(../images/nav-13a.gif)}

#nav-14{ height: 55px; width: 28px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-14.gif) top left no-repeat; display: block;}
#nav-14:hover{ background: url(../images/nav-14a.gif)}

#nav-15{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-15.gif) top left no-repeat; display: block;}
#nav-15:hover{ background: url(../images/nav-15a.gif)}

#nav-16{ height: 55px; width: 28px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-16.gif) top left no-repeat; display: block;}
#nav-16:hover{ background: url(../images/nav-16a.gif)}

#nav-17{ height: 55px; width: 24px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-17.gif) top left no-repeat; display: block;}
#nav-17:hover{ background: url(../images/nav-17a.gif)}

#nav-18{ height: 55px; width: 28px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-18.gif) top left no-repeat; display: block;}
#nav-18:hover{ background: url(../images/nav-18a.gif)}

#nav-19{ height: 55px; width: 27px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-19.gif) top left no-repeat; display: block;}
#nav-19:hover{ background: url(../images/nav-19a.gif)}

#nav-20{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-20.gif) top left no-repeat; display: block;}
#nav-20:hover{ background: url(../images/nav-20a.gif)}

#nav-21{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-21.gif) top left no-repeat; display: block;}
#nav-21:hover{ background: url(../images/nav-21a.gif)}

#nav-22{ height: 55px; width: 27px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-22.gif) top left no-repeat; display: block;}
#nav-22:hover{ background: url(../images/nav-22a.gif)}

#nav-23{ height: 55px; width: 27px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-23.gif) top left no-repeat; display: block;}
#nav-23:hover{ background: url(../images/nav-23a.gif)}

#nav-24{ height: 55px; width: 27px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-24.gif) top left no-repeat; display: block;}
#nav-24:hover{ background: url(../images/nav-24a.gif)}

#nav-25{ height: 55px; width: 25px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-25.gif) top left no-repeat; display: block;}
#nav-25:hover{ background: url(../images/nav-25a.gif)}

#nav-26{ height: 55px; width: 28px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-26.gif) top left no-repeat; display: block;}
#nav-26:hover{ background: url(../images/nav-26a.gif)}

#nav-27{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-27.gif) top left no-repeat; display: block;}
#nav-27:hover{ background: url(../images/nav-27a.gif)}

#nav-28{ height: 55px; width: 26px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-28.gif) top left no-repeat; display: block;}
#nav-28:hover{ background: url(../images/nav-28a.gif)}

#nav-29{ height: 55px; width: 27px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-29.gif) top left no-repeat; display: block;}
#nav-29:hover{ background: url(../images/nav-29a.gif)}

#nav-30{ height: 55px; width: 36px; text-indent: 10000px; overflow: hidden; background: url(../images/nav-30.gif) top left no-repeat; display: block;}
#nav-30:hover{ background: url(../images/nav-30a.gif)}
