body {
	background-color:#fff;
	color:#666;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
a {
	text-decoration:none;
}
a {
	color:#646464;
}
a:hover {
color:#111;	
}
h3 {
	font-weight: normal}

.container{
}
.frame{
	border-radius: 4px;
	border: 1px solid #838b78;
	min-height: 500px;
	margin-top: 80px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 1200px;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 20px;
}
.frame .logo {
	position: absolute;
	width: 350px;
	height: auto;
	top: -49px;
	left: 50%;
	margin-left: -173px;
	text-transform: uppercase;
}


.menu {
	font-family:"Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	width: 100%;
	text-align: center;
	font-size: 12px;
	margin-top: 28px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height:18px;
}
.menu a {
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	color:#888;
}
.menu a:hover {
color:#111;	
}
.home {
	text-align:center;
	max-width:400px;
	font-size: 16px;
line-height:22px;	
margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;	
	
}
.project {
	text-align:center;
	max-width:600px;
	font-size: 16px;
line-height:22px;	
margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;	
	
}
.content {
	font-family:
font-size: 14px;
line-height:24px;
}
.contact_space {
padding-left:25px;
padding-right:25px;
display:inline-block	
}

.left_pict {
	float: left;
	margin-right: 4%;
	margin-bottom: 20px;
	width:25%;
	max-width:250px;
}
.left_pict img {
	width:100%;
}
.projects_frame {
	text-align:center;
width:966px;
margin-left:auto;
margin-right:auto;	
}
.projects_box {
	float: left;
	width: 280px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #9E9E9E;
	border-radius: 2px;
	text-align:center;
}
.projects_pict {
	background-repeat: no-repeat;
	background-size: cover;
	width: 280px;
	height: 180px;
	background-position: center;
}
.projects_title {
font-size: 14px;	
padding-top:10px;

}
.projects_box a{
color:#646464;	
}

.contact {
	font-family:"Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.footer {
text-align:center;
margin-right:auto;
margin-left:auto;
width:70%;
}

.bottom_contact, .bottom_contact a {
padding-top:10px;
color: #7f8a6f;
font-size: 14px;
}

.copyright {
	padding-top:6px;
color: #a7a9ac;
font-size: 10px	;
text-align:center;
}
@media screen and (max-width: 1097px) {
.projects_frame {
width:644px;	
}
.projects_box {
	margin-top: 10px;
	margin-bottom: 10px;
}		
}

@media screen and (max-width: 800px) {
	
.menu {
	font-size: 14px;
	line-height:18px;
}
.left_pict {
	
	margin-right: 4%;
	margin-bottom: 15px;
	width:35%;
}		
}

@media screen and (max-width: 733px) {
.projects_frame {
width:322px;	
}
.projects_box {
	margin-top: 7px;
	margin-bottom: 7px;
}
}

@media screen and (max-width: 481px) {
	
.frame{
	border-radius: 2px;
	margin-top: 50px;
	margin-bottom: 10px;
	width: auto;
	padding-left: 2%;
	padding-right: 2%;
	min-height: 400px;
	margin-left: .6%;
	margin-right: .6%;

}
.frame .logo {
	position: absolute;
	width: 280px;
	max-width:280px;
	height: auto;
	top: -38px;
	left: 50%;
	margin-left: -140px;
	text-transform: uppercase;
}


.menu {
	font-family:"Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;

	line-height:28px;
}



.project {
	text-align:center;
	max-width:600px;
	font-size: 16px;
line-height:22px;	
margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;	
	
}


.left_pict {;
	margin-right: 4%;
	margin-bottom: 15px;
	width:50%;
}

.projects_frame {
width:282px;
margin-left:auto;
margin-right:auto;	
}

.projects_box {
	width: 270px;
	max-width: 280px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border: 1px solid #9E9E9E;
	border-radius: 2px;
	text-align:center;
}
.projects_pict {
	background-repeat: no-repeat;
	background-size: cover;
	width: 270px;
	height: 165px;
	background-position: center;
}
.projects_title {
font-size: 16px;	
padding-top:8px;

}
.projects_box a{
color:#646464;	
}

.contact {
	font-size: 22px;
	line-height:40px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
}
.contact_space {
padding-left:15px;
padding-right:15px;	
}

.footer {
text-align:center;
margin-right:auto;
margin-left:auto;
width:70%;
}

.bottom_contact, .bottom_contact a {
padding-top:10px;
color: #7f8a6f;
font-size: 14px;
}

.copyright {
	padding-top:6px;
color: #a7a9ac;
font-size: 10px	;
text-align:center;
}
	
	
}



/* slideshow ------          */
.jssort01 .w {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }

                .jssort01 .c {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 68px;
                    height: 68px;
                    border: #fff 2px solid;
                }

                .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
                    background: url(/JssorSlider/img/t01.png) center center;
                    border-width: 0px;
                    top: 2px;
                    left: 2px;
                    width: 68px;
                    height: 68px;
                }

                .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
                    top: 0px;
                    left: 0px;
                    width: 70px;
                    height: 70px;
                    border: #fff 1px solid;
                }
           
             <!-- Arrow Navigator Skin Begin -->

            /* jssor slider arrow navigator skin 05 css */
           
            .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(/JssorSlider/img/a17.png) no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }