* {
  margin: 0;
  padding: 0px;
}

body
{
background-image:url('img/background1.jpg');
background-repeat:repeat;margin:0 0 80px
} 

.header{
height: 80px; background-color:#2b2a2a}

.headercontainer {
  padding: 17px;
width: 900px;
margin: auto;
min-height: 100%;}

.nav {
  font-family: 'Montserrat', sans-serif;
  height: 80px;
  float: right;
  
  
}
.nav li {margin-top:12px;
  list-style: none;
  float: left;
  padding-left: 5px
}
.nav a {
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
margin-left: 40px;
  color: #dcdadb;
  display: inline;
}
.nav a:hover {
  transition: all 0.2s linear;
  color: #fff;
}

hr{margin-top:10px;margin-bottom:10px}
.weird {width:900px;margin-top: 0px;margin-bottom:2p5px;text-align:center;clear:both}
.weird hr{margin-top:15px}

.wrapper{
width: 900px;
margin: auto;
min-height: 100%;}

h2{font-family: 'Open Sans', sans-serif;text-align: center;color: #2b2a2a;}
.articlesh2 h2{font-family: 'Open Sans', sans-serif; text-align: left;color: #2b2a2a;}
.articlesh2 p{margin-top:10px;color: #2b2a2a;margin-bottom:50px;font-family: 'Open Sans', sans-serif;text-align:justify}
.articlesh2 a{font-family: 'Open Sans', sans-serif;text-decoration:none;color:#ef4036;}.articlesh2 a:hover{text-decoration:underline}
.articlesh2 img {margin-bottom:0px}

.info {margin-top:30px;height:600px; margin-bottom: 25px}
.info h2{font-family: 'Open Sans', sans-serif; text-align: left;color: #2b2a2a;}
.info h1{font-family: 'Open Sans', sans-serif; text-align: center;color: #2b2a2a;font-size:21px; width: 450px; float: right;margin-top: 10px}
.info p{margin-top:10px;color: #2b2a2a;margin-bottom:25px;font-family: 'Open Sans', sans-serif;float: left}
.info a{font-family: 'Open Sans', sans-serif;text-decoration:none;color:#ef4036;text-decoratiom:underline}.info a:hover{text-decoration:underline}
.info img {margin-bottom:50px; float:left}


.infocontact {float: left;background-color:#2b2a2a; width: 220px; height: 210px;margin-right:25px;margin-bottom:300px}
.infocontact h3{font-family: 'Open Sans', sans-serif; text-align: left;color: #fff;margin-left:15px;font-size:14px;padding-top:13px}
.infocontact p{;color: #fff;margin-bottom:10px;font-family: 'Montserrat', sans-serif; font-size:12px;margin-left:15px;}
.infocontact a{font-family: 'Montserrat', sans-serif;text-decoration:none;color:#ef4036;text-decoratiom:underline; font-size:12px}.infocontact a:hover{text-decoration:underline}

.weird h2{font-family: 'Open Sans', sans-serif; text-align: left;color: #2b2a2a;}
.weird img {margin-top:30px}




.viewcontainer {margin-top:100px}

.skills {margin-bottom:80px; margin-top: 30px;}
.skills a {	font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
color: #2b2a2a;margin-top:30px;margin-bottom:100px;
border: solid;padding:5px}
.skills a:hover {
  transition: all 0.2s linear;
  color: #666;
}


.skillsone {width:280px;float: left; margin-right:20px;font-family: 'Open Sans', sans-serif; list-style: none;text-align:center}
.skillsone li h2{padding: 20px}.skillsone li p{margin-top:10px;color: #2b2a2a;margin-bottom:20px;text-align:justify}
.skillstwo {width:280px;float: left; margin-right:20px;font-family:'Open Sans', sans-serif; list-style: none;text-align:center}
.skillstwo li h2{padding: 20px} .skillstwo li p{margin-top:10px;color: #2b2a2a;margin-bottom:20px;text-align:justify}.skillstwo a {margin-bottom:50px}
.skillsthree {font-family:'Open Sans', sans-serif; list-style: none;text-align:center; float:left;width:300px}
.skillsthree li h2{padding: 20px;}.skillsthree li p{margin-top:10px;color: #2b2a2a;margin-bottom:20px;text-align:justify} 

.footer{
background: #2b2a2a;

color: #fff;
clear:both}

.footercontainer h3{font-family: 'Open Sans', sans-serif; text-align: left;color: #fff;;font-size:14px;padding-top:0px;}
.footercontainer p{;color: #fff;margin-bottom:6px;font-family: 'Montserrat', sans-serif; font-size:12px;}
.footercontainer a{font-family: 'Montserrat', sans-serif;text-decoration:none;color:#ef4036;text-decoration:underline; font-size:12px;padding-right:10px}.footercontainer a:hover{text-decoration:underline;color:#fff}

.footercontainer3 p{;color: #fff;margin-bottom:6px;font-family: 'Open Sans', sans-serif; font-size:10px;}
.footercontainer3 a{font-family: 'Open Sans', sans-serif;text-decoration:underline;color:#fff; font-size:10px;padding-right:10px}.footercontainer3 a:hover{text-decoration:underline;color:#CCC}
.footercontainer3 {}
  

.footercontainer {
	padding-top:30px;
width: 900px;
height: 150px;
margin: auto;
min-height: 100%;}
.footercontainer1 {
	width:300px;float:left}
	.footercontainer2 {
	width:300px;float:left}
	
	
	
.articles{padding-bottom:20px;width:580px;float:left;margin-bottom:20px}
.articlesimg img{float:left; margin-right: 20px;margin-bottom:20px}	
.articlesimg {width:300px;height:0px}
.articles h3{font-family: 'Open Sans', sans-serif;text-align:left; text-transform:uppercase;color:#2b2a2a;}.articles h4{font-family: 'Open Sans', sans-serif;text-align:left; text-transform:uppercase;margin-bottom:10px;color: #ef4036;}
.articles p{margin-top:10px;color: #2b2a2a;margin-bottom:10px;font-family: 'Open Sans', sans-serif;text-align:justify;}
.articles a{font-family: 'Montserrat', sans-serif;text-decoration:none;color:#ef4036; font-size:12px;}.articles a:hover{text-decoration:underline}



/* Silder Start */
pre{
  font-family: 'Montserrat', sans-serif;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: whiteSmoke;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#container h2 {padding: 50px}

#container{clear:both;
  max-width:900px;
  margin:25px auto;
  padding-bottom:80px;
 
}

#banner-fade,
#banner-slide{
  margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a{
  font-family: 'Montserrat', sans-serif;
  font-size:13px;
  font-weight:400;
  display:block;
  padding:10px;
  background:#fff;
  color:#000;
  text-decoration: none;
}
ul.bjqs {text-align:center}

ul.bjqs img {
    height:100%
}

ul.bjqs-controls.v-centered li a:hover{
  background:#000;
  color:#fff;
}

ol.bjqs-markers li a{
  font-family: 'Montserrat', sans-serif;
  font-size:11px;
  padding:5px 10px;
  background:#000;
  color:#fff;
  margin:5px;
  text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
  background: #999;
}

p.bjqs-caption{
	  font-family: 'Montserrat', sans-serif;
  font-size:13px;
  background: rgba(255,255,255,0.7);
}