/*ul#menu {

 padding-top: 6.9px;

text-align:center;

position: relative;

}



ul#menu li {

    display: inline;

text-align:center;

}



ul#menu li a {

font-weight:400;

    color: #fff;

    padding: 7.5px 10px;

    text-decoration: none;

    border-radius: 0 0 0 0;

    text-align:center;

}



ul#menu li a:hover {

    background-color: #161a20;

color:#fff;

}

ul#menu li.active a {

    background-color: #161a20;

color:#fff;

}
*/
body {

margin:0px;

font-weight:300;

color:#fff;

font-family: 'Source Sans Pro', sans-serif;

font-size:20px;

text-align:center;

background:#fff;

}

header {

width:100%;

height:85px;

background:#fff;

position: relative;	 

 padding-left: 6%;

 padding-right: 6%;

}

#img {

position: relative;

float:left;

margin:10px;

 margin-right:6%;

border:0px;

	}

	

.menubar {

width:100%;

height:40px;

 margin-top:0px;

color:#fff;

background:#0677b9;

position: relative;	

}

.headbox {

width:190px;

height:60px;

margin:3px;

margin-left:0px;

margin-right:0px;

 margin-top:5px;

 float:left;

 text-align:left;

color:black;

font-size:13px;

background:#fff;

position: relative;	

}

.headbox img{

float:left;

}

.headbox p{

margin-top:13px;

}




.headbox2 {

width:200px;

height:60px;

margin:3px;

margin-left:0px;

margin-right:0px;

 margin-top:5px;

 float:left;

 text-align:left;

color:black;

font-size:13px;

background:#fff;

position: relative;	

}

.headbox2 img{

float:left;

}

.headbox2 p{

margin-top:13px;

}

h1 {

color:#0677b9;

font-size:32px;

 margin-top:0px;

}

h2{font-family: 'Source Sans Pro', sans-serif;

color:#0677b9;

text-align:center;

font-size:25px;

}

h3 {

color:#0677b9;

font-size:16px;

font-weight:500;

margin-top:10px;

margin-bottom:10px;

}

.search_box {

width:20%;

background:none;

text-decoration:italic;

 margin-top:26px;

float:right;

position: relative;	 

}

.search_box input[type="submit"]{

	padding:4.6px 11px;

	color:#fff;

border: 1px solid #0677b9;	

font-size:15px;

	font-weight:400;

cursor:pointer;

background:#0677b9;       

border-radius: 0 15px 15px 0;	

}



 input[type="submit"]:hover{

  

		color: #fff;

		background: black;

border: 1px solid black;	

}

form{

width:100%;

float:left;

text-align:left;

}

::-webkit-input-placeholder {

text-decoration:italic;

		color: black;

		opacity: 1.0;

	}

	input[type="search"],

	select {



box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);	

/*width: 60%;*/

font-size:15px;

padding:0.3em;

padding-left:0.5em;

color:black;

background:#fff;

border: 1px solid #0677b9;

border-radius: 15px 0 0 15px;

		}

.slider {

width:60%;

height:400px;

margin:3px;

margin-left:6%;

 margin-top:1em;

 float:left;

 text-align:left;

color:black;

font-size:13px;

background:#fff;

position: relative;	

    box-shadow: 0px 1px 5px #999999; 

}

.slidegrid {

width:25%;

height:191px;

margin:3px;

margin-left:1em;

margin-right:6%;

 margin-top:1em;

 float:left;

 text-align:left;

color:black;

font-size:17px;

background:#fff;

position: relative;	

border: 1px solid #0677b9;	

}

.slidegrid img {

width:48%;

float:left;

}

.sproinfo {

width:48%;

text-align:left;

float:left;

}

.button

	{

		display: inline-block;

		padding: 1em 2em 1em 2em;

		margin-top: 0;

		padding: 1.40em 3em;

		background: #11a8ab;

		border-radius: 6px;

		text-decoration: none;

		font-weight: 300;

		font-size: 1em;

		width: auto;

	}

		

	.button-alt

	{

		padding: 0.3em 1em;

		background: #0677b9;

margin-top:0.5em;

		color: #fff;

	}

	.button-alt:hover

	{

		padding: 0.3em 1em;

		text-decoration: none;		

		color: #fff;

		background:black;

	}

	.button-special

	{

		padding: 0.3em 1em;

		background: #0677b9;

		color: #fff;

margin-bottom:0.5em;

border:1px solid #fff;

	}

	.button-special:hover

	{

		padding: 0.3em 1em;

		text-decoration: none;		

		color: #0677b9;

		background: #fff;

	}

	.slidercont {

width:100%;

height:430px;

 margin-top:0px;

background:;

position: relative;	

}

.titlebar {

width:88%;

height:40px;

 margin-top:5px;

color:#fff;

padding-left:1em;

background:#fff;

text-align:left;

 margin-left: 6%;

margin-right: 6%;

position: relative;	

border-bottom:1px solid black;

border-top:1px solid black;

}


.rec {
	color:#000;
	text-align: left;
	padding-left: 6%;
	padding-right: 6%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	}
.recent {

width:88%;

/*height:500px;*/
height:auto;

 margin-top:1em;

color:#fff;

 margin-left: 6%;

margin-right: 6%;

background:transparent;

position: relative;	 

}

.prod1 {

width:15%;

/* margin-right:;*/
 margin-left:1%;

 color:black;

float:left;

background:#fff;

position: relative;

border:1px solid #0677b9;	 

}

.prod2 {

width:23.5%;

 margin-left:2%;

color:black;

float:left;

background:#fff;

position: relative;

border:1px solid #0677b9;	 	 

}

.prod1:hover, .prod2:hover {

background:#0677b9;

border:1px solid #0677b9;

color:#fff;

}

.prod1:hover h3, .prod2:hover h3 {

color:#fff;

}.prod1 img {

width:100%;

border-bottom:1px solid #0677b9;

}

.prod2 img {

width:100%;

border-bottom:1px solid #0677b9;

}

.footer {

width:100%;

height:250px;

 margin-top:1em;

color:#fff;

text-align:left;

font-size:17px;

 padding-left: 6%;

padding-right: 6%;

background:#1e1e1e;

position: relative;	 

/* bottom: -280px;*/


}



.footergrid1 {

width:30%;

height:200px;

 margin-right:;

 padding-left:2em;

 margin-top:1em;

float:left;

position: relative;

border:1px solid #1e1e1e;	 

}

.footergrid2 {

width:25%;

height:200px;

 margin-left:2%;

 padding-left:2em;

 margin-top:1em;

float:left;

position: relative;

border-left:1px solid #fff;	 	 

}

input[type="email"],

	select{



box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);	

/*width: 100%;*/

color:black;

margin-bottom:0.5em;

padding:0.5em;

background:#fff;

border: 2px solid #0677b9;

border-radius: 5px 5px 5px 5px;

		}



.footergrid2 input[type="submit"],.sign_in input[type="submit"]{

	

padding:10px 1em;

	

color:#fff;



border: 3px solid #4ee2ec;	

font-size:1em;

	

text-transform:uppercase;

	

cursor:pointer;

	

border:none;

	outline:none;

    

background:#0677b9;       



border-radius: 5px 5px 5px 5px;	

	

font-family: 'Josefin Sans', sans-serif;}



.footergrid2 input[type="submit"]:hover{

  

		color: #0677b9;

		background: #fff;

}