/* Typhography Stylesheet by mad */

h4 { font: 17px georgia, serif; color: #000; font-weight:bold; letter-spacing:.1em; text-transform:none; padding-bottom:3px;}
h5 { font: 20px georgia, serif; color: #FFF; font-weight:bold; letter-spacing:.1em; text-transform:none; padding-bottom:3px; text-align: left; padding: 15px 0 0 0;}
span.id { font: 14px georgia, serif; color: #FFF; font-weight: bold; }
p.typho1 { font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif; font-weight: normal;  font-size: 2.75em; color: #000; letter-spacing: .2em; line-height: 1.1em; margin:0px; padding: 15px; text-align: center; text-transform: uppercase; }
p.typho2 { font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif; font-weight: normal; font-size: 1.55em; font-style: italic; color: #666; letter-spacing: .2em; line-height: 1.1em; margin:0px; padding: 15px; text-align: center; text-transform: lowercase; }
p.typho3 { width: 750px; margin: 0 auto;font-family: georgia, serif; color: #000; font-size:14px; font-weight:normal; letter-spacing:.1em; text-transform:none; padding-bottom:3px;}
p.typho4 { font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif; font-weight: bold; font-size: 1.55em; color: #5916A4; letter-spacing: .2em; line-height: 1.1em; margin:0px; padding: 15px; text-align: center; text-transform: uppercase; }
p.typho5 { font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif; font-weight: normal; font-size: 1.55em; color: #000; letter-spacing: .2em; line-height: 1.1em; margin:0px; padding: 15px; text-align: center; text-transform: none; }
p.typho5 { width:700px; font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif; font-weight: normal; font-size: 1.25em; color: #000; letter-spacing: .2em; line-height: 1.1em; margin:0 auto; padding: 5px; text-align: center; text-transform: none; }

/* navigation */
#nav { width: 600px; height: auto; margin: 0 auto; padding: 0 0 15px 0; text-align: center; }
.gallery { list-style: none; margin: 0; padding: 0; }
.gallery li { padding: 10px; margin: 0; float: left; position: relative; width: 180px; height: 130px; }
.gallery img { background: #fff; border: solid 1px #ccc; padding: 5px; }
.gallery li:hover img { border-color: #999; }
.gallery em { width: 102px; background: url(images/replicator/bubble.gif) no-repeat; padding: 3px 0 6px; display: none; position: absolute; top: -2px; left: 50px; font-style: normal; text-align: center; }
.gallery a { text-decoration: none; color: #000; }
.gallery a:hover em { display: block; }

/* Content */
#bar32 { width: 800px; height: 50px; margin: 0 auto; padding: 0; background: url(images/replicator/bar.jpg) repeat-x 0 0; clear: both;}
#MF { witdh: 800px; height: auto; margin: 0 auto; padding: 0 0 15px 0; text-align: center; }
#Info { witdh: 800px; height: auto; margin: 0 auto; padding: 0 0 15px 0; text-align: center; }
#Teknologi { witdh: 800px; height: auto; margin: 0 auto; padding: 0 0 15px 0; text-align: center; }
#Kebaikan { witdh: 800px; height: auto; margin: 0 auto; padding: 0 0 15px 0; text-align: center; }
#Testimoni { witdh: 800px; height: auto; margin: 0 auto; padding: 0 0 15px 0; text-align: center; }
#Peluang { witdh: 800px; height: auto; margin: 0 auto; padding: 0 0 15px 0; text-align: center; }

/* Styling */
img { border: none; }
img a { border: none; }
img a:active { border: none; }
img a:hover { border: none; }
.wrap { float: left; margin: 0 auto; padding: 0 5px 0 0; }
.wrap2 {float: right; margin: 0; padding: 0 10px 0 0; }
p.styling { width: 700px; height: auto; text-align: left; margin: 0 auto; padding: 0 0 10px 0; }
span.name { font:14px georgia, serif; color: #000; text-transform:  uppercase;}
span.title { font: 11px georgia, serif; color: #666; }
span.order { color: #5916A4 }

/* List Order */
.order { width: 600px; height: auto; margin: 0 auto; padding: 0; text-align: left; }
.order li { line-height: 1.1em; padding: 0 0 5px 0; font: 14px georgia, serif; color: #000; }

#wrapper3 { background: url(images/replicator/wrapper.png) repeat-y; width: 850px; height: auto; margin: 0 auto; padding: 0; text-align: center; }