
/*
Design by TEM LATED
http://templated.co

Released for free under the Creative Commons Attribution License

Name       : Big Business 2.0

Description: A two-column, fixed-width design with a bright color scheme.
Version    : 1.0

Released   : 20120624
*/


a {
	text-decoration: none;
	color: #1e9494;
}


a:hover {
	text-decoration: none;
	color: #0d3f3f;
	cursor:pointer;
}


body {
	font-size: 11.5pt;
	color: #4d4c4c;
	line-height: 1.75em;
	background: #f8f8f8 url(images/img01.gif) repeat-x top left;
}

/*
body,input {
	font-family: Georgia, serif;
}  */


strong {
	color: #2C2B2B;
}


br.clearfix {
	clear: both;
}


h1,h2,h3,h4 {
	font-weight: normal;
	letter-spacing: -1px;
}


h2 {
	font-size: 2.25em;
}


h2,h3,h4 {
	color: #2C2B2B;
	margin-bottom: .35em;
}


h3 {
	font-size: 1.75em;
}


h4 {
	font-size: 1.5em;
}

img.alignleft {
	margin: 5px 20px 20px 0;
	float: left;
}


img.alignright {
	margin: 5px 20px 20px 0;
	float: right;
}

/*
img.aligntop {
	margin: 5px 0 20px 0;
}


img.pic {
	padding: 5px;
	border: solid 1px #D4D4D4;
}
*/

p {
	margin-bottom: 1.5em;
}


ul {
	margin-bottom: 1.5em;
}


ul h4 {
	margin-bottom: 0.35em;
}

select:focus {
	border-color: #0d3f3f;
    border: solid 2px #808080;
    background: #aaeeee;
	/*outline: none;*/
}

/*  input {
	background: #eafbfb;
	border: 2px solid #b0c3d0;
    border-radius: 4px;	
	font: inherit;
	font-size: 14px;
	line-height: 26px;
	min-height: 26px;
	padding: 6px 10px;
	margin-bottom: 5px;
	width: 200px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}  */

input[type="text"] {
	background: #eafbfb;
	border: 2px solid #b0c3d0;
    border-radius: 4px;	
	font: inherit;
	font-size: 14px;
	line-height: 26px;
	min-height: 26px;
	padding: 6px 10px;
	/*margin:200px;*/
	margin-bottom: 5px;	
	text-align: left;
	width: 200px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

input[type="email"] {
	border: 2px solid #b0c3d0;
    border-radius: 4px;
    background: #eafbfb;
	font: inherit;
	font-size: 14px;
	line-height: 26px;
	min-height: 26px;
	padding: 6px 10px;
	text-align: left;
	width: 200px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

input[type="submit"] {
	border: 2px solid #b0c3d0;
    border-radius: 4px;
/*	height: 56px;
	width: 150px;  */
	font: inherit;
	font-size: 14px;
	line-height: 16px;
	background: #209D9D;
	color: #ffffff;
	text-align: center;
/*	padding: 16px 16px 16px 16px; */ 
/*	margin-top: 5px;  */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}  

input:focus,input:hover {
    border: solid 2px #808080;
    background: #aaeeee;
}

.btn1 {
	display: block;
	height: 26px;
	width: 90px;
    padding: 6px 6px;
    background: #209D9D;
    color: #FFF;
	text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #166e6e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

a.btn1 {
	text-decoration: none;
}

.btn1:hover,
.btn-style:hover,
.btn2:hover {
	background: #1a7f7f;
    border: solid 2px #808080;
	color: #ffffff;
	text-decoration: none;
}

.btn3:hover {	
    /*display: block;  /*inline;*/
/*	height: 46px;
	width: 100px;
	border : solid 1px #166e6e;
    border-radius : 4px;
    moz-border-radius : 4px;
    -webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
    -moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
    box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
    font-size : 14px;
	text-align: center;
	margin-left: 50px;
	line-height: 20px;
	padding-bottom:16px;
/*	vertical-align: center; */
    color : #FFFFFF;
    padding : 6px 66px;
    background : #209D9D;
}

.button {
	display: inline;
	height: 46px;
	width: 100px;
	background: #209D9D;
    color : #FFFFFF;	
    border: solid 1px #166e6e;
    text-decoration: none;
}	

.button:hover,button:focus {
    color: #ffffff;
	background: #1e9494;
    border: solid 1px #115555;
    text-decoration: none;
}

.button3 {
    background-color: #209D9D; /* default */
    border: solid 1px #166e6e;
   	height: 55px;
	width: 100px;
    color: white;
    /* padding: 15px 32px; */
    text-align: center; 
    vertical-align: center;
    text-decoration: none;
    display: inline;
    font-size: 16px;
    border-radius : 4px;
    moz-border-radius : 4px;
    margin-left: -500px;
}

.button3:hover,button3:focus {
    color: #ffffff;
    background : #1e9494;
    border: solid 2px #115555;
    text-decoration: none;
}	

/*
.box {
	overflow: hidden;
	margin-bottom: 1em;
}  */

.vertical-scroll {
  width: 163px; 
  height: 375px;
  overflow-x: hidden;
  overflow-y: scroll; 
}

.vertical-scroll a {
  background-color: #e6e6e6; /* Grey background color */
  color: white; /* white text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-scroll a:hover {
  background-color: #209D9D; /* Dark grey background on mouse-over */
}

.date {
	background: #6E6E6E;
	padding: 5px 6px 5px 6px;
	margin: 0 6px 0 0;
	color: #FFFFFF;
	font-size: 0.8em;
	border-radius: 2px;
}

.error-message-box {
	color: #FFFFFF;
	width: 980px;
	height: 100px;
	display: table-cell;
    text-align: center;
	border: 2px solid red;
    box-sizing: border-box;
	background: #791526;	
}

.clear{clear:both;}


#TxtShadow h4 {
	color: white;
	text-shadow: 0px 0px 9px #1a7f7f, 0 0 45px #115555, 0 0 15px #092a2a;
}
 
#ImgShadow img {
    position: relative;
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0,0.3);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
/*    padding: 10px;  */
/*    background: white;  */
}

