/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info:http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin-right:30px; margin-bottom:0; }
.alignright { float:right; margin-left:30px; margin-bottom:0; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }

/* You might find the following useful */
div,ul,li { position:relative; }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0; }


/* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* Clearfix Code */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body,td,th { color:#000; }
body { background-color:#e3e4e9; background-image:url(../images/splash/back.png); background-repeat:repeat; background-position:center top; font-size:15px; line-height:28px; font-family:Helvetica Neue,Helvetica,Arial,Tahoma,sans-serif; font-weight:lighter; color:#2b2c2c; font-style:normal; font-variant:normal; text-shadow:#FFF 1px 1px 0; letter-spacing:-.02em; }
a { color:#b82d2d; text-decoration:none; }
a:hover { color:#B87278; text-decoration:none; }
.wrap-900{width:900px; margin-left: auto; margin-right: auto;}
#header{ padding-top: 5px;}
#flash-wrap{ background-image:url("../images/splash/flash-back.png");height:444px; margin: -15px auto 15px auto; width:944px; background-repeat: no-repeat; background-position: center top}
#flag-wrap{width: 100%; background-image:url("../images/splash/back-flag.jpg");min-height:641px; height:auto !important; height:641px; background-repeat: no-repeat; background-position: center top}
#flash-content{ height:400px;left:22px;top:22px;width:900px; position:absolute; overflow: hidden;}
#flash-content p {display:none;}
#flash-content span{ padding: 75px 50px 50px; text-align: center; display: block; font-size: 16px;}
#flash-content span p{ margin-top: 20px; display:block;}
#flash-content span strong{ font-size: 24px;}

/* ----------------------------------------*/
/* ---------->>> NAVIGATION <<<-----------*/
/* --------------------------------------*/
#navigation { height:30px; width:100%; text-align:center; display:block; }
#navigation li.page-item-20{margin-right:0;}
#navigation li { display:inline; list-style-type:none; margin-right:25px; color:#616161; font-size:13px; text-transform:uppercase; font-weight:400; }
#navigation li a { color:#616161; text-decoration:none; border-top:2px solid #91c9df; padding-top:2px; }
#navigation li a:hover { color:#616161; text-decoration:none; border-top:2px solid #df9191; padding-top:2px; }
#navigation li.current_page_item a { color:#2e2e2e; text-decoration:none; border-top:2px solid #c65c5c; padding-top:2px; }
#navigation li.current_page_parent a { color:#2e2e2e; text-decoration:none; border-top:2px solid #C6A6A3; padding-top:2px; }
#navigation li.current_page_item a:hover,#navigation li.current_page_parent a:hover { color:#2e2e2e; text-decoration:none; border-top:2px solid #df9191; padding-top:2px; }