/*

Theme Name: Flags

Description: Flags

Version: 1.0

*/

@import url(css/reset.css);
html {
	overflow-y: scroll;
}
#index, #page {
	font: 14px "Titillium Web", sans-serif;
	text-align: center;
	color: #151515;
	background: #e5e5e5 url(images/bg-body.jpg) center 0 no-repeat;
}
.container {
	width: 996px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
/* --------------------- HEADER --------------------- */
#header {
	height: 167px;
	position: relative;
}
#slogan {
	color: #09204e;
	font-size: 23px;
	text-align: center;
	font-weight: 600;
	position: absolute;
	left: 360px;
	top: 55px;
}
#slogan p {
	line-height: 28px;
}
#logo {
	width: 264px;
	height: 93px;
	left: -7px;
	top: 4px;
	position: absolute;
	text-indent: -10000px;
	z-index: 10;
	background: url(images/logo.png) no-repeat;
}
#contact-top {
	right: 0;
	top: 30px;
	position: absolute;
	color: #005b84;
	font-size: 16px;
	line-height: 18px;
  background: #fff;
  padding: 10px 20px;
  }
#contact-top p {
	font-size: 16px;
	margin: 0;
	line-height: 18px;
	text-align: right;
}
#contact-top a {
	color: #005b84;
}
#name-top {
	left: 0;
	top: 28px;
	position: absolute;
	color: #F18E00;
	width: 920px;
	display: none;
}
#name-top p {
	font-size: 15px;
	margin: 0;
	font-weight: bold;
}
#name-top a {
	color: #F18E00;
}
#heading {
	left: 280px;
	top: 25px;
	position: absolute;
	color: #F18E00;
}
#heading h2 {
	font-size: 30px;
	color: #4d4d4d;
}
#packages {
	width: 436px;
}
.package {
	width: 205px;
	text-align: left;
	margin: 0 0 20px 0;
}
.package h2 {
	background: url(images/bg-package.png) no-repeat;
	color: #fff;
	font-size: 23px;
	padding: 2px 0 3px 15px;
}
#menu-top {
	position: absolute;
	top: 128px;
	left: -0;
	width: 996px;
	text-align: center;
	margin: 0;
	background: #005b84;
}
#menu-top li {
	display: inline-block;
	background: none;
	padding: 0;
}
#menu-top a {
	color: #fff;
	font-size: 18px;
	padding: 10px 25px 10px 25px;
	font-weight: 600;
	position: relative;
	display: block;
}
#menu-top a:hover, #menu-top .current-menu-item a, #menu-top .current_page_ancestor a, #menu-top .sfHover a {
	background: #b4b9bc;  
  color: #005b84
}
#menu-top .sfHover ul li a {
	background: #3163b9;
	text-align: left;
	color: #fff;
}
#menu-top ul {
	background: #888f94;
}
#menu-top ul li {
	background: url(images/bg-menu-top-sub.png) center 0 no-repeat;
}
#menu-top ul li a, #menu-top .current-menu-item ul a {
	float: none;
	font-size: 14px;
	color: #5b5d5e;
	padding: 10px 22px;
	background: none;
}
#menu-top ul li a:hover, #menu-top ul .current-menu-item a, #menu-top .sfHover ul .current-menu-item a {
	background: #274c8b;
	color: #fff;
}
#menu-top .current-page-ancestor ul .current-menu-item {
	background: url(images/bg-menu-top-sub-a.png) 8px 17px no-repeat;
}
#rotator-wrapper {
	position: relative;
}
#content #rotator, #cycloneslider-slider-1 {
	margin: 0 0 15px 0;
}
#rotator img {
}