#content {
  display: block;
  width: 100%;
  padding: 25px 20px;
  padding-bottom: 35px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

#content1 {
	margin-left: 4em;
	width: 550px;
	float: left;
	/*background:#ff33aa;*/
}

#content2 {
	width: 300px;
	float: left; 
	margin-left: 3em;
	/*background: #3333ff;*/
}

#content1-box2 {
	position: relative;
	width: -250px;
	/*background:yellow;*/
} 

#mc_embed_signup {
	position: relative;
	padding-top: 1em;
	width: 100%;
	background: #eafbfb;
	clear: left;   
	font: 14px;
	text-align: center;
} 	
			
#mc-embedded-subscribe {
    position: relative;
	width: 5em;
	height: 2em;
/*	line-height: 4px;
	padding-bottom: 6px;*/
	horizontal-align:left;
}  

#mc-field-group {
	position: relative;
	padding-top: 8px;
	width: 100%;
	background: #eafbfb;
	clear: left;   
	font: 14px;
	text-align: left;
/*	padding-left:300px;
	margin-left:300px;
	margin-right:300px;*/
}

#footer {
	margin: 10px 0 10px 0;
	text-align: center;
	color: #8C8B8B;
	font-size: 8px;
	text-shadow: 0 1px 0 #FFFFFF;
}


#footer a {
	color: #8C8B8B;
}


.indexFooter {
	margin: 10px 0 10px 0;
	text-align: center;
	color: #8C8B8B;
	font-size: 8px;
}


#header {
  	height: 95px;
	position: relative;
	background: #6E6E6E url(images1/img03.jpg) top left no-repeat;
	padding: 45px;
	color: #FFFFFF;
	width: 888px;
	border: solid 1px #7E7E7E;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}


#logo {
	line-height: 160px;
	height: 160px;
	padding: 5px 0 0 0;
	position: absolute;
	top: 0;
	left: 55px;
}


#logo a {
	text-decoration: none;
	color: #FFFFFF;
/*	text-shadow: 0 1px 1px #3E3E3E;*/
}


#logo h1 {
	font-size: 3.25em;
}


#slogan {
	line-height: 260px;
	height: 160px;
	padding: 5px 0 0 0;
	position: absolute;
	left: 521px; 
