@charset "utf-8";

/*-- Global
----------------------------------------------------------------------*/

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

html {
	font-size:62.5%;
}

body {
	width:100%;
	/* background-color:#131313;*/
	background-color:#000;
}


/*-- Header Section
----------------------------------------------------------------------*/

#image-banner {
	background:url(../img/banner.jpg) repeat-x center;
	height:248px;
	margin-top:4px;
}
#central-links {
	margin-top: -277px;
	position: relative;
}
#link1, #link2, #link3 {
	height:25px;
}
#link4, #link5, #link6 {
	height:52px;
}
#link1 {
	background:rgba(18, 18, 18, 0.6);
}
#link2 {
	background:rgba(18, 18, 18, 1);
}
#link3 {
	background:rgba(18, 18, 18, 0.6);
}
#link4, #link4 a {
	background:#fff;
	color:#231f20
}
#link5 {
	background:#b4a3a0;
}
#link6 {
	background:#4c4c4c;
}
#central-links div a {
	display: block;
	width: 100%;
	height: inherit;
	line-height: 52px;
}
#link4 a:hover {
	color:#b4a3a0;
}
#link5 a:hover {
	color:#4c4c4c;
}
#link6 a:hover {
	color:#b4a3a0;
}

/*-- Content Section
----------------------------------------------------------------------*/
	
#content {
	min-height:200px;
padding: 2% 0;
}
#content_box {
	padding-top:2%;
	padding-bottom:2%;
}
#sub_heading {
	border-bottom:1px solid #424242;
}
#project_gallery {
	padding-top:2%;
	padding-bottom:2%;
}


/*-- Footer Section
----------------------------------------------------------------------*/
	
#footer {
	background-color:#fff;
	min-height:80px;
}
#footer_text {
	padding-top:2%;
}

/*-- media queries Section
----------------------------------------------------------------------*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}