body { color: black; background-color: white; }
p {}
td {}
/* index*/
#focal { background-image: url(../images/imac_frontpage%20copy.jpg); position: absolute; z-index: 5; top: 20px; left: 70px; width: 655px; height: 350px; float: inherit; }
#focaliphone { background-image: url(../images/iphone/iphonefocal.jpg); position: absolute; z-index: 5; top: 20px; left: 70px; width: 655px; height: 350px; float: inherit; }
#focaliphonetext { color: #808080; font-size: 11pt; font-family: Helvetica, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; background-image: none; text-align: center; position: absolute; top: 370px; z-index: 5; left: 70px; width: 655px; height: 350px; float: none; }
#index_sales { background-color: transparent; background-image: url(../images/sales_focal.jpg); position: absolute; top: 400px; left: 5px; width: 190px; height: 130px; z-index: 2; float: inherit; }
#index_ipod { background-color: transparent; background-image: url(../images/ipod_focal.jpg); position: absolute; top: 400px; left: 205px; width: 190px; height: 130px; z-index: 2; float: inherit; }
#index_training { background-color: transparent; background-image: url(../images/learn_focal.jpg); position: relative; top: 400px; left: 405px; width: 190px; height: 130px; z-index: 2; float: inherit; }
#index_service { background-color: transparent; background-image: url(../images/service_focal.jpg); position: absolute; top: 400px; left: 605px; width: 190px; height: 130px; z-index: 2; float: inherit; }
/* hover */
#hover1 { color: #808080; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; height: 522px; width: 240px; left: 655px; top: 150px; position: fixed; z-index: 5; visibility: hidden; }
#hover2 { color: #808080; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; height: 522px; width: 240px; left: 655px; top: 150px; position: fixed; z-index: 5; visibility: hidden; }
#hover3 { color: #808080; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; height: 522px; width: 240px; left: 655px; top: 150px; position: fixed; z-index: 5; visibility: hidden; }
#hover4 { color: #808080; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; height: 522px; width: 240px; left: 655px; top: 150px; position: fixed; z-index: 5; visibility: hidden; }
#hover5 { color: #808080; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; height: 522px; width: 240px; left: 655px; top: 150px; position: fixed; z-index: 5; visibility: hidden; }
#hover6 { color: #808080; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; height: 522px; width: 240px; left: 655px; top: 150px; position: fixed; z-index: 5; visibility: hidden; }
#hover7 { color: #808080; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; height: 522px; width: 240px; left: 655px; top: 150px; position: fixed; z-index: 5; visibility: hidden; }
#hover8 { color: #808080; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; height: 522px; width: 240px; left: 655px; top: 150px; position: fixed; z-index: 5; visibility: hidden; }
#hover9 { color: #808080; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; height: 522px; width: 240px; left: 655px; top: 150px; position: fixed; z-index: 5; visibility: hidden; }
/*main*/
#back { background-image: url(../images/back); height: 50px; width: 50px; left: 800px; top: 600px; position: absolute; z-index: 5; visibility: visible; }
#footer { background-image: url(../images/basegrad.jpg); background-repeat: repeat; background-position: 100% 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 69px; }
#macside { background-image: url(../images/Untitled-1.jpg); position: absolute; top: 15%; right: 0; width: 338px; height: 582px; z-index: 1; }
#nbookside { background-image: url(../images/macdep/nbookside.jpg); position: absolute; z-index: 1; top: 15%; right: 0; width: 338px; height: 582px; }
#ipodside { background-image: url(../images/iphoneside.jpg); position: absolute; z-index: 1; top: 15%; right: 0; width: 338px; height: 582px; }
#header { color: #fff; font-size: 10pt; font-family: Helvetica; background-image: url(../images/color_K.jpg); background-repeat: repeat; background-position: 100% 0; text-align: right; position: absolute; top: 0; left: 0; width: 100%; height: 51px; border-color: #000; }
#headerbar { background-image: url(../images/headerbar.jpg); position: absolute; top: 51px; left: 0; width: 401px; height: 32px; }
#iphoneside { background-image: url(../images/iphoneside.jpg); height: 582px; width: 338px; right: 0; top: 15%; z-index: 1; position: absolute; visibility: visible; }
#contentmain { background-image: url(../images/box.gif); height: 583px; width: 850px; left: 80px; top: 119px; position: absolute; z-index: 2; visibility: visible; }
#header { height: 51px; width: 100%; left: 0; top: 0; z-index: 3; position: absolute; visibility: visible; }
#logo { background-image: url(../images/logo.jpg); height: 68px; width: 294px; left: 80px; top: 5px; z-index: 4; position: absolute; visibility: visible; }
#headerbar { height: 32px; width: 401px; left: 0; top: 51px; z-index: 3; position: absolute; visibility: visible; }
#Content { height: 540px; width: 810px; left: 100px; top: 140px; position: fixed; z-index: 3; overflow: auto; visibility: visible; }
/*buttons*/
#home { background-image: url(../images/home.jpg); position: absolute; top: 51px; left: 401px; width: 102px; height: 33px; }
#aboutus { background-image: url(../images/aboutus.jpg); position: absolute; top: 51px; left: 505px; width: 102px; height: 33px; }
#macdep { background-image: url(../images/macdep.jpg); position: absolute; top: 51px; left: 609px; width: 102px; height: 33px; }
#ipoddep { background-image: url(../images/ipoddep.jpg); position: absolute; top: 51px; left: 713px; width: 102px; height: 33px; }
#iPhone { background-image: url(../images/iphone.jpg); position: absolute; top: 51px; left: 817px; width: 102px; height: 33px; }
#contactus { background-image: url(../images/contactus.jpg); position: absolute; top: 51px; left: 921px; width: 102px; height: 33px; }
/*Info_fields*/
#head_text { color: #939393; font-size: 12pt; font-family: "Myriad Pro"; line-height: 20px; text-align: right; position: relative; z-index: 2; top: 0; left: 130px; width: 350px; height: 20px; }
#main_text { color: #939393; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; position: relative; z-index: 2; top: 10px; left: 0; width: 350px; height: 70px; }
#iphone_text { color: #939393; font-size: 10pt; font-family: "Myriad Pro"; line-height: 10pt; text-align: right; position: static; z-index: 2; top: 10px; right: 0; width: 350px; }
#break { position: relative; top: 2%; left: 30px; width: 500px; border-bottom: 3pt solid #c8c8c8; }
#ipodside { background-image: url(../images/ipoddep/ipodside.jpg); height: 582px; width: 338px; right: 0; top: 15%; z-index: 1; position: absolute; visibility: visible; }