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

/************* CSS RESET *************/

/*** Mike's CSS Reset ***/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}  img  {border-style: none;} * {margin: 0; padding: 0;} html  {	width: 100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}


/************* MEDIA CALLS *************/

/***************/
/*   STANDARD  */
/***************/

@media (max-width: 640px) {}

/***************/
/*   HANDHELD  */
/***************/

@media only screen and (orientation:landscape) and (max-device-width:1024px)  {}



/************* PAGE STYLING *************/

* {
margin: 0;
padding: 0;
}

img  {
	border-style: none;
}

html  {
	width: 100%;
}

#page  {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #000;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
}

#wrapper  {
	width: 64%;
	height: auto;
	margin: 0 auto;
	float: left;
	max-width: 800px;
}

@media (max-width: 767px) {
#wrapper  {
	width: 94%;
	margin: 0 auto;
	padding-left: 3%;
	padding-right: 3%;
}
}

.sidepanel  {
	width: 18%;
	float: left;
	max-width: 250px;
}

.sidepanel img  {
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {
.sidepanel  {
	display: none;
}
}

a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;text-decoration:none;}
a:hover {color:inherit;text-decoration:none;}
a:active {color:inherit;text-decoration:none;}

.resize  {
	max-width: 100%;
}
   
#logo  {
	width: 50%;
	height: auto;
	margin: 0 auto;
	margin-top: 2%;
}

@media (max-width: 767px) {
#logo  {
	width: 70%;
}
}

#logo img  {
	width: 100%;
	height: auto;
}

#profilepic  {
	width: 70%;
	height: auto;
	margin: 0 auto;
	background-color: #E0E1DE;
	border: 2px solid #FFF;
	margin-top: 4%;
}

@media (max-width: 767px) {
#profilepic  {
	width: 90%;
}
}

#profilepic img  {
	width: 100%;
	height: auto;
}

#calltoaction  {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 3%;
	padding-bottom: 3%;
	text-align: center;
	font-style: italic;
}

#contactinfo  {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 4%;
	text-align: center;
}

#address  {
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 4%;
	line-height: 28px;
}

@media (max-width: 767px) {
#address  {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
}

#phone  {
	font-weight: 700;
	font-size: 26px;
	padding-bottom: 4%;
	width: 90%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

@media (max-width: 767px) {
#phone  {
	width: 90%;
}
}

#phoneicon  {
	float: left;
	width: 25%;
	height: auto;
	text-align: center;
}

@media (max-width: 767px) {
#phoneicon  {
	float: left;
	width: 20%
}
}

#phoneicon img  {
	width: 100%;
	height: auto;
	max-width: 52px;
}

#phonenumber  {
	float: left;
	width: 70%;
	text-align: left;
	line-height: 40px;
	padding-left: 8px;
}

#emails  {
	width: 100%;
	height: auto;
}

.singleemail  {
	width: 90%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 2%;
}

@media (max-width: 767px) {
.singleemail  {
	width: 100%;
	text-align: center;
}
}

.emailicon  {
	float: left;
	width: 25%;
	height: auto;
	text-align: center;
}

@media (max-width: 767px) {
.emailicon  {
	display: none;
}
}

.emailicon img  {
	width: 100%;
	height: auto;
	max-width: 52px;
}

.emailaddress {
	float: left;
	width: 75%;
	text-align: left;
	line-height: 40px;
	font-size: 20px;
}

@media (max-width: 767px) {
.emailaddress {
	width: 92%;
	padding-left: 4%;
	padding-right: 4%;
	font-size: 16px;
	text-align: center;
}
}

#twitter {
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 3%;
}

@media (max-width: 767px) {
#twitter {
	display: none;
}
}
#categories  {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 4%;
	text-align: center;
}

.category  {
	padding-top: 4%;
	padding-bottom: 4%;
}

.categorytitle  {
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 1%;
}

.categorydetails  {
	line-height: 20px;
}

#footer  {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 4%;
	text-align: center;
}

#logo2  {
	width: 25%;
	margin: 0 auto;
	padding-bottom: 4%;
}

@media (max-width: 767px) {
#logo2  {
	width: 55%;
}
}

#logo2 img  {
	width: 100%;
	height: auto;
}

#hours  {
	padding-bottom: 4%;
}

#hoursdetails  {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 12px;
}

.socialitem  {
	width: 70%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 2%;
	overflow: hidden;
}

@media (max-width: 767px) {
.socialitem  {
	width: 90%;
	margin: 0 auto;
}
}

.socialicon  {
	float: left;
	width: 25%;
	height: auto;
	text-align: center;
}

.socialicon img  {
	width: 100%;
	height: auto;
	max-width: 52px;
}

.sociallink {
	float: left;
	width: 75%;
	text-align: left;
	line-height: 40px;
}