﻿body { font-family:"Malgun Gothic";Dotum;Myriad, Tahoma,Arial,Verdana; color:#555555; margin-top:0px;}

div { font-size:12px; line-height:140%}
image { border:0px; }
a { color:#54aa00; text-decoration:none;}
a:hover { text-decoration:underline;}

img.centerImage { text-align:center; position:center;}

#HeadLineImage { height:70px; text-align:right; vertical-align:top; background-image:url(img/dotline.gif);background-repeat: repeat-x;
background-position: bottom center; } 

#deepViewBorder { }
#deepViewBody { width:780px; background-color:white; }
#deepViewBody .titlePic { background-image:url(img/subtitle_deepviewlite.gif);background-repeat: no-repeat; margin-bottom:30px; height:55px;text-align:center;}
#deepViewBody .titleMain { font-size:24px; font-weight:bold; padding:30px; text-align:center; color:black;}
#deepViewBody .liveDemo { text-align:center; margin:10px;}
#deepViewBody .Figure img { margin:10px; border:5px solid #E0E0E0; }
#deepViewBody .descHead { background-image:url(img/dot.png);background-repeat: no-repeat;background-position:left center;font-size:16px; font-weight:bold; line-height:160%; padding:0 0 0 20px; color:#424242}
#deepViewBody .descBody { font-size:12px; line-height:160%; padding: 10 10 10 40;}
#deepViewBody .descWarning { font-size:12px; line-height:160%; padding: 10 10 10 40; color:#ff8400;}
#deepViewBody .figure { text-align:center; }
#deepViewBody .codeBox { background-color:#cccccc; padding:10px; margin-top:10px; margin-bottom:10px; margin-right:15px;}
#deepViewBody .codeBox strong { font-weight:bold; color:red;}
#deepViewBody .download a { font-size:24px;  text-align:center; padding:10px; color:#ffa200; width: 100%}
#deepViewBody .contact { font-size:14px; line-height:160%; padding: 10 10 15 30; text-align:right;background-color:white;background-image:url(img/dotline.gif);background-repeat: repeat-x; background-position: top center; }

#mapViewBorder {  }
#mapViewBody { width:780px; background-color:white; }
#mapViewBody .titlePic { background-image:url(img/subtitle_mapviewlite.gif);background-repeat: no-repeat; margin-bottom:30px;background-repeat: no-repeat; height:55px;text-align:center;}
#mapViewBody .titleMain { font-size:24px; font-weight:bold; padding:30px; text-align:center; color:black;}
#mapViewBody .liveDemo { text-align:center; margin:10px;}
#mapViewBody .Figure img { margin:10px; border:5px solid #E0E0E0; }
#mapViewBody .descHead {background-image:url(img/dot.png);background-repeat: no-repeat;background-position:left center; font-size:16px; font-weight:bold; line-height:160%; padding:0 0 0 20px; color:#424242}
#mapViewBody .descBody { font-size:12px; line-height:160%; padding: 10 10 10 40;}
#mapViewBody .descWarning { font-size:12px; line-height:160%; padding: 10 10 10 40; color:#ff8400;}
#mapViewBody .codeBox { background-color:#cccccc; padding:10px; margin-top:10px; margin-bottom:10px; margin-right:15px;}
#mapViewBody .codeBox strong { font-weight:bold; color:red;}
#mapViewBody .download a { font-size:24px;  text-align:center; padding:10px; color:#ffa200; width: 100%}
#mapViewBody .contact { font-size:14px; line-height:160%; padding: 10 10 15 30; text-align:right;background-color:white;background-image:url(img/dotline.gif);background-repeat: repeat-x; background-position: top center; }

#mediaFlowBorder {  }
#mediaFlowBody { width:780px; background-color:white; }
#mediaFlowBody .titlePic { background-image:url(img/subtitle_mediaflow.gif);background-repeat: no-repeat; height:55px;margin-bottom:30px;text-align:center;}
#mediaFlowBody .titleMain { font-size:24px; font-weight:bold; padding:30px; text-align:center; color:black;}
#mediaFlowBody .liveDemo { text-align:center; padding:1px; padding-bottom:20px;}
#mediaFlowBody .descHead { background-image:url(img/dot.png);background-repeat: no-repeat;background-position:left center;font-size:16px; font-weight:bold; line-height:160%; padding:0 0 0 20px; color:#424242}
#mediaFlowBody .descBody { font-size:12px; line-height:160%; padding: 10 10 10 25;}
#mediaFlowBody .descWarning { font-size:12px; line-height:160%; padding: 10 10 10 25; color:#ff8400;}
#mediaFlowBody .figure { text-align:center; }
#mediaFlowBody .codeBox { background-color:#cccccc; padding:10px; margin-top:10px; margin-bottom:10px; margin-right:15px;}
#mediaFlowBody .codeBox strong { font-weight:bold; color:red;}
#mediaFlowBody .download a { font-size:24px;  text-align:center; padding:10px; color:#ffa200; width: 100%}
#mediaFlowBody .contact { font-size:14px; line-height:160%; padding: 10 10 15 30; text-align:right;background-color:white;background-image:url(img/dotline.gif);background-repeat: repeat-x; background-position: top center; }

#logiCraftBorder { }
#logiCraftBody { width:780px; background-color:white; }
#logiCraftBody .titlePic { background-image:url(img/subtitle_logi-crafts.gif);background-repeat: no-repeat; height:55px; margin-bottom:30px;text-align:center;}
#logiCraftBody .titleMain { font-size:24px; font-weight:bold; padding:30px; text-align:center; color:black;}
#logiCraftBody .liveDemo { text-align:center; margin:10px;}
#logiCraftBody .Figure img { margin:10px; border:5px solid #E0E0E0; }
#logiCraftBody .descHead { background-image:url(img/dot.png);background-repeat: no-repeat;background-position:left center;font-size:16px; font-weight:bold; line-height:160%; padding:0 0 0 20px; color:#424242}
#logiCraftBody .descBody { font-size:12px; line-height:160%; padding: 10 10 10 40;}
#logiCraftBody .descWarning { font-size:12px; line-height:160%; padding: 10 10 10 40; color:#ff8400;}
#logiCraftBody .figure { text-align:center; }
#logiCraftBody .codeBox { background-color:#cccccc; padding:10px; margin-top:10px; margin-bottom:10px; margin-right:15px;}
#logiCraftBody .codeBox strong { font-weight:bold; color:red;}
#logiCraftBody .download a { font-size:24px;  text-align:center; padding:10px; color:#ffa200; width: 100%}
#logiCraftBody .contact { font-size:14px; line-height:160%; padding: 10 10 15 30; text-align:right;background-color:white;background-image:url(img/dotline.gif);background-repeat: repeat-x; background-position: top center; }

#PigmapBorder { }
#PigmapBody { width:780px; background-color:white; }
#PigmapBody .titlePic { background-image:url(img/subtitle_pigmap.gif);background-repeat: no-repeat; height:55px;margin-bottom:30px;text-align:center;}
#PigmapBody .titleMain { font-size:24px; font-weight:bold; padding:30px; text-align:center; color:black;}
#PigmapBody .liveDemo { text-align:center; margin:10px;}
#PigmapBody .Figure img { margin:10px; border:5px solid #E0E0E0; }
#PigmapBody .descHead { background-image:url(img/dot.png);background-repeat: no-repeat;background-position:left center;font-size:16px; font-weight:bold; line-height:160%; padding:0 0 0 20px; color:#424242}
#PigmapBody .descBody { font-size:12px; line-height:160%; padding: 10 10 10 40;}
#PigmapBody .descBody strong { text-decoration:underline; font-size:14px;}
#PigmapBody .descWarning { font-size:12px; line-height:160%; padding: 10 10 10 40; color:#ff8400;}
#PigmapBody .figure { text-align:center; }
#PigmapBody .codeBox { background-color:#cccccc; padding:10px; margin-top:10px; margin-bottom:10px; margin-right:15px;}
#PigmapBody .codeBox strong { font-weight:bold; color:red;}
#PigmapBody .download a { font-size:24px;  text-align:center; padding:10px; color:#ffa200; width: 100%}
#PigmapBody .contact { font-size:14px; line-height:160%; padding: 10 10 15 30; text-align:right;background-color:white;background-image:url(img/dotline.gif);background-repeat: repeat-x; background-position: top center; }

#WorksBorder { }
#WorksBody { width:780px; background-color:white; }
#WorksBody .titlePic { background-image:url(img/WorksTitle.png);background-repeat: no-repeat; height:55px;margin-bottom:30px;text-align:center;}
#WorksBody .titleMain { font-size:24px; font-weight:bold; padding:30px; text-align:center; color:black;}
#WorksBody .liveDemo { text-align:center; margin:10px;}
#WorksBody .Figure img { margin:10px; border:5px solid #E0E0E0; }
#WorksBody .descHead { background-image:url(img/dot.png);background-repeat: no-repeat;background-position:left center;font-size:16px; font-weight:bold; line-height:160%; padding:0 0 0 20px; color:#424242}
#WorksBody .descBody { font-size:12px; line-height:160%; padding: 10 10 10 40;}
#WorksBody .descBody strong { text-decoration:underline; font-size:14px;}
#WorksBody .descWarning { font-size:12px; line-height:160%; padding: 10 10 10 40; color:#ff8400;}
#WorksBody .figure { text-align:center; }
#WorksBody .codeBox { background-color:#cccccc; padding:10px; margin-top:10px; margin-bottom:10px; margin-right:15px;}
#WorksBody .codeBox strong { font-weight:bold; color:red;}
#WorksBody .download a { font-size:24px;  text-align:center; padding:10px; color:#ffa200; width: 100%}
#WorksBody .contact { font-size:14px; line-height:160%; padding: 10 10 15 30; text-align:right;background-color:white;background-image:url(img/dotline.gif);background-repeat: repeat-x; background-position: top center; }

#EssBorder { }
#EssBody { width:780px; background-color:white; margin-left:40px;margin-top:10px; }
#EssBody .license { color:#999999; font-size:12px;}
#EssBody .license a { text-decoration:underline;}