@charset "UTF-8";
/*--------------------------------------------------------------------------------*/
/*DEFAULTS*/
html {
overflow-y:scroll;
overflow-x:hidden;
}

body,p,ul,li,a,img,div,h1,h2,h3,h4,h5,fieldset,label,table,tr,td {
font-family:Arial;
margin:0;
padding:0;
border:0;
}

/*END DEFAULTS*/
/*--------------------------------------------------------------------------------*/
/*FONT DECLARATIONS */

@font-face {
font-family: "font1";
src: url(fonts/KUDASAI_.TTF) format("truetype");
}

@font-face {
font-family: "font2";
src: url(fonts/ALMAGRO_.TTF) format("truetype");
}

/*END FONT DECLARATIONS*/
/*--------------------------------------------------------------------------------*/

/*TAG BASED FORMATTING*/
body {
background:#334 url(images/bg_page3.png) repeat-y center;

padding:20px;
font-size:12px;
}

a {
font-size:12px;
outline:none;
color:#333;
}

a:hover {
color:#00f;
}

a.footer {
font-size:10px;
font-weight:900;
}

a.footer:hover {

}

p {
font-size:12px;
color:#333;
margin-bottom:10px;
text-shadow: 1px 1px 1px #ccc;
}

label {
font-size:12px;
color:#333;
text-shadow: 1px 1px 1px #ccc;
}

ul {
padding: 0px 5px 2px 20px;
margin-bottom:10px;
list-style-type:none;
}

ul li {
font-size:12px;
color:#333;
padding:0 0 3px 20px;
background:url(images/bullet4.png) no-repeat;
text-shadow: 1px 1px 1px #ccc;
}

ol {
padding-left:30px;
margin-bottom:10px;
list-style-type:decimal;
}

ol li {
font-size:12px;
color:#333;
padding:0 0 3px 0;
background:0;
text-shadow: 1px 1px 1px #ccc;
}

hr {
margin:10px 0 10px 0;
color:#446;
background-color:#446;
height:1px;
border:0;
}

h1 {/*Site Title*/
/*height:100px;
line-height:100px;*/
display:block;
position:relative;
top:-80px;
height:80px;
font-family:font1,arial;
color:#eee;
font-size:80px;
text-align:center;
padding-left:10px;
line-height:80px;
vertical-align:middle;
text-shadow: 2px 2px 2px #000;
}

h2 {/*Page Title*/
background:#eee;
border-left:#333 1px solid;
border-right:#333 1px solid;
font-family:font2,arial;
/*background:#333;*/
height:40px;
color:#446;
font-size:32px;
font-weight:900;
text-align:left;
padding:0 10px 0 10px;
margin:0 5px 0 5px;
line-height:40px;
text-align:left;
vertical-align:middle;
text-shadow: 2px 2px 2px #999;
}

h3 {/*Section*/
color:#eee;
background:#446;
font-size:14px;
font-weight:900;
margin:0 0 5px 0;
padding:0 0 0 5px;
border:#333 1px solid;
text-transform:uppercase;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-khtml-border-top-left-radius:5px;
-khtml-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
text-shadow: 1px 1px 1px #333;

}

h4 {/*Subsection*/
color:#333;
font-size:12px;
font-weight:900;
text-shadow: 1px 1px 1px #999;
}

h5 {/*Subsection*/
color:#000;
font-size:11px;
text-transform:uppercase;
text-shadow: 1px 1px 1px #999;
}

/*END TAG BASED FORMATTING*/
/*--------------------------------------------------------------------------------*/
/*CLASS BASED FORMATTING*/
.center {
text-align:center;
}

.foot {
font-size:10px;
color:#333;
font-weight:900;
text-shadow: 1px 1px 1px #ccc;

}

.hmbreakleft {

border-left:#444 1px solid;
background:#000;/*middle color*/
border-right:#444 1px solid;
height:20px;
width:1px;
line-height:20px;
float:left;
}

.hmbreakright {

border-left:#444 1px solid;
background:#000;/*middle color*/
border-right:#444 1px solid;
height:20px;
width:1px;
line-height:20px;
float:right;
}

.menuformblock {
height:20px;
line-height:20px;
vertical-align:middle;
float:right;
}

.menuformblock input {
color:#eef;
background:#000;
font-size:10px;
height:14px;
border:#333 1px solid;
margin:1px 1px 0 0;
width:125px;
}

.hmblock {
vertical-align:top;
float:left;
line-height:20px;
width:130px;
}

.block, .hmblock:hover .hmlinks, .hmblock_x:hover .hmlinks_x, .menuformblock:hover .hmlinks {
display:block;
}

.hmcategory {/*Menu Category*/
display:block;
position:relative;
background:#008 url(images/trans_glass_overlay_x.png) 0px -20px;
height:20px;
color:#eef;
font-size:11px;
font-weight:900;
text-transform:uppercase;
padding-left:6px;
padding-right:6px;
text-shadow: 2px 2px 2px #000;

/*text-align:center;*/
}

.hmblock:hover .hmcategory, .menuformblock:hover .hmcategory {
background:#88f url(images/trans_glass_overlay_x.png) 0 -20px;
}

.hmcategory div {
background:url(images/button_dropdown_arrow.png);
height:12px;
width:12px;
position:absolute;
right:4px;
top:3px;
}

.hmlinks a {
display:block;
background:url(images/sidebar_5px_grey.png) left repeat-y;
height:30px;
line-height:30px;
color:#ccc;
font-size:10px;
padding-left:10px;
padding-right:10px;
text-transform:uppercase;
text-decoration:none;
outline:none;
font-weight:900;
}

