html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.wrapper{width: 960px; margin: 0px auto;}
body{
    background: #699660;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#699660), to(#c2bcb9));
    background: -webkit-linear-gradient(#699660, #c2bcb9);
    background: -moz-linear-gradient(#699660, #c2bcb9);
    background: -ms-linear-gradient(#699660, #c2bcb9);
    background: -o-linear-gradient(#699660, #c2bcb9);
    background: linear-gradient(#699660, #c2bcb9);
}

#top{width: 100%; padding: 10px 0px; background: #f36e21; border-bottom: 2px solid #fff;}
.logo{text-align: center; font-family: 'mothproofscriptregular'; font-size: 50px;}

#menu{width: 100%; height: 70px; background: #272735; border-bottom: 2px solid #fff;}
#menu li{float: left;font-weight: bold; margin-right: 20px;}
#menu li a{color: #dfdfeb; text-decoration: none; padding: 27px; display: block;}
#menu li a:hover{background: #fff; color: #272735;}
.active{background: #fff;}
.menu-wrap{width: 960px; margin: 0px auto;}

#slider{height: 600px; overflow: hidden;}

#content{padding: 20px; color: #ddd; min-height: 470px;}
#content img{width: 150px; height: 75px;}
#content li{float: left; width: 200px; height: 270px; margin-right: 40px;}
#content p{margin-bottom: 10px; line-height: 20px;}
#content p a{text-decoration: none; color: #7a7a84;}
#content p a:hover{text-decoration: none; color: #bfbfcc;}
.last{margin-right: 0px !important;}
.project-number{width: 75px; height: 40px; background: #699660; border-radius: 15px; text-align: center; color: #fff;font-size: 40px; margin-bottom: 10px; margin-left: 31px;}

#footer{width: 100%; height: 50px; background: #699660; border-top: 1px solid #fff;}
.footer-nav{float: left;}
.footer-nav li{float: left; margin-right: 20px; margin-top: 20px; font-size: 12px;}
.footer-nav li a{color: #000; text-decoration: none;}
.footer-nav li a:hover{color: #ddd;}
.copyright{float: right; margin-top: 20px; font-weight: bold;}




@font-face {
    font-family: 'mothproofscriptregular';
    src: url('../font/mothproof_script-webfont.eot');
    src: url('../font/mothproof_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/mothproof_script-webfont.woff') format('woff'),
         url('../font/mothproof_script-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


.asd{background: #272735; position: relative;}
table td{padding: 11px;border-bottom: 1px solid #ddd;}

.address{width: 350px; float: left;}
.address h1{font-size: 35px; border-bottom: 1px solid #ddd; font-weight: bold; margin-bottom: 10px;}

.contact-form{margin-left: 10px; width: 500px; float: right;}
.contact-form h1{font-size: 35px; border-bottom: 1px solid #ddd; font-weight: bold;}
.contact-text{width: 370px; padding: 20px; border-radius: 10px; color: #918c8c; margin-top: 10px; font-size: 15px;}
.contact-text:focus{border: 1px solid #F36E21;border-radius: 10px;}
.contact-btn{width: 170px; height: 34px; margin-top: 13px; margin-left: 25px; border-radius: 10px;}

.project-image{margin: 0 auto;}


#main{padding: 20px; color: #000;width: 672px; background: #fff; min-height: 800px;}
#main p{margin-bottom: 20px; line-height: 25px;}


#sidebar{float: right; width: 250px; height: 100%; background: #ddd; position: absolute; right: 0; top: 0; border-left: 3px solid #efefef;}
.sidebar-logo{padding: 10px;}
.sidebar-logo img{border-radius: 10px;}
.sidebar-link ul{background: #fff; border-radius: 10px;}
.sidebar-link {padding: 10px;}
.sidebar-link li a{text-decoration: none; border-radius: 10px; color: #000; display: block; padding: 15px 0px; border-bottom: 2px solid #ddd; padding-left: 5px;}
.sidebar-link li a:hover{border-bottom: 2px solid #efefef; padding-left: 3px;}

.projects-page li{float: left; padding: 4px; background: #d9c693; margin-right: 10px; border-radius: 10px; margin-bottom: 10px;}
.projects-page li:hover{background: #c7b586;}
.projects-page li img{border-radius: 10px;}

#references-paging{margin-bottom: 20px;}
#references-paging a{display: block; padding: 10px; float: left; background: #699660; margin-bottom: 20px; margin-right: 10px; color: #fff; text-decoration: none;}