@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0;}
body {font-size: 81.3%; color: #222; background: #fff url(images/bg.png) top left repeat-x; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}


.clear { clear: both;}
.alignright {float: right;}
.alignleft { float: left;}

/*	TOP BAR	*/
#topbar { width: 100%; height: 10px; background: #1a1a1a;}

/*****TYPOGRAPHY*****/
/* Headings -------------------------------------------------------------- */ 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } 
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 
h2 { font-size: 2em; margin-bottom: 0.75em; } 
h3 { font-size: 1.5; font-weight: bold; line-height: 1.5em; margin-bottom: 1em; } 
h4 { font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 1.25em; } 
h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 0; } 
h6 { font-size: 1em; font-weight: bold; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 

/* Text elements -------------------------------------------------------------- */ 
p { margin: 0 0 1.5em; line-height: 20px; } 
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 

a:focus, a:hover { color: #000; } 
a { color: #990000; text-decoration: none; }
a:hover { text-decoration: underline;} 

blockquote { margin: 1.5em; color: #666; font-style: italic; } 
strong { font-weight: bold; } 
em,dfn { font-style: italic; } 
dfn { font-weight: bold; } 
sup, sub { line-height: 0; } 
abbr, acronym { border-bottom: 1px dotted #666; } 
address { margin: 1em 0 1.5em 1em; font-style: italic; } 
del { color:#666; } 
pre { margin: 1.5em 0; white-space: pre; } 
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists -------------------------------------------------------------- */ 
li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0 1.5em 1.5em 3em; line-height:2em; } 
ul { list-style-type: disc; } 
ol { list-style-type: decimal; } 
dl { margin: 0 0 1.5em 0; } 
dl dt { font-weight: bold; } 
dd { margin-left: 1.5em;}

ul li, ol li {}

/* Tables -------------------------------------------------------------- */ 
table { margin-bottom: 1.4em; width:100%; } 
th { font-weight: bold; } 
thead th { background: #c3d9ff; } 
th,td,caption { padding: 4px 10px 4px 5px; } 
tr.even td { background: #e5ecf9; } 
tfoot { font-style: italic; } 
caption { background: #eee; } 

/* Misc classes -------------------------------------------------------------- */ 
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } 
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } 
.hide { display: none; } .quiet { color: #666; } 
.loud { color: #000; } 
.highlight { background:#ff0; } 
.added { background:#060; color: #fff; } 
.removed { background:#900; color: #fff; } 
.first { margin-left:0; padding-left:0; } 
.last { margin-right:0; padding-right:0; } 
.top { margin-top:0; padding-top:0; } 
.bottom { margin-bottom:0; padding-bottom:0; }


/*	960 GRID -------------------------------------------------------------- */ 
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; margin: 0 10px; }
.col-12 { margin-right: 0;}

.col-1 { width: 60px;}
.col-2 { width: 140px;}
.col-3 { width: 220px; }
.col-4 { width: 300px; }
.col-5 { width: 380px; }
.col-6 { width: 460px; }
.col-7 { width: 540px; }
.col-8 { width: 620px; }
.col-9 { width: 700px; }
.col-10 { width: 780px; }
.col-11 { width: 860px; }
.col-12 { width: 940px; margin-left: 10px; }


/*	MAIN SECTIONS	-------------------------------------------------------------- */ 
#wrapper { width: 960px; margin: 0 auto;}

/*	HEADER	-------------------------------------------------------------- */ 
#header { width: 100%; height: 110px; position: relative; }

#logo a { background: url(images/logo.png) top left no-repeat; width: 546px; height: 54px; display: block; margin: 25px 0 0 20px; position: absolute; float: left; }

#facebook a { background: url(images/facebook.png) top left no-repeat; width: 155px; height: 23px; display: block; position: absolute; top: 5px; right: 0; }


#nav { float: right; margin: 80px 0 0 0;}
#nav ul { list-style-type: none; margin-right: 0;}
#nav ul li { float: left; margin:0 0 0 30px;}
#nav ul li a { text-decoration: none; font-size: 1.2em; padding: 3px; color: #999}
#nav ul li a:hover { color: #222;}

#nav ul li.current_page_item a{ color: #222;}


/* PAGE TITLE	-------------------------------------------------------------- */ 
#pagetitle {  border-top: 1px #e9e9e9 solid; border-bottom: 1px #e9e9e9 solid; padding: 20px 10px; }
#pagetitle h1 { margin-bottom: 0; font-style: italic;}
#pagetitle h2 { margin-bottom: 0; color: #707070;}
#pagetitle h2.cufon { font-weight: 300; }

/* HOME IMAGE	-------------------------------------------------------------- */ 
#home-image { padding: 30px 0 0 0;}
#home-image img { margin-left: 10px;}




/* CONTENT AREA	-------------------------------------------------------------- */ 
#contentarea { margin:30px 0 0 10px;}




/* CONTENT	-------------------------------------------------------------- */ 
#content { }

#content #page-image { margin-bottom: 20px;}


#board div { margin-bottom: 20px;}


/* SUB PAGE NAV	-------------------------------------------------------------- */ 

#page-nav h5 { margin-left: 5px;}
#page-nav ul {list-style-type: none; margin: 0 0 1em 0; background: #eee; border: 2px #ccc solid; padding: 3px;}
#page-nav ul li { }
#page-nav ul li a { text-decoration: none; padding:2px 0 2px 5px; display: block;  }
#page-nav ul li a:hover { background: #fff;}

#page-nav ul li.current_page_item a { background: #fff;}


/* POSTS	-------------------------------------------------------------- */ 
.posts { margin-bottom: 30px;}

.posts h2 { margin-bottom: 0;}

.post-date { color: #999999; }


/* LOGIN STYLES	-------------------------------------------------------------- */ 

#login { background: ;}
#login form { margin-left: 20px;}

#login form label { width: 90px;display: block; float: left;}
#login form input { float: left; margin-bottom: 5px; }
#login form p { }
#login form p { margin-top: 5px;}
#login form p.rememberme { float: left;}
#login form p.rememberme label { width: 120px; margin:-3px 0 0 3px; }

#login form p.submit { float: right; margin-right: 35px; margin-bottom: 0;}
p.sidebarlogin_otherlinks { font-size: 11px; clear:both; display: block; margin-bottom: 0; } 

p.logout { margin: -20px 0 20px 15px; }


/* SIDEBAR	-------------------------------------------------------------- */ 
#sidebar { float: right; margin: 0;}
#sidebar #links {}
#sidebar h2 { margin-left: 10px;}
#sidebar ul { list-style-type: none; margin: 0 0 0 1.5em;}
#sidebar ul li { border-left: 3px #CCCCCC solid;}
#sidebar ul li a { text-decoration: none; padding:4px 0 4px 10px; display: block;  border-top: 1px #e9e9e9 solid; border-bottom: 1px #e9e9e9 solid;}
#sidebar ul li a:hover { background: #eee;}

#sidebar ul li.current_page_item a { color: #222; background: #eee;}


/* IMAGES	-------------------------------------------------------------- */ 

#content img {margin: 0;height: auto;width:100%;max-width: 700px;width: auto;}
#content .attachment img {max-width: 900px;}
#content .alignleft,
#content img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 4px;}
#content .alignright,#content img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 4px;}
#content .aligncenter,#content img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
#content img.alignleft,#content img.alignright,#content img.aligncenter {margin-bottom: 12px;}
#content .wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;padding: 4px;text-align: center;}
#content .wp-caption img {margin: 5px 5px 0;}
#content .wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin: 5px;}
#content .wp-smiley {margin: 0;}
#content .gallery {margin: 0 auto 18px;}
#content .gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
#content .gallery img {border: 2px solid #cfcfcf;}
#content .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
#content .gallery dl {margin: 0;}
#content .gallery img {border: 10px solid #f1f1f1;}
#content .gallery br+br {display: none;}
#content .attachment img { /* single attachment images should be centered */display: block;margin: 0 auto;}


/* FOOTER	-------------------------------------------------------------- */ 
#footer-shadow { height: 70px; width: 100%; background: url(images/footer-shadow.png) bottom left repeat-x; }
#footerbg { width: 100%; background: #000 url(images/footer-bg.png) top left repeat-x; clear: both; padding: 25px 0; border-top: #000 2px solid;}

#footer { width: 960px; margin: 30px auto 10px auto; }

#footer h5 { color: #fff; margin-bottom: .75em;}

#footer ul { list-style-type: none; margin: 0 0 0 4px; font-size: .9em;}
#footer ul li { margin: 5px 0; }
#footer ul li a { color: #CCCCCC; text-decoration: none; padding: 2px;}
#footer ul li a:hover { text-decoration: underline; color: #fff;}


#copy { width: 100%; font-size: .7em; color: #CCCCCC; padding: 30px 0 10px 0; background: #000; border-top: #333333 thin solid; text-align: center; line-height: 1.5em;}
#copy a { color: #FFFFFF; text-decoration: none;}



#idSiteMeterHREF { display: none;}





/* FORMS	-------------------------------------------------------------- */ 

#content form{ margin: 0; padding-top:2em; background: #fff;color:; width:500px; /* customize width, this form have fluid layout */	}

#content form fieldset{margin:0; padding:0; border:none; padding-bottom:1em; }		
#content form legend{ display:none; }	
#content form p{margin:.5em 20px .5em 20px;}	
#content form address { margin-left: 40px;}
#content form h4 { margin-top: 20px;}

#content form label{  width: 200px; float: left; text-indent: 5px;}
#content form label input { width: 30px; float: left; margin-top: 5px;}	

#content form p.label_small label { width: 100px;}
#content form p.label_med label { width: 200px;}
#content form p.label_large label { width: 500px;}

#content form p#recieve { margin-top: 10px;}

#content form input, #content form textarea{ width:400px; border:1px solid #dfdfdf; background:#fff; padding:5px 3px; }		

#content form textarea{ height:60px; overflow:auto; }					

#content form p.submit{ }	

#content form .wpcf7-submit { width: 50%; float: left; text-transform: uppercase; font-weight: bold; background: #eee;}
#content form .wpcf7-submit:hover { background: #222; color: #eee;} 

#content form p img { margin-top: 10px; display:block;}



/* CONTACT FORM ERRORS*/

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #FF0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #FF0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}
#menu-main-menu.custom2018-menu-class {background-color: #206676;display:block;color:#FFFFFF;width:100%;height:40px;text-decoration: none;position:relative;border-style:inset;}
#menu-main-menu.custom2018-menu-class a{text-align:center;text-decoration:none;color:#FFFFFF;}
#menu-main-menu.custom2018-menu-class ul{font-size: 1.2em;font-weight: 600;margin:1;padding:1;list-style:none;}
#menu-main-menu.custom2018-menu-class li{ display: block;position:relative;padding-left: 1px;padding-right: 1px;float: left;border:none;}
#menu-main-menu.custom2018-menu-class li ul{ display: none;position:absolute;}
#menu-main-menu.custom2018-menu-class li:hover ul{display: block;background:lightblue;height:auto;width:18em;}
#menu-main-menu.custom2018-menu-class li ul li{clear:both;border-style:none;}