@import url("../fonts/font-kit.css");
/* 
  -----------------------------------
(c) Project Seven Development
adapted by Open Sandwich Design
  -----------------------------------
*/

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #FFFFFF;
	margin: 0px 0;
	padding: 0px;
}
img {vertical-align: bottom;}

.masthead {
	padding: 10px 0px 0 0;margin:0 ;
	text-align:center;
	background: url(../images/headerbkg1.jpg)repeat-x bottom right;
}
.masthead .logo {
	/*	position: relative;
background-color: #222;*/
width:429px; height:172px;margin:0 auto; padding:0;
background:url(../images/logo4shoes1.png) center no-repeat;
}
.masthead h1, .head {	
	margin: 0;
	color: #222;
	padding: 90px 20px 0px 20px;
	/*font-size: 1.35em;*/	font-size: 2em;
	font-weight: normal;
/*	letter-spacing: .35em;*/
}
.subhead {font-size: 1.5em;font-family: 'philosopherregular', Arial, Helvetica, sans-serif;}
.logo p {margin:5px 0 !important;}

/*Max-Width allows the image to scale with the page
.masthead .banner img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	display: block;
}
.masthead .banner {
	position: relative;
	z-index: 20;
	box-shadow: 0px 0px 20px #000;
	overflow: hidden;
}*/

.content-wrapper {
	margin: 0 auto;
	max-width: 980px;
/*	border: 1px solid #222;*/
	overflow: hidden;
}
.columns-wrapper { 
	background-color: #FFF;
}

.content {
	padding: 30px;
	font-size: 1em;
	line-height: 1.5em;
}
.nopad {padding-top:0 !important; padding-bottom:0 !important;}

/*Heading styles*/
h1, h2, h3, h4 {
	margin: 30px 0px 0px 0px;font-family: 'philosopherregular', Arial, Helvetica, sans-serif;
	    font-weight: normal !important;
    font-style: normal !important;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.35em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1em; }
.centretxt { text-align:center !important;}
/*A utility rule assigned to the first heading to remove top margins.*/
.page-topper { margin-top: 0px; }

/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}
.sidebar li, .sidebar2 li { 
	margin-bottom: 4px; 
}

/*Ordinary Link Styles*/
.content a { color: #0066CC; }
.content a:hover, .content a:focus { color: #C30; }

.footer a {
	color: #eee;
}
.footer a:hover, .footer a:focus { color: #FFF; }
.copyright a {color: #8C8C8C;}

.menutop-wrapper {
	background-color: #3E5038;
	border-bottom: 1px solid #FFF;
	/*box-shadow: 0px 0px 30px #999;*/
	position: relative;
	z-index: 10;
	text-align: center;
	padding: 10px;
/*background-image: url(../images/bg5.png);*/
	overflow: hidden;
}

ul.menutop {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: bottom;
}
.menutop li {
	list-style-type: none;
	margin-right: 5px;
	float: left;
}
.menutop li:last-child {
	margin-right: 0px;
}
.menutop a {
	display: block;
	color: #CCC;
	text-decoration: none;
	padding: 5px 12px;
	font-size: 1em;
	border: 1px solid;
	background-color: #3E5038;
	box-shadow: inset 0px 12px 6px rgba(255,255,255,.15), 0px 0px 10px rgba(0,0,0,.5);
	border-radius: 5px;
	border-color: rgba(255,255,255,.5);
	-webkit-transition: all linear .35s .1s;
	transition: all linear .35s .1s;
}
.menutop a:hover, .menutop a:focus {
	color: #FFFFFF;
	background-color: rgba(51,51,51,0.2);
	outline: 0;
}

.footer {
	background-color: #222;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	border-top: 1px solid #000;
	padding: 30px 0px;
	text-align: center;
}
.footer p {
	text-transform: uppercase;
	margin: 10px 0px;
	color: #eee;
	}
	
.footer p.copyright {font-size: 11px;
	text-transform: uppercase;
	margin: 0px;color: #8C8C8C;
}
form {padding:0;margin:0;}
.contactform { 
width:400px;
font-size: 13px;
color: #222;
/*margin:10px 0;*/
padding: 0px; 
display: block;
margin:0 auto;
} 
.contactform p {margin:5px 0!important;}
.contactform input {
	width:300px;height:20px;border: 1px solid #339933;
}
.contactform textarea {
	border: 1px solid #339933;width:350px;height:100px;
}
.contactform label {
	display: block;margin:2px 0;font-weight:bold;
}
input.button { 
background: #339933;font-size:.9em; font-weight:bold;
color: #fff;width:95px; border: 1px solid #465e8e;
 letter-spacing: 1px;display:inline;padding:0 5px;
} 
.formerrors {color:#CC0000;}
b {font-size:.9em!important;}
/*Border Radius for CURVED CORNERS. The overall wrapper is assigned an 8px radius on all 4 corners. The masthead is assigned a 6px radius for its top corners. The footer is assigned a 6px radius for its bottom corners. The footer and masthead radii must always be 2px less than the radii set on the content wrapper so that its border displays properly.
.content-wrapper {border-radius: 6px;}
.masthead {border-radius: 4px 4px 0px 0px;}
.footer {border-radius: 0px 0px 4px 4px;}*/

/*google map*/
#map-canvas{
	height:450px; max-width:98%;border: 1px solid #888;margin:0 auto;
	}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 699px) {
body {margin: 0px;}
ul.menutop {display: block;}
.menutop li {
	display: block;
	float: none;
	margin-right: 0px;
	margin-bottom: 5px;
}
.content, .menutop-wrapper {padding: 10px !important;}
.content-wrapper, .masthead, .footer {
	margin: 0px;
	width: auto;
	border-radius: 0px;
	border: none;
}
.masthead, .footer {border-radius: 0px;}
}
@media only screen and (min-width: 700px) and (max-width: 1000px)  {
.content-wrapper {width: auto; margin: 0px 10px;}
}