/*##################################
  # Designed by Mary Fisher Design #
  #                                #
  # www.maryfisherdesign.com       #
  # (c) Copyright                  #
  ##################################*/


img, div { behavior: url(css/iepngfix.htc) } 
/* Alternatively, you can specify that this will apply to all tags like so: * { behavior: url(iepngfix.htc) } */ 



body 
{
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	background-repeat: repeat-x;
	background-position: left -1px;
	background-color: #EBE8E0;
	background-image: url(/images/bg-sub.jpg);
}


/* HEADERS */

h1 {
	font-size: 200%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 10px;
	color: #293E69;
}

h2 a, h3 a { text-decoration: none; }

h2 a:hover, h3 a:hover
{ text-decoration: underline; }

h2 {
	font-size: 170%;
	color: #698B5E;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: normal;
}


h3 {
	font-size: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #698B5E;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 5px;
}

h4 {
	font-size: 130%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 10px;
	color: #293E69;
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCFBF;
}

h5 {
	font-size: 80%;	
}




/* LINKS */

a {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	color: #003366;
}

	
a:hover
{
	text-decoration: none;	
}


#wrap {
	width: 1090px;
	position: relative;
}
#header {
	background-image: url(/images/header-sub-bg.jpg);
	background-repeat: no-repeat;
	background-position: -50px 39px;
}



#banner {
	width: 571px;
	margin-left: 450px;
	padding-top: 40px;
	height: 252px;
	background-repeat: no-repeat;
	background-position: 0px 40px;
}

#pagetwo #banner {
	background-image: url(/images/banner-tennis.jpg);
}
#pagethree #banner {
	background-image: url(/images/banner-father.jpg);
}
#pagefour #banner {
	background-image: url(/images/banner-drill.jpg);
}
#pagefive #banner {
	background-image: url(/images/banner-climber.jpg);
}
#pagesix #banner {
	background-image: url(/images/banner-tennis.jpg);
}
#pageseven #banner {
	background-image: url(/images/banner-father.jpg);
}
#pageeight #banner {
	background-image: url(/images/banner-climber.jpg);
}

#none #banner {
	background-image: url(/images/banner-drill.jpg);
}


	


#topnav {
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 20px;
	width: 571px;
	color: #FFFFFF;
	height: 22px;
	font-size: 150%;
	font-weight: normal;
	left: 450px;
}

#topnav li { float: left; display: block; position: relative; }
#topnav #phone {
	width: 250px;
	float: left;
}
#topnav #search {
	float: right;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: -3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#topnav #search #search {
	width: 150px;
}
#topnav #search .submitbutton {
	margin-bottom: -5px;
}


* html #topnav li * {
}
 


/* navigation */



#nav {
	text-align: center;
	clear: both;
	margin-left: 50px;
}


#nav ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}


#nav li {
	float: left;
	
}

#nav li a {
	color: #003366;
	text-decoration: none;
	display: block;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 15px;
}

#nav a:hover {
	color: #EBE8E0;
	}


body#homepage  #butt1  a,
body#pagetwo #butt2 a,
body#pagethree  #butt3  a,
body#pagefour  #butt4  a,
body#pagefive  #butt5  a,
body#pagesix  #butt6  a,
body#pageseven  #butt7  a,
body#pageeight  #butt8  a {
	background-color: #CCCFBF;
	color: #003366;
	}

/* drop Menu */



ul#dropmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;

  
  
}

ul#dropmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: none;
	position: absolute;
	top: 48px;
	left: 0;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/
	width: 192px;
	background-color: #A6B29A;
	z-index: 600;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 4px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #003366;
}



ul#dropmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  
}

ul#dropmenu ul li {
	display: block !important;
	display: inline; /*For IE*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	width: 192px;

}

/* Root Menu */
ul#dropmenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/

}
ul#dropmenu ul a {
	font-size: small;
	color: #003366;
	text-align: left;
	line-height: 12px;
}


  


/* 2nd Menu */
ul#dropmenu li:hover li a,
ul#dropmenu li.iehover li a {
  float: none;
  background: none!important;
	
}

/* 2nd Menu Hover Persistence */
ul#dropmenu li:hover li a:hover,
ul#dropmenu li:hover li:hover a,
ul#dropmenu li.iehover li a:hover,
ul#dropmenu li.iehover li.iehover a {
	color: #EBE8E0!important;
	text-decoration: none;
}


/* Do Not Move - Must Come Before display:block for Gecko */
ul#dropmenu li:hover ul ul,
ul#dropmenu li:hover ul ul ul,
ul#dropmenu li.iehover ul ul,
ul#dropmenu li.iehover ul ul ul {

  display: none;
}

ul#dropmenu li:hover ul,
ul#dropmenu ul li:hover ul,
ul#dropmenu ul ul li:hover ul,
ul#dropmenu li.iehover ul,
ul#dropmenu ul li.iehover ul,
ul#dropmenu ul ul li.iehover ul {
  display: block;
}
#dropmefnuitems  a {
	color: #720000!important;

}
#dropmenufitems  a:hover {
	color: #000!important;

}


