@charset "utf-8";
/* CSS Document */
body{margin:0px;
	padding:0px;
	background:#eaeaea;
	font: 13px/18px;
	font-family:book antiqua;

font-weight: normal;
font-style: normal;
}
#wrapper{
	width:100%;
	height:100%;
	
}
#header{
	min-height:100px;
	background:#FFF;
	width:100%;
	border-bottom:1px solid #461806;
}
#logo{
	padding-left:50px;
	}
#logotop{
	margin-top:25px;
	
}
/*#logo img{
	
	height:100px;
	width:300px;
}*/
#main{
	
overflow: hidden;
margin: 0px auto 0;
width: 1000px;
height: auto;
	
}

#socialicons{
	float:right;
	margin-right:20px;
}
#socialicons a img{height:30px; 
	width:30px;
	padding:3px;
}
#navigation{
	height:49px;
	background:url(../images/bg.gif) repeat-x #461806;
	
	
}
.fixnavigation{ z-index: 9999; position: fixed; left: 0; top: 0; }
.fixnavigation #main ul{list-style-type: none;

margin:0px;
}
#navigation ul{
	margin:0 auto;
	margin-left:50px;
	position:relative;	
}
.menuul{
list-style-type: none;
margin-left:200px;
width:900px;
}

#navigation ul li a{
	margin-top:0px;
	float:left;
	list-style:none;
	color:#FFF;
	padding:14px 30px 14px 30px;
	
	}
#navigation ul li:hover,#navigation ul li:hover a{
	background:#FFF;
	color:#461806;
	
}
#navigation ul li.active,#navigation ul li.active a{
	background:#FFF;
	color:#461806;
	border-left:1px solid #461806;
	border-right:1px solid #461806;
}
a li#end{
	border-right:0px;;
}
#navigation a{
	text-decoration:none;
	color:#461806;
}
.clear{
	clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    text-indent: -4000px;
}


.middle{
	width:960px;	
	background:#FFF !important;
	display:inline-block;
	padding:20px;
}
#portpolio{
	width:290px;
	float:left;
	margin:15px;
	border: 1px solid #999;
	box-shadow: 5px 5px 5px #888888;
}
#portpolio h1{
	background:#8A0808;
	color:#FFF;
	width:100%;
	margin:0;
	height:30px;
	text-align:center;
	text-transform:uppercase !important;
	padding-top:10px;
}
p{
	text-align:justify;
	padding:10px;
	margin:0px;
}
h3{
	color:#0F7BC4;
	position:relative;
	overflow:hidden;
	font-size:21px;
	

}
h3:after {
position: absolute;
bottom: 5px;
margin-left: 10px;
width: 95%;
height: 5px;
border-top: 1px solid #461806;
border-bottom: 1px solid #461806;
content: '';
}
#contact{
	width:500px;
	height:200px;	
	display:inline-block;
}
#footer{
	background:url(../images/bg.gif);
	width:100%;	
	min-width:300px;
	min-height:60px;
	color:#FFF;
}
.required{
	color:red;
	font-size:20px;
	}

#copy{
	
	float:right;
	padding-top:25px;
	padding-right:20px;
	line-height:20px;
	font-size:14px;
}
.poweredby{
	float:left;
	padding-top:25px;
	line-height:20px;
	font-size:14px;
}
#contactform input[type="text"] {width:55%;}

#contactform .cmsms-form-builder textarea {width:88%;}

input[type="text"],
textarea,
input[type="password"], 
select {
	overflow:hidden;
	margin:0 0 5px;
	padding:5px;
	
	height:20px;
	z-index:1;
	border:1px solid rgba(15, 123, 196, 0.46);
	background-color:#f7f7f8;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

input[type="password"] {margin:0 0 20px;}

textarea {width:100%;
			min-height:50px;
			}

select {padding-top:8px;}

select option {
	height:30px;
	padding:7px 10px 5px;
	background-color:#f7f7f8;
}
input[type="submit"] {
	width:100px;
	background-color: #ededed;
	padding:10px;
	border: 1px solid #ccc;
	color: #333;
}
@media only screen and (max-width :420px) {
	#logo{
	background:url(../images/nsbcs.png);
	height:80px;
	width:100px;
	background-position:center;
	float:left;		
	background-repeat:no-repeat;
	background-size:contain !important;
} 
	#main{
		width:1000px;
		}
body{width:auto;}
#navigation{
	height:49px;
	background:url(../images/bg.gif);;
}
.fixnavigation{ z-index: 9999; position: fixed; left: 0; top: 0; }
.fixnavigation #main ul{list-style-type: none;

margin:0px;
}
#navigation ul{
	margin:0 auto;
	position:relative;	
}
.menuul{
list-style-type: none;
margin-left:10px;
width:400px;
}
#navigation ul li a{
	margin-top:0px;
	float:left;
	list-style:none;
	color:#FFF;
	padding:15px 0px 15px 0px;
	border-right:1px solid #FFF;
	}
#navigation ul li:hover,#navigation ul li:hover a{
	background:#FFF;
	color:#461806;
}
} 

/***********screenchange*****************************/
/*@media only screen (max-width : 760px) { 
#logo{
	background:url(../images/nsbcs.png);
	height:80px;
	width:200px;
	background-position:center;
	float:left;		
	background-repeat:no-repeat;
	background-size:contain !important;
}
	#main{
	margin-left:10px;
	margin-right:10px;
}
body{width:auto;}
#navigation{
	height:49px;
	background:url(../images/bg.gif);;
}
.fixnavigation{ z-index: 9999; position: fixed; left: 0; top: 0; }
.fixnavigation #main ul{list-style-type: none;

margin:0px;
}
#navigation ul{
	margin:0 auto;
	position:relative;	
}
.menuul{
list-style-type: none;
margin-left:0px;
width:600px;
}
#navigation ul li a{
	margin-top:0px;
	float:left;
	list-style:none;
	color:#FFF;
	padding:15px 10px 15px 10px;
	border-right:1px solid #FFF;
	}
#navigation ul li:hover,#navigation ul li:hover a{
	background:#FFF;
	color:#461806;
}
#portpolio{
	width:auto;
	height:400px;
	float:left;
	margin:15px;
	border: 1px solid #999;
	box-shadow: 5px 5px 5px #888888;
}
} */