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

* {
 margin:0 auto;
}

#wrapper {
	width:100%;
}

header {
	width:100%;
	float:left;
	height:100px;
	border:#000 solid 1px;
}

nav {
	width:100%;
	min-height:50px;
	float:left;
	border:#000 solid 1px;
	background-color:#333;
}

#banner {
	width:100%;
	height:100px; 
	float:left;
	border:#000 solid 1px;		background-image:url(../images/banner-adv306.jpg); background-repeat:no-repeat;
		background-size:cover;
}

article {
	max-width:984px;
	min-height:50px;
	float:left;
	padding:20px;
}


section {
	width:100%;
	min-height:250px;
	float:left;
	}

/* Column Settings */
.column {
	width:94%;
	height:200px;
	float:left;
	margin: 3%;
	border:#000 solid 1px;
	border-radius:15px 15px;
}
/* End Column */
footer {
	width:100%;
	height:100px;
	float:left;
	background-color:#000000;
}


/* Media Screen for tablet at 640px */

@media only screen and (min-width:640px) {
	#wrapper {
		width:640px;
			}
	
	header {
		width:640px;
		height:120px;
		float:left;
border:#000 solid 1px;	}
	
	nav {
		width:640px;
		min-height:55px;
		float:left;
border:#000 solid 1px;	background-color:#333;
	}

	#banner {
		width:640px;
		height:150px;
		float:left;
border:#000 solid 1px;			background-image:url(../images/banner-adv306.jpg); background-repeat:no-repeat;
		background-size:cover;}

	article {
		width:640px;
			min-height:50px;
		float:left;
	}
	
	section {
	width:640px;
		min-height:200px;
		float:left;
	}
	
	/* Column Settings */
.column {
	width:49%;
	height:200px;
	float:left;
	margin: 2px;
	border:#000 solid 1px;
	border-radius:15px 15px;
}

	footer {
		width:640px;
		height:120px;
		float:left;
		background-color:#000;
	}
} 

/* End 640 Tablet */

/* Start Desktop View at 960px */

@media only screen and (min-width:960px) {
	#wrapper {
		width:1024px;
		}

	header {
		width:1024px;
		height:100px;
		float:left;
		border:#000 solid 1px;
		border-top:none;
	}

	nav {
		width:1024px;
		min-height:55px;
		float:left;
		border:#000 solid 1px;
		background-color:#333;
	}
	
	#banner {
		width:1024px;
		height:120px;
		float:left;
		border:#000 solid 1px;
		background-image:url(../images/banner-adv306.jpg); background-repeat:no-repeat;
		background-size:cover;
	}

	article {
		width:1024px;
			min-height:50px;
		float:left;
		
		}
	
	section {
		width:1024px;
		min-height:250px;
		float:left;
		
			}
			
	/* Column Settings */
	.column {
		width:29.5%;
		height:200px;
		float:left;
		margin: 18px;
		border:#000 solid 1px;
		border-radius:15px 15px; position: relative;
}
	
	footer {
		width:1024px;
		height:100px;
		float:left;
		background-color:#000000;
	}
	
} /* End Desktop view at 960 */


/* Design Details */

.coluumheader {
	width:94%; top:0; min-height:25px; font-size:18px; text-align:center; text-transform:uppercase; background-color:#515151; padding:3%; color:#fff; border-radius:15px 15px 0 0;
		}

	
	/* Fonts Headings */
	h1 {font-family: 'Roboto', sans-serif;padding:2px;}
	h2{font-family: 'Roboto', sans-serif;}
	h3{font-family: 'Roboto', sans-serif;}
	h4{font-family: 'Roboto', sans-serif;}
	p{font-family: 'Roboto', sans-serif;margin:15px; padding:3px;}
	
	.subhead {font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:large;padding-left:10px;}
	
	.tagline {
		font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:33px;color:#fff; padding-left:10px; font-weight:bold; float:right;
		top:50px; left:55px;}
	
	/* BUttons */
	a.button {
    background-color: #333; /* Grey */
    border: none;
    color: white;
    padding: 12px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:bold;
	border-radius:0 10px 10px 0; margin-left:-19px;
}

a.button:hover {    background-color: #666; /* Grey */
}

.logo{z-index:0;position:relative;float:left;}

.emailicon {position:relative; float:right; padding-right:30px; top:10px; z-index:2;}