.hmlinks a:hover,.hmcategory_x:hover,.hmblock_x:hover .hmcategory_x {
color:#fff;
background:#000 url(images/sidebar_5px_blue.png) left repeat-y;
height:28px;
line-height:28px;
border-top:#446 1px solid;
border-bottom:#446 1px solid;
}

.hmlinks {
display:none;
position:relative;
left:-1px;
width:130px;
background: url(images/trans_80_percent_black.png);
border:#000 1px solid;
border-top:#333 1px solid;;
white-space:nowrap;
}

/*xmenu start*/

.hmblock_x {
position:relative;
}

.hmcategory_x {
background:url(images/sidebar_5px_grey.png) left repeat-y;
height:30px;
line-height:30px;
color:#ccc;
font-size:10px;
padding-left:10px;
padding-right:10px;
text-transform:uppercase;
font-weight:900;
}

.hmcategory_x div {
background:url(images/button_dropdown_arrow_x.png);
height:14px;
width:14px;
position:absolute;
right:4px;
top:8px;
}

.hmlinks_x {
display:none;
position:absolute;
top:-1px;
left:130px;
width:300px;
z-index:30;
/*width:200px;*/
background: url(images/trans_80_percent_black.png);
border:#000 1px solid;
white-space:nowrap;
}

.hmlinks_x a {
display:block;
background:url(images/sidebar_5px_grey.png) left repeat-y;
}

.hmlinks_x a:hover {
background:#000 url(images/sidebar_5px_blue.png) left repeat-y;
}
/*xmenu end*/

.imgfltr {
float:right;

}

.imgfltl {
float:left;

}

.clrboth {
clear:both;
}

.checkicon {
display:inline-block;
border:#000 1px solid;
background:url(images/valid_x_blue.png);
width:80px;
height:20px;
margin-right:5px;
}

.checkicon a {
display:block;
width:60px;
height:20px;
line-height:20px;
vertical-align:middle;
text-align:center;
color:#fff;
font-size:11px;
padding-left:20px;
}

.col {
float:left;
width:50%;
vertical-align:top;
}

.box {

border:#666 1px solid;
background:#eee;
padding:5px 5px 0 5px;
margin-bottom:5px;
overflow:hidden;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}

.imgbox {
border:#333 1px solid;
background:#eee;
padding:5px 5px 0 5px;
margin-bottom:5px;
text-align:center;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
overflow:hidden;
}

.imgbox img {
width:100%;
border:#333 1px solid;
max-width:800px;

}

.imgbox p {
margin-left:128px;
margin-right:128px;
}

.imgbox div {

}

table.browsers {
width:100%;
border-collapse: collapse;
}

table.browsers thead h5 {
color:#eee;
background:#446;
border:#333 1px solid;
}

/*END CLASS BASED FORMATTING*/
/*--------------------------------------------------------------------------------*/
/*ID BASED FORMATTING*/

#cont_level1 {
margin:0 auto;
max-width:1200px;
min-width:740px;
border:#eee 1px solid;
background:#eee url(images/background_gradient_page7.png) repeat-x;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
border-radius:20px;
}

#cont_header {
position:relative;
height:80px;
background:url(images/trans_glass_overlay_x.png) 0px -80px repeat-x;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
border-radius:20px;
}

#img_header_left,#img_header_right {
height:80px;
width:50%;
float:left;
}

#img_header_title {
display:none;
}

#cont_menu_relative {
position:relative;
border:#333 1px solid;
margin:0 5px 0 5px;
background:#008 url(images/trans_glass_overlay_x.png) 0px -20px;
height:20px;
z-index:10;
}

#cont_menu_absolute {
position:absolute;
}

#cont_menu_relative label {
height:20px;
line-height:20px;
color:#eef;
font-size:11px;
font-weight:900;
text-transform:uppercase;
padding-left:6px;
padding-right:6px;
vertical-align:bottom;
text-shadow: 2px 2px 2px #000;
}

#cont_page {

border:#333 1px solid;
border-top:0;
background:#eeeeee url(images/background_gradient_page11.png) bottom repeat-x;
margin:0 5px 5px 5px;
padding:0 5px 0px 5px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-khtml-border-bottom-right-radius:15px;
-khtml-border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
}

#cont_page_bg {
position:relative;
background:url(images/maicon5.png) center center no-repeat;
z-index:1;
padding-top:40px;
}

#img_page_left {
position:absolute;
top:0px;
left:0px;
background:none;
height:100%;
width:128px;
float:left;
}

#img_page_right {
position:absolute;
top:0px;
right:0px;
background:none;
height:100%;
width:128px;
float:right;
}

#cont_content {
padding:0;
/*position:relative;
top:0px;
z-index:9;
*/
min-height:400px;
/*overflow:auto; /*Fix layout if any elements are floated*/
}


#cont_footer {
position:relative;

}

#img_footer_left, #img_footer_right {
display:none;
float:left;
width:50%;
}

#cont_footer_inside {
width:100%;
}

#footer_wrap {
padding:0 10px 10px 10px;
overflow:auto;
}

#footleft {
width:20%;
text-align:left;
float:left;
}

#footmid {
width:60%;
text-align:center;
float:left;
}

#footright {
width:20%;
text-align:right;
float:left;
}

#gmap {
display:inline-block;
text-align:center;
}

#map_canvas {
border:#666 1px solid;
margin:0 auto;
width:300px;
height:175px;
}
/*END ID BASED FORMATTING*/