#content .cycloneslider
{
margin: 0 0 15px 0;
}
#content {
	background: #fff;
	padding: 15px 15px 15px 15px;
}
#page #content {
}
.menu-sidebar {
	margin: 0 0 20px 0;
	padding: 0;
}
.menu-sidebar li {
	background: none;
	padding: 0;
}
.menu-sidebar a {
	display: block;
	font-size: 15px;
	margin: 0 0 2px 0;
	background: #005b84;
	font-weight: 600;
	color: #fff;
	padding: 9px 10px;
}
.menu-sidebar a:hover, .menu-sidebar .current-menu-item a, .menu-sidebar .current-products-list-parent a {
	background: #b4b9bc;  
  color: #005b84
}
#column-1 {
	width: 220px;
	float: left;
	margin: 0 15px 0 0;
}
.big-banner {
	background: #77cb21;
	color: #fff;
	text-align: center;
	padding: 20px 10px;
	font-size: 18px;
	font-weight: 600;
	display: block;
	margin: 0 0 10px 0;
}
#column-2 {
	width:496px;
	float: left;
	text-align: justify;
}

#column-2a
{
  width:730px;
	float: left;
	text-align: justify;
}

#column-3
{
  width: 220px;
	float: right;
}
#contact-sidebar {
	color: #01655b;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
#contact-sidebar a {
	color: #01655b;
}
#contact-sidebar p {
	line-height: 24px;
}

.banners {
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
}
.banner {
	position: relative;
	margin: 0;
	display: block;
	width: 138pxheight: auto;
	float: left;
	margin: 0 10px 0 0;
}
.banner-last {
	margin: 0;
}
.banner img {
	top: 0;
	left: 0;
	width: 112pxheight: 75px;
}
.banner span {
	text-align: center;
	width: 138px;
	font-size: 20px;
	color: #fff;
	background: #1c3e79;
	display: block;
	font-weight: 600;
	padding: 5px 0;
}
.banner span:hover {
	text-decoration: underline;
}
.post-short {
	margin: 0 0 10px 0;
}
.post-short-title {
	font-weight: 700;
	margin: 0;
}
.post-short-date {
	margin: 0;
	font-size: 11px;
}
.read-more {
	float: right;
	font-weight: 600;
	color: #031e4a;
}
#s {
	border: 1px solid #b5b5b5;
	padding: 5px 10px;
	width: 155px;
}
#searchsubmit {
	background: #133979;
	padding: 5px 10px;
	border: none;
	color: #fff;
}
p {
	line-height: 19px;
	margin: 0 0 15px 0;
}
a {
	color: #222221;
	text-decoration: none;
}
ul {
	line-height: 19px;
	margin: 0 0 15px 0;
}
ul li {
	background: url(images/bullet.png) 4px 8px no-repeat;
	padding: 0 0 0 17px;
}
blockquote {
	border-left: 2px solid #d5d5d5;
	padding: 0 0 0 20px;
	font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
	color: #274c8b;
	margin: 0 0 10px 0;
	font-weight: 700;
	text-align: left;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #274c8b;
	text-decoration: none;
}
.title {
	margin: 0 0 20px 0;
}
.breadcrumbs {
	margin: 0 0 20px 0;
}
#page h2 {
	text-shadow: none;
}
h1 {
	font-size: 24px;
}
.term-title {
	margin: 0;
}
.post h2 {
	margin: 0;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 12px;
}
/* --------------------- CONTENT --------------------- */
/* --------------------- FOOTER --------------------- */
#footer-wrapper {
	background: #005b84;
}
#footer {
	width: 956px;
	margin: 0 auto;
	color: #fff;
	padding: 25px 20px 25px 20px;
  text-align: left;
}
#footer p {
	margin: 0;
	line-height: 18px;
	padding: 0;
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #fff;
}
#menu-footer {
	margin: 0;
	padding: 0;
	text-align: left;
}
#menu-footer li {
	padding: 0;
	background: none;
	display: inline;
	margin: 0 10px 0 0;
}
#menu-footer a:hover, #menu-footer .current-menu-item a {
	color: #8e98a4;
}

