@charset "UTF-8";
/* CSS Document */
#mainnav.navbar-default {
  background-color: #ffffff;
  border-color: #9f77b5;
}
#mainnav.navbar-default .navbar-text {
  color: #000000;
}
#mainnav.navbar-default .navbar-nav > li > a {
  color: #000000;
}
#mainnav.navbar-default .navbar-nav > li > a:hover,
#mainnav.navbar-default .navbar-nav > li > a:focus {
  color: #BCA2CD;
}
#mainnav.navbar-default .navbar-nav > .active > a,
#mainnav.navbar-default .navbar-nav > .active > a:hover,
#mainnav.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #9f77b5;
}
#mainnav.navbar-default .navbar-nav > .open > a,
#mainnav.navbar-default .navbar-nav > .open > a:hover,
#mainnav.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #9f77b5;
}
#mainnav.navbar-default .navbar-toggle {
  border-color: #9f77b5;
}
#mainnav.navbar-default .navbar-toggle:hover,
#mainnav.navbar-default .navbar-toggle:focus {
  background-color: #9f77b5;
}
#mainnav.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}
#mainnav.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000000;
}
#mainnav.navbar-default .navbar-link {
  color: #000000;
}
#mainnav.navbar-default .navbar-link:hover {
  color: #BCA2CD;
}

@media (max-width: 767px) {
  #mainnav.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  #mainnav.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  #mainnav.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #BCA2CD;
  }
  #mainnav.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  #mainnav.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  #mainnav.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #9f77b5;
  }
}
#mainimage {
	float: left;
	border-style: solid;
	border-color:white;
	border-bottom-width:thick;
}
#row2 {
	border-style:solid;
	border-color:white;
	border-top-width: thick;
}
body {
 /* This avoids footer to overlap the page content */
 margin-bottom: 40px;
}
footer{
 /* Fix the footer on bottom and give it fixed height */
 position: fixed;
 background-color:white;
 align-content: left;
 border-style:solid;
 border-width:thin;
 border-color:#9f77b5;
 bottom: 0;
 width: 100%;
 height: 55px;
 padding: 0;
}
form {
	margin: auto;
	width: 400;
}
textarea {
     height:105px;
     width:455px;
     background:#fff;
     border:1px solid;
}
label input { 
	background:#fff;
    border:1px solid;
}
#submit {
     background:#9f77b5;
     color:#FFF;
	 float: right;
     clear:both;
     border:1px solid #000000;
}
a.behance {
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/behance.png);
}
a.behance:hover {
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/behance_rollover2.png);
}
a.linkedin {
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/linkedin.png);
	
}
a.linkedin:hover{
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/linkedin_rollover.png);
	
}
a.facebook {
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/facebook.png);
}
a.facebook:hover {
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/facebook_rollover.png);	
}
a.instagram {
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/instagram.png);
}
a.instagram:hover{
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/instagram_rollover.png);
}
a.twitter {
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/twitter.png);
}
a.twitter:hover{
	 display : block;
     width : 48px;
     height : 48px;
     background-image:url(../Pictures/twitter_rollover.png);
}
ul.list-inline {
	padding: 4px;
}