/* LAYOUT */

#content {
	padding-top: 20px;
	margin-left: 50px;
}

#main {
	width: 602px;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #333333;
	padding-right: 10px;
	display: inline;
}
#main p {
	margin-bottom: 10px;
	line-height: 1.6ems;
}

#main img {

	border: 1px solid #666666;
	margin-right: 10px;
	margin-top: 5px;
}


#homepage #main img, #main .view img {
float: left;
}


#sidebar {
	width: 300px;
	margin-left: 620px;
	padding-right: 10px;
	padding-left: 7px;
}
/*
#sidebar  li {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 5px;
}

#sidebar a {
	font-weight: bold;
	color: #293E69;
}

#sidebar a:hover {
	text-decoration: none;
}
*/
#footer {
	text-align: center;
	margin-bottom: 10px;
	margin-left: 50px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #A1B19A;
	padding-top: 10px;
	margin-top: 10px;
	width: 900px;
}
	
#footer p {
	font-size: 100%;
}
#footer a {
	color: #333333;
	text-decoration: none;
}
#footer .cities {
	font-style: italic;
	color: #666666;
	margin-top: 10px;
	font-size: 95%;
	line-height: normal;
	margin-bottom: 10px;
	text-align: left;
}
#footer .mary {
	font-size: 95%;
	text-align: left;
	color: #666666;
}



#logo  {
	background: url(/images/shimp-sign-design-jacksonville-logo-sub.jpg) no-repeat;
	position: relative;
	display: inline;
	float: left;
	position: relative;
	text-align: center;
	width: 400px;
	padding-top: 165px;
	height: 128px;
	padding-left: 20px;
	}
	
#slogo  {
	position:absolute;
	left:32px;
	top:99px;
	width:379px;
	height:-105px;
	z-index:1;
}	



/* BODY CHANGES */


body#homepage
{
	background-image: url(/images/bg.jpg);
	background-position: left 0px;	
	}

#homepage #banner {
	height: 349px;
	width: 571px;
	position: absolute;
	visibility: visible;
	z-index: 500;
	left: 450px;
	margin: 0px;
	padding: 0px;
	top: 41px;
}
body#homepage #header {
	background-image: url(/images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: -50px 39px;
	height: 390px;
}


body#homepage #logo  {
	position: relative;
	display: inline;
	float: left;
	position: relative;
	text-align: center;
	width: 400px;
	padding-top: 180px;
	height: 160px;
	padding-left: 20px;
	}
	
body#homepage #slogo  {
	position:absolute;
	left:32px;
	top:99px;
	width:379px;
	height:-105px;
	z-index:1;
}	


/* CLASSES*/



.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-top: 10px;
	font-style: italic;
	padding-left: 15px;
	color: #666666;
	padding-right: 20px;
	background-position: 0px 0px;
}

.dark {

color: #333;

}



.readmore {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.readmore a {
	color: #666666;
	text-decoration: none;
	padding: 5px;
}
.readmore  a:hover   {
	text-decoration: underline;
}
.sign {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-style: italic;
	text-align: left;
	padding-right: 50px;
	padding-left: 30px;
	padding-bottom: 5px;
}
.formfields {
	background-color: #CCCFBF;
	border: 1px dotted #336633;
	padding: 5px;
	width: 90%;
}
#main    li       {
	margin-left: 20px;
	list-style-type: square;
	margin-bottom: 5px;
}
#main ul {
	margin-bottom: 20px;
}


#sidebar li a {
	border-bottom-color: #A6B29A;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	list-style-type: none;
	text-decoration: none;
	width: 270px;
	padding-left: 10px;
}
#sidebar ul {
	margin-bottom: 20px;
}

#sidebar li a:hover {
	background-color: #D8D5C3;
}
#pagesix p {
	margin-bottom: 0px;
}

.new {
	background-image: url(/images/new-icon-3.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 20px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #A7B399;
}
.specialty {
	font-style: italic;
	background-color: #e4dfd3;
	padding-left: 5px;
}
/*
.specialty a {
	text-decoration: none;
}

.specialty a:hover {
	text-decoration: underline;
}
*/

.category {
	color: #698B5E;
	font-style: italic;   

}#newtestimonial  .sign {
	margin-bottom: 50px;
}
#main .page {
	background-color: #CCCFBF;
	text-align: center;
}
.hidden {
display: none;

}

.marker { background-color: #ff0; }

.testimonial_picsm {
	width: 100px;
	height: auto;
	margin-left: 10px;
	float: right;
}

.testimonial_pic {
	width: 250px;
	height: auto;
	margin-right: 10px;
	float: left;
}
.picnews  {
	border: 1px solid #666;
	height: 75px;
	width: 75px;
	margin-right: 10px;
	margin-bottom: 10px;
}