@charset "utf-8";
@font-face{ font-family:'Lucida Grande'; font-weight:normal; src:local('Lucida Grande'); src:url('/fonts/Lucida Grande.ttf');}
@font-face{ font-family:'Lucida Grande'; font-weight:bold; src:local('Lucida Grande Bold'); src:url('/fonts/Lucida Grande Bold.ttf');}
@font-face{ font-family:'Myriad Pro'; font-weight:normal; font-style:normal; src:url('/fonts/MyriadPro-Regular.otf'); src:local('Myriad Pro');}
@font-face{ font-family:'Myriad Pro'; font-weight:bold; font-style:normal; src:url('/fonts/MyriadPro-Bold.otf'); src:local('Myriad Pro Bold');}
@font-face{ font-family:'Myriad Pro'; font-weight:normal; font-style:italic; src:url('/fonts/MyriadPro-It.otf'); src:local('Myriad Pro It');}
@font-face{ font-family:'Myriad Pro'; font-weight:bold; font-style:italic; src:url('/fonts/MyriadPro-BoldIt.otf'); src:local('Myriad Pro Bold It');}
@font-face{ font-family:'Viner Hand ITC'; src:local('Viner Hand ITC'); src:url('/fonts/VINERITC.TTF');}

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* TYPE */
body { font: 12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; background-color: #fff; color: #333; }
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }

p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }

/* THEME */
a.more { white-space: nowrap; padding-right: 10px; background: url('/img/morearrow_08c.gif') no-repeat 100% 50%; zoom: 1; }
a.big-more { white-space: nowrap; padding-right: 10px; background: url('/img/morearrow_big_08c.gif') no-repeat 100% 50%; zoom: 1; }

body{ background-color:#ececec;}
body > .container{ margin:0 auto; display:block; position:relative; width:980px; min-height:39px;}

h1{ font-size:38px; line-height:38px; font-weight:bold; color:#000000;}
h2{ font-size:33px; line-height:33px; font-weight:bold; color:#000000;}
h3{ font-size:28px; line-height:28px; font-weight:bold; color:#000000;}
h4{ font-size:22px; line-height:22px; font-weight:bold; color:#000000;}
/*h1{ font-family:'Myriad Pro'; font-size:38px; line-height:38px; font-weight:bold; color:#000000;}
h2{ font-family:'Myriad Pro'; font-size:33px; line-height:33px; font-weight:bold; color:#000000;}
h3{ font-family:'Myriad Pro'; font-size:28px; line-height:28px; font-weight:bold; color:#000000;}
h4{ font-family:'Myriad Pro'; font-size:22px; line-height:22px; font-weight:bold; color:#000000;}
*/

body > .container > .nav{ display:block; width:980px; height:71px; position:relative; margin-bottom:3px;}
body > .container > .nav > a{ display:block; float:left; width:239px; height:71px; background:transparent url('/img/icon-logo.png') 0 0 no-repeat;}
body > .container > .nav > a:hover{ background-position:0 -71px;}
body > .container > .nav > ul{ display:block; float:right; position:relative; margin:39px 0 0 0; padding:0; list-style:none;}
body > .container > .nav > ul > li{ display:block; float:left; clear:none; padding:0 13px;}
body > .container > .nav > ul > li:first-child{ padding-left:0;}
body > .container > .nav > ul > li > a{ color:#333333; font-weight:bold; font-size:15px; text-decoration:none; text-shadow:0 1px 1px #d6d6d6;}
body > .container > .nav > ul > li > a:hover{ color:#08c;}
body > .container > .nav > ul > li > a.selected,body > .container > .nav > ul > li > a.selected:hover{ color:#999999; text-shadow:0 1px 1px #ffffff;}
body > .container > .nav > ul > li > a.contact-us{ color:#ffffff; font-size:15px; height:21px; line-height:21px; text-shadow:1px 1px 1px #1684cc; background:#2189d8 url('/img/icon-nav-contactus.png') 0 0 repeat-x; padding:2px 11px; -o-border-radius:10.5px; -khtml-border-radius:10.5px; -moz-border-radius:10.5px; -webkit-border-radius:10.5px; border-radius:10.5px; -o-box-shadow:0 1px 6px #ababab; -khtml-box-shadow:0 1px 6px #ababab; -moz-box-shadow:0 1px 6px #ababab; -webkit-box-shadow:0 1px 6px #ababab; box-shadow:0 1px 6px #ababab;}

body > .container > .contentblock{ background:#ffffff; border:#e3e3e3 solid 1px; position:relative; overflow:hidden; margin-bottom:20px; -o-border-radius:6px; -khtml-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -o-box-shadow:0 1px 5px #d7d7d7; -khtml-box-shadow:0 1px 5px #d7d7d7; -moz-box-shadow:0 1px 5px #d7d7d7; -webkit-box-shadow:0 1px 5px #d7d7d7; box-shadow:0 1px 5px #d7d7d7;}

body > .container > .contentblock.footer{ background:transparent; -o-box-shadow:none; -khtml-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
body > .container > .contentblock.footer > .title{ padding:11px 0; border-bottom:#e5e5e5 solid 1px;}
body > .container > .contentblock.footer > .title > a{ color:#666666; font-weight:bold; text-shadow:0 1px 1px #fcfcfc; padding:0 11px; text-decoration:none;}
body > .container > .contentblock.footer > .title > a:first-child{ font-family:'Viner Hand ITC';}
body > .container > .contentblock.footer > .grid{ padding:13px 17px; font-size:85%;}
body > .container > .contentblock.footer > .grid > table{ width:100%; border-collapse:collapse; margin:0; padding:0; clear:both;}
body > .container > .contentblock.footer > .grid > table td{ margin:0; padding:0; text-align:left; vertical-align:top; width:22%;}
body > .container > .contentblock.footer > .grid > table td > ul{ margin:0; padding:0; list-style:none;}
body > .container > .contentblock.footer > .grid > table td > ul > li{ margin:0; padding:0;}
body > .container > .contentblock.footer > .grid > table td > ul > li > strong{ color:#666666;}
body > .container > .contentblock.footer > .grid > table td > ul > li > a{ color:#888888; text-decoration:none;}
body > .container > .contentblock.footer > .grid > table td > ul > li > a:hover{ color:#333333;}

body > .container > .copyright{ color:#888888; font-size:85%; margin-bottom:55px;}
body > .container > .copyright > span{ color:#d0d0d0;}
body > .container > .copyright > hr{ color:#dddddd; background:#dddddd; border:none; height:1px;}