*,header,nav,footer,article,section
{
	margin:0;
	padding:0;
	
}
body
{	
	background:#DEDEDE;
	overflow-x:hidden;
}


#header
{
	top:3px;
	margin-left:13.5%;
	min-width:50%;
	width:74%;
	height:6%;
	background:#7ad9ef;
	box-shadow:2px 4px 4px 2px black;
	-moz-box-shadow:2px 4px 4px 2px black;
	-o-box-shadow:2px 4px 4px 2px black;
	-webkit-box-shadow:2px 4px 4px 2px black;
	z-index:3;
	position:relative;
	border-radius:10px;
}

#navbar
{
	position:relative;
	display:block;
	margin-left:25%;	
}
#navbar ul
{
	list-style:none;
	display:inline-block;
	width:80%;
}

#navbar ul li
{
	display:inline-block;
	font-size:1em;
	padding:2%;
	-moz-transition:.6s background linear;
	-o-transition:.6s background linear;
	-webkit-transition:.6s background linear;
	
}
#navbar ul li a
{	
	display:inline-block;
	text-decoration:none;
	color:black;
	text-shadow:1px 2px white;
}
#navbar ul li:hover
{
	background:white;
	color:black;
}
#navbar ul li a:focus
{
	background:white;
}

#banner
{
	width:74%;
	height:18% ;
	z-index:2;
	top:0;
	position:relative;
	margin-left:13%; 
	border-radius:20px;
}
#wrapper
{
	width:74%;
	min-height:100%;
	height:auto;
	margin-left:13%;
	position:absolute;
	background:#C3EEF7;
	border-radius:10px;
}

#sidebar
{
	position:absolute;
	width:20%;
	height:300px;
	top:18%;
	left:1%;
	background:white;
	border-radius:10px;	
	box-shadow:2px 2px 4px 2px black;
}
h2
{
	position:relative;
	display:block;
	border-radius:10px;
	text-align:center;
	color:black;
	opacity:3;
	line-height:1.5em;
	font-size:1em;
	background:#b7deed; /* Old browsers */
	background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
	box-shadow:1px 1px 1px 1px black;
}
#sidebar ul
{
 	position:absolute;
 	list-style:none;
 	top:40px;
 	left:30px;
	width:60%;
	overflow:hidden;
}
#sidebar ul li:before 
{ 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}

#sidebar ul li
{
	display:inline-block;
	font-size:20px;
	text-shadow:1px 1px grey;
	line-height:20px;
	text-align:center;
	-moz-transition:.5s transform ease-in;
	-webkit-transition:.5s transform ease-in;
	-o-transition:.5s transform ease-in;
}
#sidebar ul li a
{
	text-decoration:none;
	color:black;
	display:block;
}
#sidebar ul li:hover
{

	-moz-transform:translateX(20px);
	-webkit-transform:translateX(20px);
	-o-transform:translateX(20px);
}
#searchbar
{
	position:absolute;
	width:20%;
	height:15%;
	background:white;
	margin-top:1%;
	margin-left:.6%;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
}
#searchbar input 
{
	width:70%;
	height:25%;
	margin-top:8%;
	margin-left:10%;
	box-shadow:.5px .5px .5px .5px black;
	-moz-box-shadow:.5px .5px .5px .5px black;
	-webkit-box-shadow:.5px .5px .5px .5px black;
	-o- box-shadow:.5px .5px .5px .5px black;
}
#searchbar #gobtn
{
	width:40%;
	height:22%;
	margin-left:25%;
	border-radius:10px;
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

.post
{
	position:relative;
	background:white;
	border-radius:10px;	
	box-shadow:2px 2px 4px 2px black;
}

#postright
{
	margin-left:22%;
	margin-top:1%;
	width:76%;
	height:auto;
}


#marquee
{
	width:100%;
	height:14%;
	border-bottom:3px groove black;
	background:#FFFFFF;
	margin-top:.5%;
}

img /*marquee images*/
{
	width:120px;
	height:120px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

.post p
{
	position:relative;
	left:1.5%;
	bottom:3px;
	width:50%;
	text-align:justify;
	right:1%;
	font-style:italic;
	line-height:2em;
	float:left;
}

.post p::first-letter
{

	font-size:2em;
	
}
#postfull /*full page post*/
{
	width:100%;
	margin:0px;

}
#footer
{
	position:relative;
	width:99%;
	height:22% auto;
	background:white;
	border-right:6px solid #6ECC3A;
	border-left:6px solid #6ECC3A;
	border-radius:20px;
	border-top:40px;
	margin-top:100% auto;

}
#footer ul
{
	display:inline-block;
	list-style:none;
	width:50%;
	left:0;
	position:relative;
	top:0;
	line-height:1em;
}
#footer ul li
{
	display:inline-block;
	padding:1%;
	text-decoration:none;
	color:black;
}
#footer ul li:hover
{
	border:1px groove black;
	border-radius:4px;
	color:black;
	
}
#footer ul li a
{
	text-decoration:none;
	color:black;
}
address
{
	position:Absolute;
	width:30%;
	height:90%;
	right:0;
	top:0;
	font-size:1em;
	padding:10px;
	background:#EDEDED;
	color:black;
	border-radius:0px 20px 20px 0px;
	border-left:6px SOLID #C3EEF7;
}
#blockquote
{
	position:relative;
	border-bottom:20px solid green;
	float:left;
	clear:right;
	display:block;
	width:40%;
	right:.5%;
	font-style:none;
	background:#DCE2EA;
	opacity:2;
	font-size:22px;
	-moz-box-shadow:1px 2px 1px 1px black;
	-o-box-shadow:1px 2px 1px 1px black;
	-webkit-box-shadow:1px 2px 1px 1px black;
}

#testimonial
{
	width:44%;
	height:20%;
	margin-top:-2%;
	margin-left:55%;
	border-radius:20px;
	background:#EDEDED;
	box-shadow:-1px -1px 1px 1px black;
	-moz-box-shadow:-1px -1px 1px 1px black;
	-webkit-box-shadow:-1px -1px 1px 1px black;
	-o-box-shadow:2px 4px 2px 2px black;
}
#testimonial h3
{
	display:block;
	backround:black;
}

#marquee1
{
	height:300px;
	text-align:justify;
	margin-left:10px;

}
#marquee1 ul
{
	font-style:italic;
	padding:10px;
}

#footernav
{
	position:absolute;
	margin-left:2%;
	margin-top:1%;
	border-bottom:4px groove green;
}
#address_bg
{
	position:absolute;
	width:40%;
	height:30%;
	margin-left:50%;
	margin-top:0px;
	padding:0px;
}


#map /*google maps inline frame*/
{
	width:500px;
	height:500px;
	margin-top:30px;
}

h4
{
	font-size:25px;
	font-style:italic;
	margin-left:10px;
}
#social
{
	width:10%;
	height:10%;
}

@media only screen
and (min-width:320px)
and (max-width:480px)
{
	#header
	{
	width:100%;
	height:20%;
	margin-left:0;
	display:block;
	}
	#navbar
	{
		margin-left:20%;
		width:100%;
		
	}
	#banner
	{
		margin-left:0;
		width:100%;
		height:60%;
		position:relative;
	}
	#wrapper
	{
		width:100%;
		margin-left:0;
	}
	#searchbar
	{
		position:relative;
		visibility:hidden;
	}
	#sidebar
	{
		width:100%;
		positionn:relative;
	}
	#postright
	{
		width:100%;
		margin-left:0;
		position:Relative;
	}
	#tesimonial
	{
		visibility:hidden;
	}
	#footer
	{
		width:100%;
		margin-left:0;
	}
	
}