html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFF url(images/logoback.jpg) repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3E3E3E;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 300;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #2D2D2D;
}

h2 {
	padding: 0px 0px 10px 0px;
	font-size: 2.00em;
         
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
              text-align:justify;
              margin-left: 8px;
               margin-right: 10px;
}

strong {
}

a {
	color: #861004;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
}

.container {
	width: 1100px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
	overflow: hidden;
	height: 188px;
	background: url(images/img02.jpg) no-repeat left top;
}

/** LOGO */

#logo {
	height: 188px;
	padding: 50px 0px 0px 200px;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	letter-spacing: -1px;
	text-transform: Uppercase;
           	font-size: 4.5em;
              font-weight: bold;
              color: #000000;
}

#logo p {
	margin-top: -20px;
	padding: 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2em;
	color: #000000;
}

#logo p a {
	color: #000000;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #054175;
}

.logo-box {
    float: left;
    width: 188px;
    height: 188px;
    margin: 10px;
    border: 0px solid #F2F2F2;  

}



/** MENU */

#menu {
	overflow: hidden;
	height: 50px;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline-block;
}

#menu a {
	display: block;
	padding: 0px 20px 0px 20px;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	background: #FFFFFF;
	text-decoration: none;
	color: #0C73D4;
}

#menu .current_page_item a {
}

#menu .last {
	border-right: none;
}

/** PAGE */

#page {
	overflow: hidden;
	padding: 30px 0px 40px 0px;
}

/** CONTENT */

#content {
	float: left;
	width: 640px;
}

/** SIDEBAR 1 */

#sidebar1 {
	float: left;
	width: 200px;
	margin-right: 40px;
             text-decoration: none;
}

#sidebar1 #box1 {
	margin-bottom: 10px;
              text-decoration: none;
             
}

/** SIDEBAR 2 */

#sidebar2 {
	float: right;
	width: 200px;
}

/* Footer */

#footer {
	position: relative;
	padding: 28px;
	margin: 28px 0 0 0;
	background: #0C73D4;
	color: #d3d3d3;
	border-bottom: solid 1px #444444;
	text-shadow: 0 1px 0 #404040;
}
#footer p {
	text-align: center;
	font-size: 12px;
}

#footer a {
}

/* List style 1 */

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
              background: #006600;

              line-height: 25px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
              color: #FFFFFF;



}

ul.style1 li {
	padding: 10px 0px 15px 0px;
	border-top: 1px solid #E6E7DC;
              text-decoration: none;
}

ul.style1 .first {
	padding-top: 10px;
             	border-top: none;
}


ul.style1 li:hover  {
        background-color: #0C73D4;
}
ul.style1 a {
        padding: 10px;
        text-decoration: none;
        color: #FFFFFF;
    }


/* List style 2 */

ul.style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li {
	padding: 25px 0px 15px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style2 .first {
	padding-top: 0px;
	border-top: none;
}

ul.style2 h3 {
	padding: 0px 0px 10px 0px;
	font-size: 1.50em;
}

ul.style2 h3 a {
	color: #101010;
}

ul.style2 a {
	text-decoration: none;
}

ul.style2 a:hover {
	text-decoration: underline;
}


/* List style 3 */

ul.style3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style3 li {
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style3 p {
	margin: 0px;
	padding: 0px;
}

ul.style3 img {
	float: left;
	margin-top: 3px;
	margin-right: 20px;
}

ul.style3 .posted {
	padding: 10px 0px 10px 0px;
	font-size: 8pt;
	color: #A2A2A2;
}

ul.style3 .first {
	padding-top: 0px;
	border-top: none;
}

.link-style {
	display: inline-block;
              width:160px;
	margin-top: 20px;
               margin-bottom: 0px; 
	padding: 7px 20px;
	background: #0C73D4;
	border-radius: 1px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}

.link-style1 {
	display: inline-block;
              width:620px;
	margin-top: 10px;
	padding: 7px 10px;

               background: url(images/style1.gif) no-repeat;
	
	border-radius: 1px;
              text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	font-weight: 200;

	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}


.link-style2 {
	display: inline-block;
              width:620px;
	margin-top: 0px;
	padding: 7px 10px;

               background: url(images/style1.gif) no-repeat;
	
	border-radius: 1px;
              text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	font-weight: 200;

	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}












.floating-box {
    float: left;
    width: 138px;
    height: 100px;
    margin: 8px;
    border: 3px solid #73AD21;  

}


.floating-box1 {
    float: left;
    width: 218px;
    height: 130px;
    margin: 8px;
    border: 3px solid #E6E6E6;  

}


.theme-col {
    float: left;
    width: 640px;
    height: 880px;
    margin: 0px;
  margin-left: 0px;
background: #FFFFDD;
    border: 0px solid #FFFFCC;  

}



#social-media {
    float: right;
    width: 200px;
    height: 38px;
    margin: 5px;
  margin-right: 10px;
    border: 0px;  

}

#social-media img {
	float: left;
          margin: 0px 0px 0px 20px;
}





/** Form style */

.form-style-1 {
	margin:10px auto;
	max-width: 600px;
	padding: 20px 12px 10px 20px;
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        background: #B9CFFF;
}
.form-style-1 li {
	padding: 0;
	display: block;
	list-style: none;
	margin: 10px 0 0 0;
}
.form-style-1 label{
	margin:0 0 3px 0;
	padding:0px;
	display:block;
	font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #BEBEBE;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
	width: 49%;
}

.form-style-1 .field-long{
	width: 100%;
}
.form-style-1 .field-select{
	width: 100%;
}
.form-style-1 .field-textarea{
	height: 70px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
	background: #4B99AD;
	padding: 8px 15px 8px 15px;
	border: none;
	color: #fff;
        margin-left:0px;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
	background: #4691A4;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.form-style-1 .required{
	color:red;
}




/** image effect */


.demo-3 {
    position:relative;
    width:300px;
    height:130px;
    overflow:hidden;
    float:left;
    margin-right:0px
}
.demo-3 figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left:-40px
}
.demo-3 figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:-10px 0
}
.demo-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.demo-3 figure h2 {
    font-family:'Lato';
    color:#fff;
    font-size:20px;
    text-align:left
}
.demo-3 figure p {
    display:block;
    font-family:'Lato';
    font-size:12px;
    line-height:14px;
    margin:0;
    color:#fff;
    text-align:left
}
.demo-3 figure figcaption {
    top:0;
    left:0;
     width:100%;
    height:100%;
    padding:20px 20px 2px 10px;
    background-color:rgba(26,76,110,0.5);
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.demo-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}