/* Always start with these styles */



  body {
	/*Set background color of HTML page here*/
	background: rgb(255,255,255);  

	/* Neutralize default margins and padding */
	margin:0; padding:0;
	margin-left:auto;margin-right:auto;
	font-family:sans-serif;
	/* fontsize inherited by all elements */	
	font-size:1em;   
	font-weight:normal;
	/*IE6 needs this to center layout in browser window */
	text-align:center;
	/* move all elements in from edge of the page */	
	/*margin:1em;*/       
	width:95%;
	/*border:solid yellow 2px;*/
	}

/* fontsize inherited by these styled elements */
/*(line-height, margin)*/
p	{font-size: 1em;} 
h1	{font-size: 3em;}	
h2	{font-size: 2.5em;}	
h3	{font-size: 2em;}	
h4	{font-size: 1em;}

/*
div#any	{
	width:80px;height;20px;
	margin-left:auto;margin-right:auto;
	order:white solid 1px;
	background-color:red;
	color:rgb(150,150,150);
	order-top:solid 1px;
	order-color:rgb(100,100,100);
	overflow:hidden;
	}
*/
/* style links 

a	{color: rgb(100,100,100);
	text-decoration:none;}
a:hover {color:red; font-size:.75em;}
*/

/* style images 
img {order:2px;}
*/

/* style divs 
(font-size, order, padding, margin, text-align, text-indent)
*/


/*@media screen and (max-width: 600px) 
	{.box{width:;
	}}*/

/*  */
.clearfloats {clear:both;}
/*Aslett Clearing Method*/
.clearfix:after{
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		.clearfix{display:inline-table;}
		/*backslash hack hides from EI mac \*/
		*html .clearfix{height:1%;}
		.clearfix}display:block;}
		/* end backslash hack */




#testbox{width:80%;
	order:solid red 1px;/**/}

/* ********************************************** */
/* ********************************************** */










/*********** BEGIN header-with-logo-and-menu-box **********/

#header-with-logo-and-menu-box{width:100%;
	margin:.1em 0 0 0;
	}




#header-logo-box{width:30%;
	margin:0 0 0 3%;
	float:left;
	order:solid rgb(235,235,235) 1px;
	}
	@media screen and (max-width: 900px) 
	{#header-logo-box{width:30%;
	}}
	@media screen and (max-width: 800px) 
	{#header-logo-box{width:35%;
	}}
	@media screen and (max-width: 700px) 
	{#header-logo-box{width:40%;
	}}
	@media screen and (max-width: 600px) 
	{#header-logo-box{width:45%;
	}}
	@media screen and (max-width: 500px) 
	{#header-logo-box{width:55%;
	}}


#header-logo-box img{width:100%;
	margin:.5em 0 0 0;
	}



#header-horizontal-menu-box{width:65%;
	margin:2.5em 0 0 0;
	float:right;
	background-color:white;
	order:solid rgb(235,235,235) 1px;
	}
	@media screen and (max-width: 800px) 
	{#header-horizontal-menu-box{width:100%;
	margin:.3em 0 .3em 0;	
	}}


.link{display:inline;
	margin:0 0 0 2%;	
	padding:0 1% 0 1%;
	float:right;
	/*Add SHADOW to link here, if wanted*/
	box-shadow:3px 3px 7px rgb(230,230,230);
	order:solid red 1px;
	}	
	@media screen and (max-width:800px) 
	{.link{
	margin:.2% .2% 2% .2%;
	float:none;	
	}}

.link a{
	display:inline;
	font-size:.9em;
	/*Set BACKGROUND COLOR here*/
	background-color:white;
	/*Set LINK TEXT COLOR here*/
	color:rgb(100,100,100);
	text-decoration:none;
	}
	@media screen and (max-width:700px) 
	{.link a{
	font-size:.8em;	
	}}
	@media screen and (max-width:600px) 
	{.link a{
	font-size:.7em;	
	}}

.link:hover a{
	/*Set HOVER BACKGROUND COLOR here*/
	background-color:rgb(235,235,235);
	/*Set HOVER TEXT COLOR here*/
	color:rgb(25,25,25);
	}

/*********** END header-with-logo-and-menu-box **********/








	




/*********** BEGIN address-bar **********/


#address-bar{width:100%;
	margin:.2em 0 2% 0;
	color:rgb(100,100,100);
	order:solid rgb(235,235,235) 1px;
	}



#address-bar p{
	margin:0 0 0 3%;
	float:left;
	display:inline;
	font-size:1em;
	}
	@media screen and (max-width: 700px) 
	{#address-bar p{
	font-size:.8em;
	}}

#suite-and-street p{
	order:solid rgb(235,235,235) 1px;
	}@media screen and (max-width: 600px) 
	{#suite-and-street p{width:96%;
	}}

#city-state-zip p{	
	order:solid rgb(235,235,235) 1px;
	}@media screen and (max-width: 600px) 
	{#city-state-zip p{width:96%;
	}}

#phone-display p{
	order:solid rgb(235,235,235) 1px;
	}@media screen and (max-width: 600px) 
	{#phone-display p{width:96%;
	}}

/*********** END address-bar **********/














/*********** BEGIN banner-photo **********/


.banner-photo img{width:70%;
	order:solid rgb(235,235,235) 1px;
	}

/*********** END banner-photo **********/



















/*********** BEGIN full-width-goto-top-of-page-menu-box **********/


.full-width-to-top-of-page-menu-box{width:100%;
	margin:2em 0 0 0;	
	/*Set BACKGROUND COLOR here, if needed*/
	background-color:white;
	order:blue solid 1px;	
	}
	@media screen and (max-width:700px) 
	{.full-width-to-top-of-page-menu-box{
	margin:1em 0 0 0;
	}}

	
.goto-top-link{	
	margin:0 0 0 2%;
	padding:0 1% 0 1%;	
	float:right;
	/*Set BACKGROUND COLOR here*/
	background-color:white;
	/*Add SHADOW to link here, if wanted*/
	box-shadow:3px 3px 7px rgb(220,220,220);
	order:solid red 1px;
	}	
	@media screen and (max-width:700px) 
	{.goto-top-link{
	margin:0 0 0 2%;
	}}
	@media screen and (max-width:450px) 
	{.goto-top-link{
	margin:0 0 0 1%;
	}}

.goto-top-link a{
	font-size:.7em;
	text-decoration:none;
	/*Set LINK TEXT COLOR here*/
	color:rgb(100,100,100);
	order:solid black 1px;
	}
	@media screen and (max-width:500px) 
	{.goto-top-link a{padding:0;
	font-size:.6em;
	}}

.goto-top-link:hover a{
	/*Set HOVER BACKGROUND COLOR here*/
	background-color:rgb(235,235,235);
	/*Set HOVER TEXT COLOR here*/
	color:rgb(25,25,25);
	}

/*********** END full-width-goto-top-of-page-menu-box **********/



















/*********** BEGIN presentation-box **********/

.presentation-box{width:100%;
	margin:1em 0 0 0;
	order:solid red 3px;
	}
	@media screen and (max-width:600px) 
	{.presentation-box{
	margin:.5em 0 0 0;
	}}



.presentation-box h2{
	margin:0 0 1em 0;
	font-size:1.5em;
	font-style:italic;
	color:rgb(50,50,50);
	order:solid green 2px;
	}
	@media screen and (max-width:700px) 
	{.presentation-box h2{
	font-size:1.3em;
	}}
	@media screen and (max-width:600px) 
	{.presentation-box h2{
	margin:0 0 .5em 0;
	}}
	@media screen and (max-width:400px) 
	{.presentation-box h2{
	font-size:1em;
	}}




.left-column-presentation-box{width:46%;
	margin:0 0 0 0;
	float:left;
	order:solid green 2px;
	}
	@media screen and (max-width:900px) 
	{.left-column-presentation-box{
	width:41%;
	}}
	@media screen and (max-width:600px) 
	{.left-column-presentation-box{
	width:80%;
	float:none;
	margin-left:auto;margin-right:auto;
	}}
	
.left-column-presentation-box img{width:30%;
	}




