body {
	background-color: #FDFFD1;
	font-family: Verdana, sans-serif;
}

a {
    color: #E86E01;
    text-decoration: none;
}


p {
    font-size:16px;
    line-height:25px;
    padding-top:20px;
}

img {
	max-width: 100%;
	height: auto !important;
}

img[style*="float:left"],img[style*="float: left"],img[align="left"] {
  margin: 5px 15px 0px 0px;
}

img[style*="float:right"],img[style*="float: right"],img[align="right"] {
  margin: 5px 0px 0px 15px;
}

h1, h2, h3 {
    color: #E86E01;
}
	
#wrapper {
    width: 100%;
    max-width: 1310px;
	margin: 0 auto;
    background:#7BA213;
	padding: 0 15px;
}

#page-wrapper {
	border: 10px solid #e86e01;
	padding:20px;
	background:#fff;
	min-height: 1px;
}

#slide-inner {
    width:100%;
    background-color:#fff!important;
}
#page-inner {
    width:100%;
    margin:15px 20px 15px 0;
    background-color:#fff!important;
    padding:10px 20px;
    /* min-height:1200px; */
}
#subhead {
    width:100%;
	height: 30px;
    margin: -60px 0 30px 0px;
}
#subhead .bar {
    background: #e86e01 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    padding: 10px 30px;
}

#subhead a {
	color: #fff;
}


#logo {
	margin-top: -30px;
}


.user-image {
    margin: 15px auto 15px;
	max-width:200px;
}

.navbar-cls-top .navbar-brand {
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    height: auto;
    line-height: 32px;
    padding: 20px 30px;
    text-align: center;
}

.active-menu {
    background-color:#797979!important;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level {
	margin-bottom: 10px;
}
.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 55px;
}

.sidebar-collapse , .sidebar-collapse .nav {
	background:none;
}
.sidebar-collapse .nav {
	padding:0;
}
.sidebar-collapse .nav > li > a {
	color:#fff;
	text-shadow:none;
	font-size: 16px;
}
.sidebar-collapse > .nav > li > a {
	padding:15px 10px;
}

.sidebar-collapse .nav > li.active > a,
.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
	color: #fff;
	font-weight: bold;
	background:#E86E01; 
	outline:0;
}


.nav-second-level  > li:last-child > a:after,
.nav-third-level  > li:last-child > a:after {
	height:50%;
}
.nav-third-level > li > a:after,
.nav-third-level > li > a:before  {
	left:40px;
}
.navbar-side {
	border:none;
	background-color: #7BA213;
	
}
.navbar-cls-top {
	background:#7BA213;
	border-bottom:none;
	
}
.navbar-cls-top .navbar-brand:hover {
	color:#E86E01; 
}

.navbar-default {
	border:0px solid black;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background:#E86E01; 
}
.navbar-default .navbar-toggle {
	border-color: #fff;
	border-radius: 0;
	margin-right: 25px;
    margin-top: 20px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF;
}
.nav > li > a > i {
    margin-right:10px;
}


/*==============================================
    MEDIA QUERIES     
  =============================================*/
 
@media(min-width:768px) {
	#wrapper {
		padding: 0;
		margin: 20px auto;
	    border-bottom: 30px solid #e86e01;
		border-left: 10px solid #e86e01;
		border-top: 30px solid #e86e01;
		border-right: 0;
	}
	#page-wrapper{
        margin: 0 0 0 260px;
        padding: 15px 30px;
        min-height: 700px;
	    border-bottom: 30px solid #e86e01;
		border-left: 10px solid #e86e01;
		border-top: 30px solid #e86e01;
		border-right: 0px solid #e86e01;
		padding:40px;
    }

    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 260px;
    }

   .navbar {
	border-radius: 60px 0 0 0; 
	}	

}

#footer {
	padding: 10px 0;
}
#footer, #footer a {
	color: #0066FF;
}

.slow {
	 -webkit-animation-duration: 3s;
	animation-duration: 3s;
}

.theme-default .nivoSlider {
	box-shadow: 0 0 0 0 #fff !important;
}
.nivo-controlNav {
	display: none;
}
#slide .slider {
    position: absolute;
    z-index: 0;
}

.button {
	padding: 5px 10px;
	border:1px solid #E86E01;
	background: #E86E01;
	color: #fff;
	text-decoration: none;
}
.button:hover{
	color: #E86E01;
	background: #fff;
	text-decoration: none;
}

/* Grow Shadow */
.grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}

li li .grow:hover, li li .grow:focus, li li .grow:active, li li.active .grow {
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*
copy marqueeboard, marquee, contentBox2
*/
#marqueeBoard {    
    background: transparent url("http://demo.schoolswebsites.ie/media/images/scrollers/scrolling_1.jpg") no-repeat center;
	 background-size: 700px 500px;
    /*height: 450px;
    width: 700px;*/
	height: 500px;
    width: 100%;
	padding-top: 75px;
}

.marquee {
  overflow: hidden;
  padding:0 5px; 
  height: 270px;
  width: 510px;
  margin-left: 230px;
  border-radius: 10px;
  background-color: #C4D4AF;
}

#contentBox2 {
width: 99%;
height: 270px;
margin-top: 10px;
color: #FFFFFF;
}

.navbar {
	height: 200px;
	background: transparent url("http://www.mullinahonens.ie/media/images/banner.png") no-repeat right;
	background-size: 930px 200px;
	
}
/*@media(max-width:1300px){*/
@media(max-width:1024px){
	/*
copy marqueeboard, marquee, contentBox2
*/
	#marqueeBoard {    
	background: transparent url("http://demo.schoolswebsites.ie/media/images/scrollers/scrolling_1.jpg") no-repeat center;
	 background-size: 700px 500px;
	border-radius: 10px;
    background: #C4D4AF;
	height: 300px;
    width: 100%;
	padding-top: 15px;
	}

	.marquee {
	  overflow: hidden;
	  padding:0 5px; 
	  height: 270px;
	  width: 95%;
	  margin-left: 15px;
	  border-radius: 10px;
	  background-color: #C4D4AF;
	}

	#contentBox2 {
	width: 99%;
	height: 270px;
	margin-top: 10px;
	color: #FFFFFF;
	}
	/*.navbar {
	height: 30px;
	background: red;
	
	}*/
}

@media(max-width:768px){
	/*
copy marqueeboard, marquee, contentBox2
*/
	#marqueeBoard {    
    border-radius: 10px;
	background-color: #C4D4AF;
    height: 370px;
    width: 100%;
	padding-top: 15px;
	}

	.marquee {
	  overflow: hidden;
	  padding:0 5px; 
	  height: 270px;
	  margin-left: 15px;
	  width: 95%;
	  left: 0px;
	  border-radius: 10px;
	  background-color: #C4D4AF;
	}

	#contentBox2 {
	width: 99%;
	height: 270px;
	margin-top: 10px;
	color: #FFFFFF;

	}
	.navbar {
	height: 30px;
	background: blue;
	}
	
	   .navbar-cls-top .navbar-brand {
	margin-left: -10000px;
	}
	
}