#footer-1 h2, #footer-2 h2, #footer-3 h2 
{
color: #fff;
} 

#footer-1
{
width: 300px;
float: left;
margin: 0 28px 30px 0;
text-align: justify;
}

#footer-2
{
width: 300px;
float: left;
margin: 0 28px 30px 0;
text-align: justify;
}

#footer-3
{
width: 300px;
float: left;
margin: 0 0 30px 0;
text-align: justify;
}


.wp-pagenavi {
	text-align: center;
	padding: 10px 0;
}
/* WPCF7 */
#content .wpcf7 {
	width: 260px;
	margin: 0 auto;
}
.wpcf7 p {
	margin: 0;
}
.wpcf7 span {
	margin: 7px 0 0 0;
}
.wpcf7 input {
	width: 250px;
	padding: 4px;
	border: 1px solid #cccccc;
	background: #fff;
	margin: 0 0 10px 0;
	font-family: "Titillium Web", sans-serif;
	font-size: 12px;
}
.wpcf7 textarea {
	width: 250px;
	height: 75px;
	padding: 4px;
	border: 1px solid #cccccc;
	background: #fff;
	margin: 2px 0 10px 0;
	font-family: "Titillium Web", sans-serif;
	font-size: 12px;
}
.wpf7 select {
	border: none;
	padding: 4px;
}
.wpcf7-submit {
	width: auto !important;
	float: right;
	padding: 5px 20px !important;
	color: #fff;
	border: 0 !important;
	font-weight: bold;
	cursor: pointer;
	background: #274c8b !important;
	color: #fff;
	font-family: "Titillium Web";
	font-size: 12px;
	font-weight: 400;
	padding: 3px 15px;
}
#content span.wpcf7-not-valid-tip {
	color: #fa000f;
	border: 1px solid #fa000f;
	font-size: 12px;
	left: 0;
	padding: 3px;
	position: absolute;
	top: -5px;
	width: 252px;
	z-index: 100;
}
#content .wpcf7 span {
	margin: 0;
}
#content div.wpcf7-validation-errors, #content div.wpcf7-mail-sent-ok {
	color: #fa000f;
	border: 1px solid #fa000f;
}
#content div.wpcf7-response-output {
	margin: 25px 0 0 0;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 100%;
/* When images are too wide for containing element, force them to fit. */
	height: auto;
/* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
}
img {
	border: 0;
}
em {
	font-style: italic;
}
.align-justify {
	text-align: justify;
}
.align-right, .align-r {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.float-left, .left {
	float: left;
}
.float-right, .right {
	float: right;
}
/* clear fix */
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
* html .group {
	zoom: 1;
}
/* ie6 */
*:first-child+html .group {
	zoom: 1;
}
/* IE7 */
.clear {
	clear: both;
}
#comments {
	margin: 0;
}
.comment {
	border-bottom: 1px solid #e7e7e7;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
}
.comment-avatar {
	float: left;
}
.comment-content {
	width: 696px;
	float: right;
}
.column-content-right .comment-content, .column-content-left .comment-content {
	width: 580px;
	float: right;
}
.comment-meta {
	font-size: 10px;
	color: #99a1a5;
	margin: 0;
}
#comments-form h2 {
	margin: 0 0 15px 0;
}
#comment-form input, #comment-form textarea {
	background: #fff;
	border: 1px solid #c2c2c2;
	padding: 5px 10px;
	color: #5c5c5c;
	font-size: 12px;
	font-family: Arial;
}
#comment-form p {
	margin: 0 0 10px 0;
}
#comment-author {
	width: 295px;
}
#comment-email {
	width: 295px;
}
#comment-text {
	width: 666px;
	height: 95px;
}
.column-content-right #comment-text, .column-content-left #comment-text {
	width: 663px;
}
#comment-form #comment-submit {
	background: #ae5e81;
	color: #fff;
	padding: 5px 10px;
	border: none;
	cursor: pointer;
}