.right-column-presentation-box{width:50%;
	margin:0 0 0 2%;
	float:right;
	order:solid green 2px;
	}	
	@media screen and (max-width:900px) 
	{.right-column-presentation-box{
	width:55%;
	}}
	@media screen and (max-width:600px) 
	{.right-column-presentation-box{
	width:100%;
	margin:1em 0 0 0;
	margin-left:auto;margin-right:auto;
	float:none;
	}}


.right-column-presentation-box ul{
	margin:0 3% 0 0;
	font-size:.9em;
	text-align:left;
	list-style-type:none;
	order:solid rgb(235,235,235) 1px;
	}
	@media screen and (max-width:900px) 
	{.right-column-presentation-box ul{
	margin:0 3% 0 0;
	font-size:.8em;
	}}
	@media screen and (max-width:600px) 
	{.right-column-presentation-box ul{
	width:80%;
	margin-left:auto;margin-right:auto;
	font-size:.9em;
	}}
	@media screen and (max-width:500px) 
	{.right-column-presentation-box ul{
	font-size:.8em;
	}}


.right-column-presentation-box li{
	margin:0 0 0 -6%;
	padding:0 0 .3em 0;
	order:solid rgb(235,235,235) 1px;
	}
	@media screen and (max-width:800px) 
	{.right-column-presentation-box li{
	margin:0 0 0 -8%;
	}}
	@media screen and (max-width:600px) 
	{.right-column-presentation-box li{
	margin:0 5% 0 -3%;
	padding-bottom:.7em;
	}}


.right-column-presentation-box p{
	margin:2em 5% 0.5em 0;
	font-size:1em;
	text-align:justify;
	text-indent:3%;
	color:rgb(50,50,50,);
	order:solid rgb(235,235,235) 1px;
	}
	@media screen and (max-width:900px) 
	{.presentation-box p{
	}}
	@media screen and (max-width: 600px) 
	{.presentation-box p{
	margin:1em 5% 0.5em 5%;
	font-size:.9em;
	line-height:1.5em;
	}}




/*********** END presentation-box **********/

















/***********BEGIN horizontal_social_links_menu**********/

.horizontal_social_links_menu{width:100%;
	color:green;
	background-color:white;
	order:solid green 2px;
	}
	@media screen and (max-width: 700px) 
	{.horizontal_social_links_menu{width:100%;
	margin:.5em 0 0 1%;
	}}

.horizontal_social_links_menu a{
	margin:0 2% 0 0;
	float:right;
	}

.horizontal_social_links_menu img{height:1.5em;
	margin:.2em 5% 0 0;
	}
	@media screen and (max-width: 600px) 
	{.horizontal_social_links_menu img{width:18px;
	}}




/***********END horizontal_social_links_menu**********/













/*********** contact-box **********/

#footer-box-store-hours{width:35%;
	margin:0 0 0 5%;
	float:left;
	font-size:.8em;
	text-align:left;
	order:solid gray 1px;
	}
	@media screen and (max-width: 600px) 
	{#footer-extra-box{width:80%;
	margin-right:2%;
	font-size:.8em;
	}}	

#footer-box-store-hours td{
	padding:0 2em 0 0;
	}





#footer-extra-box{width:50%;
	margin:0 3% 0 0;
	float:right;
	text-align:left;
	order:solid gray 1px;
	}
	@media screen and (max-width: 600px) 
	{#footer-extra-box{width:80%;
	margin:0 4% 0 8%;
	float:left;
	font-size:.8em;
	}}





.contact-box{width:100%;
	margin:0 0 0 0;
	order:solid rgb(235,235,235) 1px;
	}
	@media screen and (max-width: 600px) 
	{.contact-box{
	font-size:.8em;
	}}


.contact-box h4{font-size:1.7em;
	order:solid rgb(235,235,235) 1px;
	}

	
#contact-link{
	display:inline;
	order:solid red 10px;
	}

#contact-link a{
	padding:.5em 2% .5em 2%;
	color:rgb(75,75,75);
	text-decoration:none;
	background-color:white;
	box-shadow:3px 3px 7px rgb(125,150,125);
	order:solid rgb(235,235,235) 1px;
	}


#contact-link:hover a{
	background-color:rgb(235,235,235);
	color:rgb(25,25,25);
	}


#postlink a{
	color:green;
	font-size:.9em;
	}

#postlink p{
	color:green;
	font-size:.9em;
	}