/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'lato', sans-serif; font-size: 12px; color: #8c806e; }

input, select, textarea { font-family: 'lato', sans-serif; font-size: 12px; color: #8c806e; }

body { background: #fff; }

img { border: 0px; display: block; transition: all 0.5s ease-in-out; -webket-transition: all 0.5s ease-in-out; }

a, input { outline: none; transition: all 0.5s ease-in-out; -webket-transition: all 0.5s ease-in-out; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

h1, .h1, h2, .h2, h3, .h3 { margin:0 auto;}







.left { float:left;}
.right { float:right;}

#main{ overflow:hidden; }
header { display:inline-block; }
#headerblock { overflow:hidden; background-color:#ffffff; padding:20px 0 20px 0;}
.container{width:1000px;  }


.navigation {background-color:#333333;}

.navigation ul {list-style:none; margin:0 auto 0 20px;padding:0;}
.navigation ul li {list-style:none; margin:0 auto; display:inline-block; padding:0; }
.navigation ul li a {font-family: 'Roboto'; font-size:16px; color:#ffffff; padding:10px 20px 15px 20px;display:inline-block;  margin:0 auto;   border-top:5px solid #333333;}
.navigation ul li a:hover { border-top:5px solid #f7c51e;}
.navigation ul li.bgnone { background-image:none;}

#midgallerybox  {overflow:hidden; background:url(../images/bggallerybox.png) left top repeat;}
.pad { padding:20px 0 20px 0;}


#textfill {overflow:hidden; background-color:#ffffff; padding:40px 0 30px 0;}
#textfill p {font-family: 'lato'; font-weight:normal; font-size:16px; color:#333333; margin:0 auto 15px auto;}
#textfill h1 {font-family: 'lato'; font-weight:normal; font-size:24px; color:#333333; margin:0 auto 10px  auto; display:block; background-color:#cccccc; padding:5px 10px; border-bottom:1px solid #666666; }


img.imgpub {width:120px; height:110px; float:left; margin-right:15px; border-radius:5px;}


#projectsbox{overflow:hidden;  background:url(../images/shed.png) left top repeat-x; padding:10px 0 0 0;}
#projectsbox h1 {font-family: 'lato'; font-weight:bold; color:#7a2020; font-size:40px;}
#projectsbox h1 span{ font-weight:300;}
#textfill h3 {font-family: 'lato'; font-weight:normal; font-size:18px; color:#333333; }

#footerbox{overflow:hidden;  background-color:#333333; padding:15px 0 15px 0; text-align:center;}
#footerbox h5 {font-family: 'lato'; font-weight:normal; color:#ffffff; font-size:16px;}
.fixwith { width:66%; }
.slidemin { display:block; width:100%; overflow:hidden;}
.margintop { margin-top:10px; float:left;}
.bannerblockdiv { width:80%; margin:0 auto; background-color:#ccc;  z-index:9;  position:absolute;}
.bannertext { width:52%; position:absolute; right:0; z-index:10; background:url(../images/bg.png) left top repeat;   -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; padding:10px 25px; text-align:right; top:220px;}


.bannertext h2 { margin:0 auto; font-family: 'lato'; font-weight:300; color:#ffffff; font-size:35px;}
.bannertext h1 { margin:2px auto; font-family: 'lato'; font-weight:bold; color:#ffffff; font-size:40px;}
.social { float:right;}
.smbanner { width:100%; overflow:hidden; }

.project { width:100%; overflow:hidden;}
.project ul { font-size: 14px; }
.project p { text-align: justify; }
.project a { color: #4F5BE8; }
.project { font-size: 14px; }

.project h3 {font-family: 'lato'; font-weight:normal; font-size:18px; color:#333333; margin:0 auto; }
#textfill .project p { font-size:15px; margin-top:10px;}

ul.com1 { margin-top:15px;}
ul.com1 li{ list-style:none; line-height:18px; padding:0 0 10px 15px; background:url(../images/icon1.jpg) left 5px no-repeat;}

ul.com2 { margin-top:15px;}
ul.com2 li{ list-style:none; line-height:18px; padding:0 0 10px 15px; background:url(../images/icon2.jpg) left 5px no-repeat;}
table {    border-collapse: collapse;    border-spacing: 0;}
table tr td {padding:10px; border:1px solid #cccccc;}
ol.com3 { margin-left:20px;} 
.midblock {width:94%; overflow:hidden; border:1px solid #cccccc; padding:20px; margin:0 auto 0 auto;-webkit-box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.50);
-moz-box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.50);
box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.50);}
.midnav {width:94%;  padding:0 20px; margin:0 auto 0 auto;}
.smbanner img { width:100%;}
.main { width:620px; margin:0 auto;}

/*.flexslider .slides img { width: auto!important; }*/

table.boxbord tr td { padding:10px 10px; border:0; border-bottom:1px solid #cccccc;}
.pad { padding:0;}
.evblock { width:100%; overflow:hidden;}
.eventaddblock { width:100%; overflow:hidden; padding:10px 0 20px 0;}
.eventaddblock ul { margin:0 auto; padding:10px 0 20px 0; }
.eventaddblock ul li{ padding:0 0 0 12px; line-height:27px; list-style:none; background:url(../images/icon2.jpg) left 9px no-repeat;}
.eventaddblock ul li a{ font-size:14px; color:#333333; text-decoration:none; font-weight:bold;}
.eventaddblock ul li a:hover { color:#1284AD;}
.eventaddblock .video { padding-left: 20px; margin-left: 10px; display: inline-block; background: url(../images/play.jpg) left center no-repeat;   }   

@media only screen and (min-width: 1100px) and (max-width: 1365px) { }


@media only screen and (min-width: 960px) and (max-width: 1100px) {
	
		.bannertext { width:67%;  top:120px;}
		 .smbanner img{ width:100%;}

		
		
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.bannerblockdiv { width:85%; }
	.bannertext { width:82%;  text-align:center; top:50px;}

	
 .smbanner img{ width:100%;}
 
#fdw nav ul li { margin-left:0;}
 .navigation ul li a { padding-left:9px;  padding-right:9px;}
	 }


 /* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.bannerblockdiv { width:100%;}
	.bannertext { width:100%; top:10px; text-align:center;}
	.flexslider .slides img { height:auto;}
	.flex-direction-nav .flex-next { left:90%;}
	.bannertext h2 { font-size:25px;}
#textfill { padding:20px 10px 20px 10px;}
.container{ width:100%;}
header { text-align:center;}
.social img { width:90%; margin:0 auto; text-align:center;}
	.margintop img { margin:0 auto 20px auto;  text-align:center;}
	.margintop { float:none; overflow:hidden;}
	.social { float:none;}
	.main { width:90%; margin:0 auto;}
	.smbanner img { width:100%;}
 .flexslider .slides img { height:100%;}
 .slidemin { height:200px;}
.midblock2 { width:100%; overflow:scroll;}
 
	}