article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display:block;
}
mark, rp, rt, ruby, summary, time {
	display:inline;
}
body {
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em;
	color:#242424;
}
html {
	min-width:1000px;
}
html, body {
	height:100%;
}
.container {
	margin:0 auto;
	position:relative;
	width:1000px;
	font-size:.8125em;
	background-color:#eaeaea;
}

header {
	height:72px;
	overflow:hidden;
	background:url(../images/header-bg.gif) 0 0 repeat-x;
}
#gallery {
	height:496px;
	overflow:hidden;
	background:url(../images/gallerry-bg.gif) 0 0 repeat-x;
}
#content {
	float:left;
	width:572px;
}
aside {
	float:left;
	width:302px;
	margin-right:52px;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.clear {
	clear:both;
}
.col-1, .col-2, .col-3 {
	float:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.wrapper {
	width:100%;
	overflow:hidden;
}
.inside {
	padding:32px 37px 50px 37px;
}
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}
figure {
	margin-bottom:18px;
}
.img-indent {
	margin:0 20px 0 0;
	float:left;
}
.img-box {
	width:100%;
	overflow:hidden;
	padding-bottom:15px;
}
.img-box figure {
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
.extra-wrap {
	overflow:hidden;
}
p {
	margin-bottom:18px;
}
.p1 {
	margin-bottom:9px;
}
.p2 {
	margin-bottom:18px;
}
.p3 {
	margin-bottom:27px;
}
a {
	color:#f27f02;
	outline:none;
}
a:hover {
	text-decoration:none;
}
.sysh1 {
	font-size:34px;
	line-height:1.2em;
	color:#fff;
	font-weight:normal;
	/*background:url(../images/logo.jpg) no-repeat 0 0;*/
	padding:6px 0 8px 69px;
	position:absolute;
	left:39px;
	top:6px;
}
.sysh1 a {
	color:#fff;
	text-decoration:none;
	text-justify: bold;
}
h4{
	font-size: 34px;
	line-height: 1.2em;
	color: #fff;
	font-weight: normal;
	/*background: url(../images/logo.jpg) no-repeat 0 0;*/
	padding: 6px 0 8px 69px;
	position: absolute;
	left: 14px;
	top: -2px;
	width: 299px;
	height:64px;

	}
	

	


#imgtorotate{
-webkit-transition: all .9s ease-out;
-moz-transition: all .9s ease-out;
-ms-transition: all .9s ease-out;
-o-transition: all .9s ease-out;
transition: all .9s ease-out;
	}
#imgtorotate:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);  	
	}
	
h2 {
	font-size:30px;
	line-height:1.2em;
	font-weight:normal;
	color:#212222;
	margin-bottom:22px;
}
h2 span {
	color:#8a8a8a;
}
/*h3 {
	font-size:1em;
	margin-bottom:6px;
}
h3 a {
	color:#242424;
}
h3 a:hover {
	text-shadow:1px 1px 1px #888;
}*/
.main-box {
	border-top:5px solid #eaeaea;
	background:#fff;
	width:100%;
}

.mybox{
	background:#eaeaea;
	width:100%;
	overflow:auto;
	height:auto;
    min-height: 1000px;
}

.contacts {
	padding-bottom:20px;
}
.contacts li {
	width:100%;
	overflow:hidden;
}
.contacts li strong {
	float:left;
	width:95px;
}
.list1 {
	margin-left:12px;
	padding-bottom:18px;
}
.list1 li {
	background:url(../images/arrow1.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
}
header nav {
	float:right;
}
header nav ul li {
	float:left;
}
header nav ul li a {
	font-size:22px;
	color:#fff;
	height:67px;
	line-height:67px;
	text-decoration:none;
	width:101px;
	text-align:center;
	float:left;
	background:#433b8f;
	background-image:gradient(top, #383282, #484095);
	background-image:-moz-linear-gradient(top, #383282, #484095);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #383282), color-stop(1, #484095));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')";
}
header nav ul li a.current, header nav ul li a:hover {
	padding-bottom:5px;
}
header nav ul li:nth-of-type(2) a {
 background:#0184cd;
 background-image:-moz-linear-gradient(top, #017bc8, #018ed3);
 background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #017bc8), color-stop(1, #018ed3));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3');
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3')";
}
header nav ul li:nth-of-type(3) a {
 background:#7cbc19;
 background-image:-moz-linear-gradient(top, #73b515, #86c31d);
 background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #73b515), color-stop(1, #86c31d));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d');
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')";
}
header nav ul li:nth-of-type(4) a {
 background:#ffbc00;
 background-image:-moz-linear-gradient(top, #ffb500, #ffc300);
 background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb500), color-stop(1, #ffc300));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300');
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')";
}
header nav ul li:nth-of-type(5) a {
 background:#f07502;
 background-image:-moz-linear-gradient(top, #ee6c01, #f27f02);
 background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ee6c01), color-stop(1, #f27f02));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02');
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')";
}
header nav ul li:nth-of-type(6) a {
 background:#d00110;
 background-image:-moz-linear-gradient(top, #d00110, #da0116);
 background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d00110), color-stop(1, #da0116));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116');
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')";
}
.roundabout-holder {
	width:850px;
	height:496px;
	margin:0 auto;
}
.roundabout-moveable-item {
	width:50%;
	height:70%;
	cursor:pointer;
	/*border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);*/
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.roundabout-moveable-item img {
	width:100%;
}
.roundabout-in-focus {
	/*border:3px solid rgba(0, 0, 0, 0.2);*/
}
#content {
}
#content img, aside img {
	border:3px solid #ebebeb;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#content img:hover {
	border-color:#bbb;
}
.news li {
	overflow:hidden;
	position:relative;
	padding:0 0 26px 84px;
}
.news li:last-child {
	padding-bottom:0;
}
.news li figure {
	width: 59px;
	height: 59px;
	background: url(../images/date-bg1.gif) no-repeat 0 0;
	position: absolute;
	left: 1px;
	top: -1px;
	text-align: center;
	border: 3px solid #ebebeb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
}
.news li figure strong {
	display:block;
	font-size:30px;
	line-height:1.2em;
	margin-bottom:-7px;
	padding-top:4px;
}
.news li:nth-of-type(4n+2) figure {
 background:url(../images/date-bg2.gif) no-repeat 0 0;
}
.news li:nth-of-type(4n+3) figure {
 background:url(../images/date-bg3.gif) no-repeat 0 0;
}
.news li:nth-of-type(4n+4) figure {
 background:url(../images/date-bg4.gif) no-repeat 0 0;
}
.team-list li {
	width:100%;
	overflow:hidden;
	padding-bottom:43px;
}
.team-list li:last-child {
	padding-bottom:0;
}
.team-list li figure {
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
#loopedSlider .wrap {
	width:295px;
	height:295px;
	overflow:hidden;
	position:relative;
}
#loopedSlider .slides {
	position:absolute;
	top:0;
	left:0;
}
#loopedSlider .slides div {
	position:absolute;
	top:0;
	width:295px;
	display:none;
}
#loopedSlider {
	width:295px;
	position:relative;
	clear:both;
}
#loopedSlider .nav-controls {
	width:100%;
	overflow:hidden;
	padding-top:10px;
}
#loopedSlider li {
	display:inline;
}
#loopedSlider li a.previous {
	float:left;
}
#loopedSlider li a.next {
	float:right;
}
#contacts-form {
	clear:right;
	width:100%;
	overflow:hidden;
}
#contacts-form fieldset {
	border:none;
	float:left;
}
#contacts-form .field {
	clear:both;
}
#contacts-form label {
	float:left;
	width:110px;
	line-height:18px;
	padding-bottom:6px;
	font-weight:bold;
}
#contacts-form input {
	width:205px;
	padding:1px 0 1px 3px;
	background:none;
	border:1px solid #e5e5e5;
	color:#616161;
	float:left;
}
#contacts-form input:invalid {
 border-color:red;
}
#contacts-form textarea {
	width:450px;
	height:215px;
	padding:1px 0 1px 3px;
	background:none;
	border:1px solid #e5e5e5;
	color:#616161;
	margin-bottom:12px;
	overflow:auto;
	float:left;
}
#contacts-form div:last-child {
	padding-left:110px;
}
footer {
	height:10%;
	padding:0 0 0 0;
	
	color:#ccc;
	
}
.footerlink {
	 margin:0 0 0 0;
	width:100%;
	overflow:hidden;
	alignment-adjust:middle;
        background: #212222;
        height:100%;
         border-top:5px solid #eee;
}
.footerlink p {
	margin:0;
	padding:25px;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
	color:#ccc;
	alignment-adjust:middle;
        font-weight: normal;
        font-size:.8125em;
}
.footerlink a {
	color:#ccc;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:underline;
	background-color:transparent;
}
.footerlink a:hover {
	color:#ccc;
	background-color:transparent;
	text-decoration:none;
}
.footerlink .lf {
	margin-left:40px;
}
.footerlink .rf {
	float:right;
	margin-right:50%;
}
a {
	outline:none;
}
.foot{
		text-align:center;
			
}


.footer1{
   
    background-color: #212222;
}
.myh1{
	display:inline;
	border-bottom: 1px solid #333;
  font-size: 32px;
  color: #fff;
  padding-bottom: 12px;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
	
	}
	
	.logo{
	float:left;
	padding-left:0;	
		}
		
		.col {
  width: 320px;
  float: left;
  margin-right:32px;
  margin-bottom: 16px;
}
.c3 {
  margin-right:0;
}

h3{
  margin: 0;
  background-color: rgb(228,10,85);
  background-image: linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
  background-image: -o-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
  background-image: -moz-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
  background-image: -webkit-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
  background-image: -ms-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
}

h3 a {
  background: url(sprite.png) 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid rgba(128, 10, 85, 0.5);
  text-shadow: 1px 1px 1px rgb(128,10,85);
}
h3:hover { background: rgb(228,10,85); }
h3.open  { background: rgb(255,70,120); }
h3.open a { background-position: 13px -25px;}
h3 + div { padding: 10px; }
h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
#css3-animated-example h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
  padding: 10px;
}

#css3-animated-example h3.open + div {
  height: auto;
  background: #919fad;
}
/*----------------*/
#css3-animated-example1 h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example1 .content {
  padding: 10px;
}

#css3-animated-example1 h3.open + div {
  height: auto;
  background: #919fad;
}

/*

*/
#css3-animated-example2 h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example2 .content {
  padding: 10px;
}

#css3-animated-example2 h3.open + div {
  height: auto;
  background: #919fad;
}
/*----------------*/
#css3-animated-example3 h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example3 .content {
  padding: 10px;
}

#css3-animated-example3 h3.open + div {
  height: auto;
  background: #919fad;
}
/*----------------*/
#css3-animated-example4 h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example4 .content {
  padding: 10px;
}

#css3-animated-example4 h3.open + div {
  height: auto;
  background: #919fad;
}
/*----------------*/
#css3-animated-example5 h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example5 .content {
  padding: 10px;
}

#css3-animated-example5 h3.open + div {
  height: auto;
  background: #919fad;
}
/*

*/
/*------------------*/
/* Event example
--- */
pre#event-log {
  background: #fafacc;
  padding: 10px;
  display: block;
}
/* responsive design*/
@media screen and (max-width: 1056px) {
  body {
    width: 1056px;
  }
  .c2 {
    margin-right: 0;
    margin-bottom: 0;
  }
}

@media
only screen and (max-width: 704px),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
  body {
    width: 1000px;
  }
  .c1 {
    margin-right: 0;
    margin-bottom: 0;
  }
  h1 {
    font-size: 28px;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.7);
  }
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
  body {
    padding: 0 12px;
  }
}


/*my classes*/
.new1{
    width:100%;
    margin:0 auto;
    
}
.new2{
    width:70%;
    margin:0 0;
    padding:20px 20px 20px 70px;
    float:none;
    
}
.new5{
    margin:0 auto;
    width:80%;
}

.new6{
    margin:0 auto;
    width:80%;
    
}
.new3{
   
    width:100%;
    padding: 30px;
    
    

}

.new4{
    width:100%;
    margin:0 auto;
    padding:10px 30px;
}
.image{
    padding:10px 50px 10px 110px;
    
}
.new3_left{
    
    float:left;
}

.new3_right{
    float:right;
    
}

.new4_left{
    float:left;
    
}

.new4_right{
    floar:rihgt;
    padding-left:390px;
}
h2 a:hover{
    background-color: #d00110;
    color:white;
}
.inside_in{
    background-color: #c3c3c3;
    background-position: center;
    padding:10px;
    height:available;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.contentbox span a:hover{
    background-color:#c3c3c3;
    color:red;
}

.foot a{
	color:orange;
}

.foot1 a:hover{
	color:#005580;
}
.footer1{
	background-color:#212222;
	width:100%;
	height:10%;
	border-top:5px solid #eee;
	position:relative;
}

.footerlink1{
	text-align:center;
	position:relative;
	font-weight:normal;
	font-size:.8125em;
}
.footerlink1 p{
	color:#ccc;
	alignment-adjust:middle;
}
.foot1{
	text-align:center;
	padding-top:2%;
}

/*end my classes*/