@charset "utf-8";
/* CSS Document */

body {
   font-family: 'Roboto Condensed', sans-serif;
   background: rgb(255,255,255);
}

#interior2col {
   border: 0px dashed #ccc;
   background: rgb(255,255,255);
   padding-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
}

div#sidebar > ul li a {
   text-transform: uppercase;
   text-decoration: none;
   color: #036;
   background: rgb(255,255,255);
   font-size: 18px;
   padding: 10px;
   display: block;
}

div#sidebar > ul li a:hover {
   text-transform: uppercase;
   text-decoration: none;
   color: rgb(255,255,255) !important;
   background: #036 !important;
   font-size: 18px;
   padding: 10px;
   display: block;
}

li {
   color: #666;
}

body .container {
	padding-top: 0px;
}

@media (min-width: 1000px)
.container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

body.home div.container#wrapper {
    padding: 0px;    
    overflow: hidden;
	width: 100%;
    max-width: 4000px;
	top: -1px;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
	position: relative;
}

#scrollingcontent{
	max-width: 1000px;
	margin-right: auto;
    margin-left: auto;
}


}
#interior2col {
	padding-bottom: 0px;
}
div.col-md-12 {
	padding-left: 0px;
	padding-right: 0px;
}
section.content {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
h1.title{
	text-align: center;
    letter-spacing: 15px;
    color: #036;
	padding: 0px 5px 10px;
	text-transform: capitalize;
}
h1 {
   background: transparent;
   letter-spacing: 5px;
   color: #8a8d8f ;
   padding: 0px 5px 10px;
}
h2 {
	font-weight: 500;
	font-size: 30px;
}
h3 {
	font-size: 26px;
}
p {
   color: rgb(0,0,0);
}
.space {
	margin-top: 20px;
}

.img {
	width: 100%;
	display: block;
}

/*-----------Sections---------------------------------*/

.pageheader {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.firstsection {
	background-color: rgb(255,255,255);
	min-height: 240px;
	background: url("http://fau.edu/student/marketing/images/welcomeBackground.jpg") no-repeat center center;
	background-size: cover;
}

.secondsection {
	background-color: rgb(255,255,255);
	min-height: 550px;
	background: url("/studentunion/images/paintstroke.png") no-repeat center center;
	background-size: cover;
	position: relative;
    top: -30px;
}
.thirdsection {
	background-color: rgb(255,255,255);
	min-height: 240px;
}
.fourthsection {
	background-color: rgb(255,255,255);
	min-height: 240px;
	background: url("/studentunion/images/bluepaintwithtexture.png") no-repeat center center;
	background-size: cover;
}
.fifthsection {
	background-color: rgb(255,255,255);
	min-height: 240px;

}
.sixthsection {
	background-color: #841d19;
	min-height: 240px;
	background: url("/student/marketing/images/teamBackground.jpg") no-repeat center center;	
	background-size:cover;
}

.text {
    padding: 120px 30px;
    line-height: 180%;
	max-width: 1000px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fixedSection {
    background-color: #0e2645;
    height: 500px;
    background: url("/student/owlstore/images/hand.jpg") no-repeat center center fixed;
    background-size: cover;
    border-bottom: #c00 10px solid;
    border-top: #036 10px solid;
}

.teamSection a:link {
	color: rgb(255,255,255)fff; text-decoration: none;
}
.teamprofiles {
    padding: 80px 30px;
    max-width: 1000px;
    line-height: 180%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.member {
    color: white;
    margin-bottom: 20px;
	display: inline-block;
}
.mem-img {
	max-height: 140px;
}


.portfolioSection {
	background-color: rgb(255,255,255)fff;	
	height: 400px;
	width:100%;
}
.gallerySection {	
    padding: 10%;
    min-height: 30%;
 /*   background: url("/student/marketing/images/footerBackground.jpg") no-repeat center fixed; */
    background-position: center;
    background-size: cover;
    text-align: center;
}

.gallerySectionTech {
	min-height: 300px;
	background: url("/student/marketing/images/footerBackground.jpg") no-repeat center fixed;	
    background-position: center;
    background-size: cover;
	
}

/* --------------Home page code--------------- */
hr.red {
				border-top: 2px solid #c00; 
				max-width: 19%;
			}
			hr.blue {
				border-top: 2px solid #036; 
				max-width: 19%;
			}
			hr.silver {
				border-top: 2px solid #8a8b8f; 
				max-width: 19%;
			}
			.event {
				min-height: 300px;
				margin: 2%;
				}
			.event1 {
				background-color: #ccc;
				color: #036;
				min-height: 300px;
				margin-bottom: 4%;
				padding: 10px;
			}
			.event2 {
				background-color: #fff;
				color: #036;
				min-height: 300px;
				margin-bottom: 4%;
				padding: 10px;
			}
			.event3 {
				background-color: #c00;
				color: #fff;
				min-height: 300px;
				margin-bottom: 4%;
				padding: 10px;
			}
			.event4 {
				background-color: #8a8b8f;
				color: #fff;
				min-height: 300px;
				margin-bottom: 4%;
				padding: 10px;
			}
			.ql {
				text-align: center;
				color: #fff;
			}
			.wu {
				min-height: 250px;
				text-align: center;
			}
			.company {
				min-width: 200px;
				max-width: 200px;
			}
			.time {
				background: rgba(39,62,84,0.82);
				overflow: hidden;
				height: 100%;
				z-index: 2;
			}
			.hoursboca {
				background-image: url('/studentunion/images/hoursboca.png');
				background-color: #CCC;
    			padding: 40px;
				background-size: cover;
			}
			.hoursdavie {
				background-image: url('/studentunion/images/hoursdavie.png');
				background-color: #CCC;
    			padding: 40px;
				background-size: cover;
			}
			.hoursjupiter {
				background-image: url('/studentunion/images/hoursjupiter.png');
				background-color: #CCC;
    			padding: 40px;
				background-size: cover;
			}
			i {
				font-size: 50px !important;
    			margin: 20px 0px;
			}
			.right.carousel-control, .left.carousel-control {
				height: auto;
				margin-left: -43px;
    			margin-right: -43px;
			}
			.facebook {
				margin: auto;
				display: block;
				text-align: center;
			}
			.twitter {
				margin: auto;
				display: block;
				text-align: center;
			}
			
			/*events */

			#event-box {
				width: 40%;
				float: left;
				margin: 5px 0;
			}
			#events {
				margin: 5px 0;
			}
			.date {
				background-color: transparent;
				color: #FFFFFF !important;
				float: left;
				margin: 0 3px 3px 0;
				min-height: 51px;
				padding: 10px 3px;
				text-align: center;
				width: 35%;
				max-width: 100px;
			}
			.month {
				font-size: 12px;
				text-transform: uppercase;
			}
			.day {
				font-size: 55px;
				margin-top: 0px;
			}
			.event-desc {    
				color: #fff;
				float: left;
				margin-bottom: 5px;
				margin-left: 1px;
				padding: 5px;
				width: 61%;
				min-height: 61px;
			}
			.event-desc a {
				color: #fff;
				text-decoration: none;
			}