/*
 * Theme Name: Focus International
 * mobile enabled
 * 
*/

body  { margin:0; padding:0; color:#111111; font-size:100%; font-family:Verdana,Arial,Helvetica,sans-serif;
 background:#2e3c27 url('i/top.png') repeat-x top left; }

a { color:#ca3c08; text-decoration:underline; }
a:visited { color:#ac0404; }
a:focus { outline:thin dotted; }
a:active,a:hover { color:#ea9629; outline:0; }
a:hover { text-decoration:none; }

.top { max-width:960px; width:100%; margin:0 auto; padding:0; background-color: #ebe7e4; }
.site-header { max-width:960px; width:100%; margin:0 auto; }
.header { float:left; padding:40px 0 40px 20px; background:transparent; }
.site-header .site-title { color:#096484; text-decoration:none; background-color:transparent; }
.site-header .site-title:hover { color:#2ea2cc; text-decoration:none; }
.site-title { text-shadow:1px 1px 0 #ddd; 
 font-size: 46px;
 line-height: 1;
 margin:0;
 padding:0;
}
.site-description { background-color:transparent; color:#2ea2cc; margin:0; padding:10px 0 0 0; font-style:normal; font-size:18px; font-family:Arial, Helvetica, sans-serif; }
#masthead { width:100%; }

div.toptxt { float:right; margin:60px 20px 0 0; text-align:center; font-style:italic; }
div.toptxt h3 { margin:0; color:#444; font-size:18px; font-weight:bold; }

.content p { line-height:26px; }

/* = = = = = = = = = = = = = = */

/* MAIN */
.shell    { max-width:960px; width:100%; margin:0 auto; padding:0; background:#eee url('i/mid-bak.png'); }
.main  { margin:-3px auto 0 auto; padding:20px 0 0 0; max-width:960px; width:100%; clear:both; background:#fff url('i/mid.png') repeat-x top left;
 border-right:1px solid #eee; border-left:1px solid #eee; overflow:hidden;
 box-shadow:0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2); }
.content { margin:0 auto; padding:0 20px 20px 20px; }
.access .menu-header, div.menu, #colophon { margin:0 auto; }

/* MENU */
.access-wrap  { max-width:960px; width:100%; margin:0 auto; border-top:1px solid #222222; border-bottom:1px solid #222222;
 background-color: #222222;
 background: -moz-linear-gradient(top,  #444444 0%, #222222 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222));
 background: -webkit-linear-gradient(top,  #444444 0%,#222222 100%);
 background: -o-linear-gradient(top,  #444444 0%,#222222 100%);
 background: -ms-linear-gradient(top,  #444444 0%,#222222 100%);
 background: linear-gradient(to bottom,  #444444 0%,#222222 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}
.access,.top-menu { max-width:960px; width:100%; margin:0 auto; height:36px; color:#333; font-size:13px; font-weight:bold; padding:1px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; clear:both; }

.access .menu-header, div.menu { font-size:13px; padding-left:12px; }
.access .menu-header ul, div.menu ul { list-style:none; margin:0; padding:0; }
.access .menu-header li, div.menu li { list-style:none; float:left; position:relative; }
.access a,#access a,#access1 a { color:#fafafa;
 display:block;
 line-height:36px;
 border-left:1px solid #222222;
 padding:0 9px;
 text-decoration:none;
 text-shadow:1px 1px 0px #222;
}
.access ul ul > li { width:100%; background:none; filter:none; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
.access a:active { position:relative; top:1px; }

.access ul ul { box-shadow:0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2);
 display:none; top:36px; left:0; float:left; /*width:183px;*/ z-index:32600; padding:0 5px 5px 5px; background-color:#400000;
 border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-spacing:0; white-space:nowrap; }
.access ul ul ul { left:100%; top:0; border-top:1px solid #69c; z-index:32700; } /* grandchild dropdown */

.access ul ul li { clear:both; /*chrome fix*/ min-width:200px; background-image:none; background-color:#400000; } /* dropdown */
.access ul ul ul { left:100%; top:0; }
.access ul ul a { line-height:1em; padding:10px; /*width:160px; height:auto;*/
 -moz-box-shadow:inset 0px 1px 0px 0px #400000;
 -webkit-box-shadow:inset 0px 1px 0px 0px #400000;
 box-shadow:inset 0px 1px 0px 0px #400000;
 background:none;
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
 background-color:#600000;
}

.access li:hover > a { background-color:#555; }
.access ul ul li:hover > a { background-color:#555; } /* dropdown */
.access ul li:hover > ul { display:block; }
.access ul ul li:hover > ul { display:block; }

.access ul li.current > a,
.access ul li.current_page_item > a,
.access ul li.current-menu-ancestor > a,
.access ul li.current-menu-item > a,
.access ul li.current-menu-parent > a { color:#fff; background-color:#555; font-weight:bold; }

* html .access ul li.current_page_item a,
* html .access ul li.current-menu-ancestor a,
* html .access ul li.current-menu-item a,
* html .access ul li.current-menu-parent a,
* html .access ul li a:hover { color:#bbb; }
.access ul ul a:hover { color:#bbb; }

div.access-wrap   { position:relative; z-index:1000; }
.access .menu-header li, div.menu li { position:relative;}
.access ul ul { position:absolute; }

/* GLOBAL */
h1, h2, h3, h4, h5, h6
    { margin:0; letter-spacing:1pt; font-weight:normal; color:#222222; text-shadow:1px 1px 2px #aaa; }
h1  { font-size:30px; }
h2  { font-size:26px; margin-top:30px; }
h3  { font-size:22px; margin-top:30px; }
h4  { font-size:16px; margin-top:30px; font-weight:bold; }
h5  { font-size:14px; font-weight:bold; }
h6  { font-size:12px; font-weight:bold; }
li h4 { margin-top:8px; }

.blue { color:#6d5c37; }
.red { color:#800000; }
.green { font-weight:bold; font-weight: bold; color: #006600; }
.lblue { color:#def; }
.grey { color:#444; }
.ccc  { color:#ccc; }
.fff  { color:#fff; }
.v10  { font-size:10px; }
.v11  { font-size:11px; }
.v13  { font-size:13px; }
.v14  { font-size:14px; }
.v16  { font-size:16px; }
.v18  { font-size:18px; }
.v20  { font-size:20px; }

a:link,a:visited  { color:#333; text-decoration:underline; }
a:hover,a:active  { color:#555; text-decoration:none; }
.fff a:link,.fff a:visited { color:#eee; text-decoration:underline; }
.fff a:hover,.fff a:active { color:#ccc; text-decoration:none; }
.red a:link,.red a:visited { color:#600; text-decoration:underline; }
.red a:hover,.red a:active { color:#c00; text-decoration:none; }
.blue a:link,.blue a:visited { color:#004080; text-decoration:underline; }
.blue a:hover,.blue a:active { color:#0080ff; text-decoration:none; }

hr { border:0; border-bottom:1px dashed #444; margin:35px 0; clear:both; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

ol, ul { list-style:none; }
blockquote { quotes:none; }
blockquote:before, blockquote:after { content: ''; content:none; }
del { text-decoration:line-through; }
a img { border:none; }
a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

ul { list-style:square; margin:0 0 18px 1.5em; }
ol { list-style:decimal; margin:0 0 18px 1.5em; }
ol ol { list-style:upper-alpha; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-alpha; }
ul ul,ol ol,ul ol,ol ul { margin-bottom:0; }
dl { margin:0 0 24px 0; }
dt { font-weight:bold; }
dd { margin-bottom:18px; }
.bold   { font-weight:bold; }
strong  { font-weight:bold; color:#333; }
b       { font-weight:bold; color:#333; }
cite,em,i { font-style:italic; }
big { font-size:131.25%; }
ins { background:#ffc; text-decoration:none; }
blockquote { padding:0 3em; }
blockquote cite,blockquote em,blockquote i { font-style:normal; }
pre { background:#f7f7f7; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; }
abbr,acronym { border-bottom:1px dotted #666; cursor:help; }
sup,sub { height:0; line-height:1; position:relative; vertical-align:baseline; }
sup { bottom:1ex; }
sub { top:.5ex; }
/*input[type="text"],textarea { background:#f9f9f9; border:1px solid #ccc; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); padding:2px; }*/

.hid, .kword, #kword, .special    { visibility:hidden; height:1px; margin:0; padding:0; }
.normal { font-weight:normal; }
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.float-left  { float:left; }
.float-right { float:right; }
form    { margin:0; padding:0; }
.link-list h3   { margin:30px 0; border-bottom:1px dashed #444; }
.link-list h3 a { font-weight:normal; cursor:pointer; }
.link-list a    { font-weight:bold; }
.link-list .dis { display:none; }
.link-list li a { line-height:36px; }
ul.list li      { float:left; margin:0 12px; color:#444; }
.center { text-align:center; }

.note { max-width:450px; margin:15px auto; padding:15px; background-color:#eef7b2; border:1px solid #9ea476; 
 -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-spacing:0; }
 
/* CONTENT */
img.shadowright { float:right; margin:15px 0 15px 15px;
-webkit-box-shadow: -8px 6px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -8px 6px 5px rgba(50, 50, 50, 0.75);
box-shadow:         -8px 6px 5px rgba(50, 50, 50, 0.75); }

img.shadowleft { float:left; margin:15px 15px 0 15px;
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75); }

img.aligncenter {
 -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
 -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
 box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);}

.content, .content input, .content textarea { }
.content ul,.content ol,.content dd,.content pre { margin:10px 0 24px 0; }
.content ul ul,.content ol ol,.content ul ol,.content ol ul { margin-bottom:0; }
.content pre,.content kbd,.content tt,.content var { font-size:15px; line-height:21px; }
.content code { font-size:13px; }
.content dt,.content th { color:#000; }
.content li { list-style-image:url("i/bullet.png"); line-height:1.6em; font-size:16px; }

.page-title       { color:#444; font-size:14px; font-weight:bold; margin:0 0 36px 0; }
.page-title span  { color:#444; font-size:16px; font-style:italic; font-weight:normal; }
.page-title a:link, .page-title a:visited { color:#444; text-decoration:none; }
.page-title a:active, .page-title a:hover { color:#777; }

 /* entry-title */
.content .entry-title { font-size:26px; margin:20px 0 0 0; padding:0 10px 5px 10px; color:#9d3431; }
.entry-title a:link, .entry-title a:visited { color:#444; text-decoration:none; }
.entry-title a:active, .entry-title a:hover { color:#6699cc; }
.entry-content fieldset { border:1px solid #e7e7e7; margin:0 0 24px 0; padding:24px; }
.entry-content fieldset legend { background:#fff; color:#000; font-weight:bold; padding:0 24px; }
.entry-content input { margin:0 0 24px 0; }
.entry-content input.file, .entry-content input.button { margin-right:24px; }
.entry-content label { color:#888; font-size:12px; }
.entry-content select { margin:0 0 24px 0; }
.entry-content sup, .entry-content sub { font-size:10px; }
.entry-content blockquote.left { float:left; margin-left:0; margin-right:24px; text-align:right; width:33%; }
.entry-content blockquote.right { float:right; margin-left:24px; margin-right:0; text-align:left; width:33%; }

/* FOOTER */
.footer { height:100px; margin:0 auto; padding:50px 0 0 0; border-top:2px dashed #777; clear:both; background-color:#111; color:#777; font-size:13px; text-align:center; }
.colophon     { margin:auto; overflow:hidden; }
.footer a:link,.footer a:visited  { color:#777; text-decoration:none; }
.footer a:hover,.footer a:active  { color:#ccc; border-bottom:1px dashed #ccc; }

img {
 border: none;
 height: auto;
 max-width: 100%;
}
div.top-menu { display:none; }
table.moveup { margin-top:-230px; }

/* --------------------------------- */

@media (max-width: 700px) {
.header img,.header a img { display:block; }
.access,.top-menu { height:auto; }
.access, td.splash-side { display:none; }
div.top-menu,div.top-menu .access { display:inline-block; }
 }