/*	right: 45px;*/
/*	width: 472px;*/
	top: 0;
}


#slogan h2 {
	color: #BEBEBE;
	font-size: 1.25em;
	text-shadow: 0 1px 1px #3E3E3E;
}

.sticky {
  top: 0;
  width: 100%;  
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;  
  position: fixed;  
}

.sticky + .content1 {
  padding-top: 160px;
}

 
#menu { /* the menu container */
    width: 100%;
    font-size: 16px;
    background-color: #209D9D;
    position: -moz-sticky;
    position: -webkit-sticky;
    position: sticky;  
    top: 0;  
    list-style-type: none;
    z-index: 99999;  
}
 
#menu ul { /* menu ul style */
    margin: 0;
    list-style-type: none;
    position: -moz-sticky;
    position: -webkit-sticky;  /* Safari */
    position: sticky;
}
 
#menu li { /* horizontal menu */
    float: left;
    position: relative;
}
 
#menu ul a { /* the link style of menu */
    color: #ffffff;
    display: block;
    line-height: 60px;
    padding: 0 30px;
    text-decoration: none;
/*    border-bottom: 1px solid #666;*/
}  

/*This block of CSS is to deal with the sub-menu (nested menu). The CSS defines how the sub-menu and sub sub menu must be shown and positioned.*/
/* The sub menu is hidden by default and its position is placed right under the parent menu*/
#menu ul ul {
    display: none;
    position: absolute;
    top: 48px;
    left: -40;
    float: left;
    width: 125px;
    z-index: 99999;
/* no!   transition-delay: 1s;  */
}
 
/* The sub menu list element is given a minimum width */
#menu ul ul li {
    min-width: 125px;
}
 
/* the third level menu (sub sub menu) is placed to the left side of its parent  */
#menu ul ul ul {
    left: 45%;
    top: 0;
} 
 
#menu ul ul a {
    background: #209D9D;
    line-height: 15px;
    padding: 10px;
    width: 125px;
    height: auto;
/*    border-radius: 3px;  */
/* no!     transition-delay: .15s;*/
}

/* sub menu--When the mouse is over a list (li) element with unordered-list (ul) element inside then show it.  
The position when it's shown is defined in the previous block of CSS*/

#menu ul li:hover > ul {
    display: block;
/*    transition-delay: .15s;  */
}

/* Styles the anchor (a) tag when mouse over */
#menu li:hover > a,
#menu ul ul :hover > a {
    background: #E9F5F5;
    color: #166E6E;  /*#1A7E7E;*/
/*    transition-delay: .15s;*/
}



/**/
/*&:not(:hover) > ul > li {*/
/*    transition-delay: 1s;*/
/*}*/
/**/
/*&:hover > ul:not(:hover) {*/
/*    transition: all 0s!important;*/
/*    transition-delay: 0s!important;*/
/*    display: none!important;*/
/*}*/
/*
jQuery.fn.extend( {
	hover: function( fnOver, fnOut ) {
		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
	}
} );  */

/*
#menu {
	padding: 0 45px 0 45px;
	position: relative;
	background: #209D9D url(images1/img02.gif) repeat-x top left;
	margin: 0;
	height: 60px;
	width: 890px;
	border-top: solid 1px #5AD7D7;
	border-bottom: solid 1px #1C7575;
	text-shadow: 0 1px 1px #007D7D;
}

#menu ul {
	list-style: none;
	padding-top: 12px;
	position: relative;
	left: -15px;
}

#menu ul li {
	padding: 5px 15px 5px 15px;
	margin-right: 10px;
	display: inline-block;
}

#menu ul li a, #menu ul li span {
	text-decoration: none;
	color: #FFFFFF;
	letter-spacing: -1px;
	font-size: 1.25em;
}

#menu ul li span b {
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #1C7575;
	margin-left: 8px;
	position: relative;
	top: -1px;
}

#menu ul li.active {
	background: #1C7575;
	border-top: solid 1px #1A6B6B;
	border-bottom: solid 1px #5AD7D7;
	border-radius: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#menu ul li.active span b {
	border-top-color: #165E5E;
}


.dropotron {
	background: rgba(32,157,157,0.9);
	border-top: solid 1px #5AD7D7;
	border-bottom: solid 1px #1C7575;
	text-shadow: 0 1px 1px #007D7D;
	list-style: none;
	margin: 0;
	padding: 15px 10px 15px 10px;
	min-width: 200px;
	border-radius: 6px;
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
}


.dropotron a, .dropotron span {
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: -1px;
	display: block;
	width: 100%;
	position: relative;
}


.dropotron span b {
	display: inline-block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #1C7575;
	position: absolute;
	right: 0px;
	top: 7px;
}


.dropotron li:hover span b {
	border-left-color: #165E5E;
}


.dropotron li {
	padding: 3px 10px 3px 10px;
	margin: 2px 0 2px 0;
	border-radius: 3px;
}


.dropotron li:hover, .dropotron li.active {
	padding-top: 2px;
	padding-bottom: 2px;
	background: rgba(28,117,117,0.9);
	border-top: solid 1px #1A6B6B;
	border-bottom: solid 1px #5AD7D7;
}


.dropotron-level-1 {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
*/
/*
#page {
	padding: 30px 45px 15px 45px;
	position: relative;
	width: 550px;
	margin: 0;
	border: #000;
	background:blue;
} */ 

