/* Existing Tag selectors */


/* Smart Phone Responsive Web Design below 360px */
body {
	background-color: honeydew;
}
img {max-width:100%; height:auto;}
header, nav, section, article, aside, footer, figure, figcaption {display:block; width:100%}
header {background-color: honeydew; padding:6px 0;}
header img{display:block; margin:auto;} /* center image */
header #title {text-align:center; color:#363;}
header #title h1 {margin:0; font: 1.3em Tahoma, Geneva, sans-serif; color:#000000}
header #title p {margin:0; font:bold 1em Georgia, sans-serif;}
header a#phone {display:block;	text-align:center; text-decoration:none;
	font:bold 1.4em Georgia, sans-serif; color:#000000}
nav {clear:both;text-align:center; background-color:#363;} /* Forrest Green, bottom padding to balance gap */
nav a {
	text-decoration:none; display:block; 
	color:#FFF; font-weight:bold; 
	border-bottom: 1px #FFF solid; 
	height:36px; line-height:36px; 	
     } /* line-height will verticaly align center */
nav a#pullMenu {height:36px; border-bottom:none; background: rgba(0,102,51,1); text-align:left; font:bold 1.8em impact; line-height:36px; margin-right:20px;}
nav a.selected {color:#aaa}
nav ul {display:none; margin:0; padding: 0; white-space:nowrap;}
nav li {list-style-type:none}
nav li a:hover {color:#FFC; background-color:black;}
section {padding:2%; width:96%; background-color:honeydew;}
aside {}
footer {text-align:center; font-size:.8em; padding:2% 0; clear:both; color:#FFF; background-color:#363; }
#wrapper {background-color:honeydew;} 

@media only screen and (min-width:640px) { /**** controls font size and position *****/
header {overflow:hidden} /* needed with floating divs and other elements to keep element from collapsing */
header img {float:left;	margin-right:20px; margin-left:10px;}
header #title {float:left; margin-top:20px;}
header #title h1 {font:bold 1.6em Tahoma, Geneva, sans-serif;}
header #title p {font:bold 1.1em Georgia, sans-serif;}
header a#phone {float:right; margin-top:35px; margin-right:10px;} 
/* for small screen portrait phone# under h1; for landscape or 640 phone to right */
}

@media only screen and (min-width:768px) /* Tablet RWD */
{
body {width:768px; margin:auto}	
header #title h1 {
	font: bold 2em Tahoma, Geneva, sans-serif;
	color: #000000
}
header #title p {font:bold italic 1em Georgia, "Times New Roman", Times, serif;}

nav {display:block;}
nav a {display:inline; padding:2px 6px; border-top: 1px #FFF solid;}
nav a#pullMenu {display:none}
nav ul {display:block;}
nav li {display:inline; padding:10px 10px}
section {float:right; width:74%}
aside {float:left; width:20%; padding-top:4%; padding-left:2%; font-size:1.1em; color:#C90; background-color:#FFC;} /* light yellow */
}

@media only screen and (min-width:1000px) /* Desktop RWD */
{
body {width:1000px; margin:auto}
}

/* Classes */

.photo { 
	padding:12px 
	}