html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #D6D6D6 url(images/body-bg.png) repeat;
	font-family: 'Arvo', serif;
	font-size: 16px;
	/*color: #837F7F; */
}
a, a:active, a:visited, a:link  {
text-decoration: none;
color: #4197c0; 
}
a:hover{
	text-decoration: none; 
color: #837F7F;

}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'Arvo', serif;
	font-weight: 400;
}
h3{
	font-size:19px;
	
}; 

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

p, ol {
	
	
	line-height: 140%;
}

strong {
}

a {
	color: #0000FF;
}

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 {
	background: url(images/page-bg.png) repeat;
}

#wrapper-bgtop {
	overflow: hidden;
	padding: 0px 0px 50px 0px;
}

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

.clearfix {
	clear: both;
}

/** HEADER */

#header-wrapper {
	overflow: hidden;
	height: 75px;
	background: url(images/header-wrapper.png) repeat-x left top;
}

#header {
	overflow: hidden;
	width: 1000px;
	height: 75px;
	margin: 0px auto;
}

/** LOGO */

#logo {
	float: left;
	width: 420px;
	height: 75px;
}

#logo h1,#logo h2, #logo p {
	margin: 0px;
	line-height: normal;
}

#logo h1 a {
	display: block;
	padding: 10px 0px 0px 0px;
	letter-spacing: -2px;
	text-decoration: none;
	text-shadow: 1px 2px 0px rgba(0,0,0,1);
	text-transform: lowercase;
	font-size: 40px;
	color: #FFFFFF;
}
#logo h2 a{
	display: block;
	padding: 18px 0px 0px 0px;
	letter-spacing: -2px;
	text-decoration: none;
	text-shadow: 1px 2px 0px rgba(0,0,0,1);
	 
	font-size: 32px;
	color: #FFFFFF;
}

/** MENU */

#menu {
	float: right;
}

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

#menu li {
	float: left;
	margin-left: 20px;
}

#menu a {
	display: block;
	float: left;
	height: 40px;
	padding: 35px 15px 0px 15px;
	text-decoration: none;
	text-shadow: 1px 2px 0px rgba(0,0,0,.5);
	font-size: 14px;
	color: #8C8A8A;
}

#menu a:hover {
	text-decoration: underline;
}

#menu li.active a {
	background: #000000;
	color: #FFFFFF;
}

/** PAGE */

#page {
	overflow: hidden;
	padding: 50px 0px 0px 0px;
}

/** CONTENT */

#content {
	float: left;
	 
	text-shadow: 1px 1px 0px #FFFFFF;
}

#content h2 {
	padding: 0px 0px 20px 0px;
	letter-spacing: -1px;
	font-size: 30px;
	color: #3B3B3B;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 300px;
}

/** FOOTER */

#footer {
	overflow: hidden;
	height: 100px;
	background: url(images/footer-bg.png) repeat-x left top;
}

#footer p {
	margin: 0px;
	padding: 50px 0px 0px 0px;
	text-align: center;
	text-shadow: 1px 1px 0px #FFFFFF;
	font-size: 13px;
	color: #837F7F;
}

#footer a {
	color: #5E5C5C;
}

.sidebar-box {
	width: 240px;
	padding: 40px 30px;
	background-color: #FFFFFF;
	border: 1px solid #D8D8D8;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.1);
}

.sidebar-box h2 {
	padding: 0px 0px 25px 0px;
	letter-spacing: -2px;
	font-size: 22px;
	color: #3B3B3B;
}

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

.list-style1 li {
	padding: 0px 0px 15px 0px;
}

.list-style1 a {
	text-shadow: 1px 1px 0px #FFFFFF;
	color: #4B4B4B;
}

#bg1 {
	background: url(images/bg03.png) repeat;
}

#bg2 {
	overflow: hidden;
	padding: 50px 0px;
	background: url(images/footer-bg.png) repeat-x left top;
}

#three-cols {
	overflow: hidden;
}

  #three-cols h2 {
 
	 	padding: 0px 0px 20px 0px;
	letter-spacing: -1px;
	font-size: 30px;
	color: #3B3B3B;
}
 

#column1 {
	text-align:center; 
	float: left;
	width: 300px; 
	height:240px; 
	padding-right: 50px;
	 
}

#column2 {
	text-align:center; 
	float: left;
	width: 300px;
	height:240px; 
}

#column3 {
	text-align:center; 
	float: right;
	width: 300px;
	height:240px; 
}

#column11 {
	 
	float: left;
	width: 150px; 
	height:180px; 
	padding-right: 40px;
	 padding-bottom: 40px;
}

#column22 {
 
	float: left;
	width:800px; 
  height:180px; 
   padding-bottom: 40px;
}

 

.button1 {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 20px;
	background: url(images/button-bg.png) repeat;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	letter-spacing: -1px;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0,0,0,.3);
	font-size: 20px;
	color: #FFFFFF;
}

#banner {
	padding-top: 60px;
}




      /* jssor slider thumbnail navigator skin 07 css */
                /*
                .jssort07 .p            (normal)
                .jssort07 .p:hover      (normal mouseover)
                .jssort07 .pav          (active)
                .jssort07 .pav:hover    (active mouseover)
                .jssort07 .pdn          (mousedown)
                */
                .jssort07 .i {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 99px;
                    height: 66px;
                    filter: alpha(opacity=80);
                    opacity: .8;
                }

                .jssort07 .p:hover .i, .jssort07 .pav .i {
                    filter: alpha(opacity=100);
                    opacity: 1;
                }

                .jssort07 .o {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 97px;
                    height: 64px;
                    border: 1px solid #000;
                    transition: border-color .6s;
                    -moz-transition: border-color .6s;
                    -webkit-transition: border-color .6s;
                    -o-transition: border-color .6s;
                }

                * html .jssort07 .o {
                    /* ie quirks mode adjust */
                    width /**/: 99px;
                    height /**/: 66px;
                }

                .jssort07 .pav .o, .jssort07 .p:hover .o {
                    border-color: #fff;
                }

                .jssort07 .pav:hover .o {
                    border-color: #0099FF;
                }

                .jssort07 .p:hover .o {
                    transition: none;
                    -moz-transition: none;
                    -webkit-transition: none;
                    -o-transition: none;
                }


     
                    /* jssor slider arrow navigator skin 11 css */
                    /*
                .jssora11l              (normal)
                .jssora11r              (normal)
                .jssora11l:hover        (normal mouseover)
                .jssora11r:hover        (normal mouseover)
                .jssora11ldn            (mousedown)
                .jssora11rdn            (mousedown)
                */
                    .jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
                        position: absolute;
                        cursor: pointer;
                        display: block;
                        background: url(img/a11.png) no-repeat;
                        overflow: hidden;
                    }

                    .jssora11l {
                        background-position: -11px -41px;
                    }

                    .jssora11r {
                        background-position: -71px -41px;
                    }

                    .jssora11l:hover {
                        background-position: -131px -41px;
                    }

                    .jssora11r:hover {
                        background-position: -191px -41px;
                    }

                    .jssora11ldn {
                        background-position: -251px -41px;
                    }

                    .jssora11rdn {
                        background-position: -311px -41px;
                    }