/*
#page .section-list {
	list-style: none;
	padding-left: 0;
}


#page .section-list li {
	clear: both;
	padding: 30px 0 30px 0;
}

#page ul {
	list-style: none;
}

#page ul li {
	border-top: dotted 1px #C4C4C4;
	padding: 15px 0 15px 0;
}

#page ul li.first {
	padding-top: 0;
	border-top: 0;
}
*/

#page-bottom {
	position: relative;
	width: 890px;
    padding: 15px;
    margin-left: auto;
	margin-right: auto;
	background: #6E6E6E url(images/img03.jpg) top left no-repeat;
	border: solid 1px #7E7E7E;
	padding: 45px 45px 0 45px;  
	color: #DCDCDC;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-shadow: 0 1px 1px #444444;
	overflow: hidden;
}
/*
#page-bottom {
	position: relative;
	margin: 0;
	background: #6E6E6E url(images/img03.jpg) top left no-repeat;
	border: solid 1px #7E7E7E;
	width: 890px;
	padding: 45px 45px 0 55px;  
	color: #DCDCDC;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-shadow: 0 1px 1px #444444;
	overflow: hidden;
} */

#page-bottom a {
	color: #F5F5F5;
}

#page-bottom h2, #page-bottom h3, #page-bottom h4 {
	color: #FFFFFF;
}

#page-bottom ul {
	list-style: none;
}

#page-bottom ul li {
	border-top: dotted 1px #8F8F8F;
	padding: 15px 0 15px 0;
}


#page-bottom ul li.first {
	padding-top: 0;
	border-top: 0;
}


#page-bottom-content {
	width: 665px;
	float: left;
}


#page-bottom-sidebar {
	width: 150px;
	margin: 0 0 0 740px;
}  

/*
#search input.form-submit {
	margin-left: 1em;
	color: #FFFFFF;
	padding: 10px;
	background: #2FACAC;
	border: 0;
}  */

/*
#search input.form-text {
	border: solid 1px #8F8F8F;
	padding: 10px;
}  */


#sidebar {
	width: 200px;
	padding: 0;
	margin: 0 0 0 690px;
}  

#slider {
	position: relative;
	margin: 45px 45px 0px 45px;
	width: 890px;
}

#slider .viewer {
	width: 890px;
	height: 250px;
	padding-bottom: 15px;
	border: solid 2px #D4D4D4;  
	border-radius: 3px;
}

#slider .slide {
	width: 890px;
	height: 10px;
	padding: 10px;
}

#slider .indicator {
	padding-top: 15px;
	/*position: relative;*/
	z-index: 1;
	text-align: center;
}

#slider .indicator span {
	display: inline-block;
	text-indent: -9999em;
	width: 12px;
	height: 12px;
	background: #E3DFDF;
	border-radius: 6px;
	margin: 0 3px 0 3px;
	
}

#slider .indicator span.active {
	background: #6E6E6E;
}

#wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto 0 auto;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 5px 0px 2px rgba(0,0,0,0.1);
}
