/*
Theme Name: Lakeside Plumbing
Theme URI: http://www.1955Design.com/
Version: 1.0
Author:  David Zemens
Author URI: http://www.1955Design.com/
Description: Custom designed WordPress theme for Lakeside Plumbing.
*/
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}
div>p {margin:0}
* {
  margin : 0;
  padding : 0;
}

body { 
	background: #fafafa; 
	font: 100%/1.5em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #111;
	text-align: center; 
	background-image:url(i/bg_body_stripe.gif);
	background-repeat:repeat-x;
	background-attachment:scroll;
	margin-top:12px;
}

/* links */
p a[href*="pdf"], .post ul li a[href*="pdf"]  {
   padding-right : 17px;
   background : transparent url(i/pdf.jpg) no-repeat 100% 3px;
}

a, ul li a {
	color:#2D5986;
	text-decoration: underline;
}
a:hover, a:focus, a:active, ul li a:hover {
	background-color:#D7E3D9;
	color: #000;
	text-decoration: none;
}
a:active {
	background-color:#FFCC66;
	color: #000;
	text-decoration: none;
}
ul li a {
	font-weight:bold;
	text-decoration:underline;
}
/*
.ahref_icon {
   padding-right : 15px;
   background : transparent url(i/dashed.gif) no-repeat 99% 7px;
}
#col-main .post a[href^="http:"],  #col-main .post a[href^="https:"] {
   padding-right : 12px;
   background : transparent url(i/ahref_icon.gif) no-repeat 99% 7px;
}
*/
a img {
	padding:3px 3px 3px 3px;
	border: 1px solid #ccc;
	margin:10px 10px 10px 10px;
}
img {
	float:right;
	padding:3px 3px 3px 3px;
	border: 1px solid #ccc;
	margin: 0 0px 10px 15px;
}
.img_dashed img, .img_dashed a img {
border: 1px dashed #ccc;
float:left;
}
.img_dashed h6 {
    color:red;
}
/* hn */

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	color: #007747;
	margin: 0 0 0 0;
}
h1 { 
	margin: 0;
	font-size: 4em; 
	font-weight: bold; 
}
h1 a { 
	color: #515151;
}
h1 a:hover { 
	background: none;
	border-bottom: none;
	color: #069;
}
h2 { 
	font-family:Verdana,"Times New Roman", Times, serif;
	font-size: 1.4em; 
	padding:0 0 0 0;
	margin:15px 0 0px 0;
}

h3 { 
	font-family:Verdana,"Times New Roman", Times, serif;
	font-size: 1.3em; 
	padding:0 0 0 0;
	margin:15px 0 0px 0;
}
h4 { 
	font-family:Verdana,"Times New Roman", Times, serif;
	font-size: 1.2em; 
	font-weight:bold;
}
h5 { 
font-size: 0.8em; 
}
h6 { 
font-size: 0.7em; 
}

/* misc */

abbr, 
acronym {
font-style: normal; 
border-bottom: 1px dotted #666; 
cursor: help;
}
code, pre { 
font-family: Monaco, "Courier New", Courier, monotype, serif; 
}
.right-text {
	font-family: "Times New Roman", Monaco, "Courier New", Courier, monotype, serif; 
	float:right;
	background-color:#666;
	color:#fff;
	padding:2px 5px 2px 5px;
}
pre {
border: 1px solid #888;
background: #fafafa;
padding: 4px;
overflow: auto;
width: 95%;
max-height: 500px;
margin: 10px auto;
font: 1em/1.5em "courier new", courier, monospace;
}

/* definition lists */
dl#lakeside {
	font-size:1.2em;
}
dl { 
	margin: 0px 0; 
}
dt {
	font-size: 1.2em; 
	font-weight:bold;
	margin-top:5px;
	color: #007747;
}
dd {
	margin: 0 0 10px 10px;
	line-height:1.2em;
	font-size: 1.2em;
}
dd a {
	font-weight:bold;
}
/* list styles */
#col-main ul {
	margin: 10px 0 10px 0; 
} 
#col-main ul li, #col-main ul li ul li {
	list-style-type: none;
	margin: 0 0 5px 15px;
	padding: 0 0 0 24px;
	background: url(i/bullet.gif) no-repeat 0 1px;
	line-height: 18px;
	font-size:1.1em;
}
#col-main ul li ul li a{
	font-size:0.9em;
}
#col-main ol {
margin: 10px 0 10px 25px; 
}
#col-main ol li {
margin: 0 0 5px 0; 
}

/* PULL QUOTES */
blockquote.left { 
	width: 260px; 
	margin: 5px 15px 5px 0; 
	font-size: 1.3em; 
	text-align: center; 
	border: none;
	padding: 0 ;
	float: left;
 }

blockquote {
	color: #111;
	background: url(i/blockquote.gif) no-repeat;
	padding: 13px 0px 0px 15px;
	margin: 5px 0px 0px 10px;
	text-indent:38px;
	font-style:italic;
}
cite {
	color: #00714D;
	padding:.7em 4.0em .2em 0em;
	margin:0px 0px 0 0;
	display: block; 
	text-align : right;
	font-style:normal;
	font-weight:bold;
	background-image:url(i/quotes_end.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-family:"Verdana", Courier, mono;
	font-size:1.1em;
}
/* blockquote */


/* http://www.microsoft.com/OpenType/otspec/WGL4B.HTM */
cite:before {
	content: "\002d \0020"; 
}
/* END PULL QUOTES */
/* image styles */

img.left {
float: left;
margin: 0 15px 10px 0;
}
img.right {
	float: right;
	margin: 0 0 10px 15px;
}
img.center {
	display: block;
	float:none;
	margin: 10px auto 0 auto;
}
img.stack { clear: both !important; }
img.border {
	padding: 2px;
	border: 1px solid #999;
}
img.noborder {
	border:0px;
}
span.right {
	float: right;
	padding-right:5px;
}
span.left {
}
/* layout
------------------------------------------------------ */

#container {
	margin: 0 auto;
	padding:0 0 0 0; 
	min-height:100%;
	margin-bottom:-75px;
	height:auto;	
	border-top:0px solid #CBC8B8;
	width: 760px;
	font-size: 0.75em;
	text-align: left;
	background-color:#fafafa;
	display:table; /* expands the container to auto and full height ?? - it works for Mozilla  GREAT TIP  September 2006*/
	/*background-image:url(i/bg_photo_full.gif);
	background-position: 134% -45px;
	background-repeat:no-repeat;
	*/
}
* html #container {
	height:100%;
}
#wrap {
	height: auto;
	min-height:100%;
	margin-bottom:-75px;
	height:auto;
	margin: 0px 0 0 0;
	padding:0 0 00px 0;
	border-left:1px solid #CBC8B8;
	border-right:1px solid #CBC8B8;
	border-bottom:1px solid #CBC8B8;
	background-image:url(i/bg_wrap.gif);
	background-position:100% 100%;
	background-repeat:repeat-y;
	/*
	background-image:url(i/bg_compass.gif);
	background-position:96% 98%;
	background-repeat:no-repeat;
	*/
}
* html #wrap {
	height:100%;
}
#sidebar {
	float: right;
	width: 205px;
	padding: 5px 0 0 0;
	margin:0 0px 0 0;
	text-align: right;
	/*
	background-image:url(i/bg_photo_sidebar.gif);
	background-repeat:no-repeat;
	background-position:top right;
	*/
}

#col-main {
	float: left;
	width: 493px;
	margin:22px 0 0 22px;
	padding:0 0px 0 0;
}

#col-main .para {
	font-size:1.2em;
	margin: 0 0 10px 15px;
	width:500px;
}
#col-right {
	float: right;
	width: 120px;
	height:auto;
	background-color:#899F86;
	margin:0px 0 0 0;
	padding: 10px 0 0 0px;
	background-image:url(i/bg_col_right.gif);
	background-repeat:no-repeat;
}	
#col-right-after {
	width: 120px;
	height:25px;
	background-image:url(i/bg_col_right_bot.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#fafafa;
}

/* header
------------------------------------------------------ */

#header {

}
body#home #header {
border-bottom: none;
}

/* main navigation */
#sidebar li h2 {
	font-weight:bold;
	font-size:1.5em;
	padding-right:20px;
	color:#5B946C;
}
#nav_left {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display:block;
}
#sidebar ul {
	margin:0 0 15px 0;
	padding:0 0 0 0;
}
#sidebar ul li {
	display: block;
	list-style-type: none;
	background-image: none;
}
.li_smaller {
	font-size:0.7em;
	font-size:0.9em;
text-align:center;
}
* html .li_smaller {
	font-size:0.8em;
}

#sidebar ul li a {
	display: block;
	color: #515151;
	background-color:transparent;
	text-decoration: none;
	font-size:1.2em;
	padding-left:22px;
	padding-right:20px;
}
#sidebar ul li a:focus, #sidebar ul li a:active {
	background-color:#C2D7EB;
	color:#000;
}
#sidebar ul li a:hover {     /* background image on main navigation items only */
	color: #2686A6;
	background-color:transparent;
	background: url(i/nav_marker.gif) no-repeat 5% 50%;
}
#sidebar ul.li_smaller li a:hover {     /* smaller font size for sidebar items other than navigation links */
	color: #2686A6;
}
#sidebar ul.main_nav li.page_item a:focus, #sidebar ul.main_nav li.page_item a:active,
#sidebar ul.li_smaller li a:focus, #sidebar ul.li_smaller li a:active {
	background-color:#D7E3D9;
	color:#000;
}
#sidebar ul li.current_page_item {
	background: url(i/nav_marker_black.gif) no-repeat 5% 50%;
	color: #515151;
	background-color:#fafafa;
}
#sidebar ul li.current_page_item a {
	color: #515151;
}
#sidebar ul li.current_page_item a:hover {
	color: #515151;
	cursor:default;
	/*background: url(i/nav_marker_black.gif) no-repeat 5% 50%;*/
}
#sidebar ul li.rss {
	background: url(i/rss.png) no-repeat 5% 50%;
	color: #515151;
	background-color:transparent;
}
#sidebar ul li.rss a:hover {


	background: url(i/rss.png) no-repeat 5% 50%;
}
#sidebar ul li.close {
	color:red;
}
/* latest post
------------------------------------------------------ */

#latest {
height: 1%;
border-bottom: 1px solid #eee;
}
body#home #latest {
border-top: 1px solid #e1e1e1;
}
#latest-inner {
height: 1%;
margin: 5px 0;
background: url(i/latest.gif) repeat-y;
}

/* post */

#post-latest {
float: left;
width: 550px;
font-size: 1.1em;
color: #333;
}
#post-latest h3 {
margin: 0;
padding: 20px 0 0 20px;
}
#post-latest h2 {
margin: 20px 20px 0;
font: bold 1.1em Verdana, Helvetica, Arial, sans-serif;
}
#post-latest p.post-meta {
margin: 0 20px;
font-size: 0.8em;
color: #666;
}
#post-latest .post-body {
	padding: 10px 20px 20px 0;
}

/* about */

#sec-about {
float: left;
width: 210px;
padding: 0 0 20px;
background: #F3F8F8;
font-size: 0.9em;
line-height: 1.6em;
}
#sec-about p {
margin: 20px;
}
#sec-about h3 {
margin: 0;
padding: 20px 0 0 20px;
font-size: 1.1em;
}

/* main column
------------------------------------------------------ */

/* post */

.error {
	color:red;
}
#col-main h3.sec-title {
	padding: 0px 15px 10px;
	font-variant:small-caps;
	text-transform:none;
	letter-spacing: 0.2em;
	text-align:left;
	color:#004F21;
	font-weight:bold;
	font-size:1.2em;
}
.post {
	margin: 0 15px 10px 15px;
	padding: 0 0 10px 0;
}
* html .post {
	margin: 0 15px 10px 0px;
	}
.post-body {
	padding:8px 8px 0 8px;
	/*
	background-image:url(i/bg_post_body.gifDWZ);
	background-position:top right;
	background-repeat:no-repeat;
	*/
	width:473px;
	height:auto;
}
.post-body-single {
	padding:8px 8px 0 8px;
	/*
	background-image:url(i/bg_post_body.gif);
	background-repeat:repeat-x;
	*/
	width:473px;
	height:auto;
}
.post-body-search {
	padding:4px 8px 0 8px;
	margin-bottom:20px;
	background-image:url(i/bg_post_body.gif);
	background-repeat:repeat-x;
	width:374px;
	font-size:1.2em;
}
* html .post-body-search {
	width:344px;
}
.post p, .post-body p, .post-body-single p {
	margin:0 0 10px 0;
	padding-top:5px;
	font-size:1.1em;
	line-height:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1.post-title, h1.post-title-single, h2.sec-title {
	font-family:"trebuchet ms", Georgia, "Times New Roman", Times, serif;
	margin: 0px 0 0px 0px;
	font-size:1.7em;
	font-weight:normal;
	color:#003366;
	color: #007747;
}
h1.post-title, h1.post-title-single {
	font-family: Verdana, Times, serif;
	font-size:1.6em;
	letter-spacing:1.2px;
	background: url(i/broline.gif) left bottom no-repeat;
}
#col-main h1.post-title a, #col-main h1.post-title-single a {
	color:#111;
	text-decoration:none;
	margin-bottom:0;
	display:block;
	font-family:"Times New Roman", Georgia, Times, serif;
	background: url(i/broline.gif) left bottom no-repeat;
	width:473px;
}
#col-main h1.post-title-single a {
}
#col-main h1.post-title a:hover, #col-main h1.post-title-single a:hover {
	background-color:#D7E3D9;
	display:block;
	color:#000;
}
#col-main h1.post-title-single a:hover {
}
#col-main .magnify {
	background: url(i/search.gif) no-repeat 0 2px;
	padding-left:20px;
}
.post-meta a {
	text-decoration:none;
	color:#666600;
	font-weight:bold;
	color:#006699;
}
p.post-meta {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	font-size: 1.0em;
	color: #999;
	text-transform: none;
}
body#archives p.post-meta-ind {
margin: 10px 0 0;
font-size: 0.85em;
}
span.meta-name {
display: block;
float: left;
width: 120px;
font-size: 1.1em;
text-transform: uppercase;
}
span.meta-detail {
font-size: 1.1em;
text-transform: none;
}
p.more {
margin: 20px 0 0;
padding: 0 0 0 20px;
background: url(i/dashed.gif) no-repeat 0 50%;
line-height: 18px;
}
#col-main p a  {
	color:#2D5986;
	font-weight:bold;
}
#col-main p a:hover  {
	color:#000;
}

/* prev-next navigation */

div.content-navigate {
padding: 10px 15px 20px;
}
span.alignright, span.alignright a {
float: right;
font-weight:bold;
}
span.alignleft, span.alignleft a {
float: left;

font-weight:bold;
}

/* comments */

#comments {


	margin:0 0 0 15px ;

	padding: 0 15px 20px 0;
	width:473px;
}
#comments h3 {
	margin: 0;
	padding: 10px  0;
	font-weight: bold;
	font-size:1.3em;
}
div.comment {
	height: 1%;














	padding: 1px 0;
	background: url(i/dot.gifDWZ) no-repeat 50% 100%;
	width:410px;
	margin-bottom:10px;
}

div.comment p {
margin: 5px 0;
}
.comment-meta {
	font-size: 0.90em;
	text-transform: uppercase;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#comments label {
display: block;
font-size: 0.9em;
}
#comment-author, 
#comment-email,
#comment-url,
#comment-text, 
#s {
width: 90%;
margin: 0 0 10px;
padding: 2px;
border: 1px solid #ccc;
font: 0.95em "lucida sans unicode", "lucida grande", verdana, "trebuchet ms", sans-serif;
}
#searchsubmit, 
#comment-submit {
	padding: 2px;
	background-color:#C9CCD6;
	border: 3px double #666;
	border-top-color: #ccc;
	border-left-color: #ccc;
	font-size: 85%;
	color: #333;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
}
.comment-author {
	background-image:url(i/bg_post_admin.gif);
	background-repeat:repeat-x;	
	background-position: top right;
	width:473px;
	padding:3px 5px 0 5px;
}
* html .comment-author {
	width:453px;
}
.comment-guest {
	background-image:url(i/bg_post_guest.gif);
	background-repeat:repeat-x;	
	width:473px;
	padding:3px 5px 0 5px;
}
* html .comment-guest {
	width:453px;
}
.comment-author p, .comment-guest p {
	line-height:17px;
}
/* search page
------------------------------------------------------ */

ul#search-results-list {
	margin: 5px 0 0 0;
}
ul#search-results-list li {
	margin: 0 0 0 0px;
	padding: 0 0 0 20px;
}
ul#search-results-list h2 {
	margin: 0;
	padding: 0;
}

/* side columns common
------------------------------------------------------ */

#col-right a:hover, #sidebar a:hover {
	background: transparent;
	border-bottom: none;
	text-decoration:none;
}
#sidebar li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	background-image: none;
	line-height: 16px;
}
#sidebar ul ul {
margin: 0;
}
#sidebar li li {
border-top: 1px solid #e5e5e5;
}
h3.sec-title {
margin: 0;
text-transform: uppercase;
letter-spacing: 0.2em;
}
div.left-sec, 
div.right-sec {
margin: 0 15px 40px;
}
#col-right ul {
	padding:0 0px 0 0px;
	text-align:right;
}
#col-right ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	background-image: none;
}
#col-right ul li.current_page_item {
	background-color:#004F21;
}
#col-right ul li.current_page_item a {
	color:#fff;
}
#col-right li h2 {
	font-weight:bold;
	font-size:1.1em;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	color:#fff;
}
#col-right ul li a {
	color:#fff;
	font-size:.9em;
	text-decoration:none;
	padding-left:0px;
}
#col-right ul li a:hover {
	color: #000;
}
#col-right ul li.rss {
	background: url(i/rss.png) no-repeat 5% 50%;
	color: #515151;
	background-color:#899F86;
}
#col-right ul li.rss a:hover {
	text-decoration:underline;
}
#col-right img {
	border:0px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

/* footer
------------------------------------------------------ */

#footer {
	margin: 0 0 0 0;
	padding: 1.0em 60px .5em 60px;
	font-size: 0.9em;
	text-align:center;
	width:638px;
	background-color:#fafafa;
	margin:0 auto 0 auto;
	border-left:1px solid #CBC8B8; 
	border-right:1px solid #CBC8B8; 
	border-bottom:1px solid #CBC8B8;
	background-image:url(i/bg_footer.gif);
	background-position:left center;
	background-repeat:no-repeat;	
	height:auto;
	line-height:16px;
}

#footer a {
	font-variant:small-caps;
	font-weight:bold;
}
#clearfooter { clear:both;height:75px;}
/* misc
------------------------------------------------------ */

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Banner Elements **************************************************************/

#banner {
	background-color :#3399CC; 
	width:760px;	
	height:200px;
	overflow:hidden;
	cursor:pointer;
}

#banner a {
	position : absolute;
	width:760px;	
	height:200px;
	display : block;
	cursor : pointer;
	font-size : 1.6em;
	color:#fff;

	/* http://photomatt.net/scripts/randomimage/#comment-419661 */
	/*
	background-image:url(image_rotate/rotate.php); 
	background-position:top left;
	background-repeat:no-repeat; 
	*/
	background-image:url(i/header.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
}
#banner a:hover {
	background-color :#246F93; 
	color:#fff;
	text-decoration:none;
	/* http://photomatt.net/scripts/randomimage/#comment-419661  */
	/*
	background-image:url(image_rotate/rotate.php); 
	background-position:top left;
	background-repeat:no-repeat;
	*/
}
#banner a span {
	position : absolute;
	display : block;
	width:760px;	
	height:200px;
	/* http://photomatt.net/scripts/randomimage/#comment-419661 
	background-image:url(http://www.stoneycreekwebdesign.com/life/wp-content/themes/life/image_rotate/rotate.php); 
	background-position:top left;
	background-repeat:no-repeat;*/
	background-image:url(i/header.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#banner a:hover span {
	text-decoration:underline;
	width:760px;	
	height:200px;
	cursor : pointer;
	background-color :transparent;
	color:#000;
	/*
	background-image:url(i/header_combined.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	*/
	background-image:url(i/header_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#banner a:focus span, #banner a:active span { 
	position : absolute; 
	display : block; 
	width:760px;	
	height:200px;
	background-image:url(i/header.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
} 

#banner a span:focus, #banner a span:active { 
	position : absolute; 
	display : block; 
	width:760px;	
	height:200px;
	background-image:url(i/header.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
} 

/* END  Banner Elements **************************************************************/




ul#navfoot { margin:0 0 0 0; padding:5px 0 0 0; font-weight : bold;  }

ul#navfoot li { display : inline;  }

ul#navfoot li#last { border-right : 0; }

ul#navfoot a { padding : 2px 4px 2px 4px; color:#006699; } 

/* form elements begin (partial) ============================================ */

fieldset.searchclear {
  clear : both;
  width:110px;
  margin:0 0 0 0;
  padding:0 0px 00px 0;
  border:0px;
}

form#searchform {
	margin:0 0 10px 69px;
}

form#searchform fieldset legend {
  padding-left : 5px;
  padding-right:5px;
  margin-left:5px;
  font-weight:bold;
  font-size:1.2em;
  background-color:#fff;
}

form#searchform label, #thesearch {
  width : 95%;
  margin-left : 0px;
  font-size:10px;
}
* html form#searchform label{
  width : 98%;
  margin-left : 0px;
 }
* html #thesearch {
  width : 95%;
 } 

form#searchform input.med {
  width : 93%;
  padding:2px 0px 2px 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.3em;
}

input.button {
	cursor:pointer;
	background-color:#C9CCD6;
	color:#000;
	font-weight:normal;
	border: 2px outset #000;
	margin-top:5px;
}
input.button_submit {
 	width:200px;
	color:#000;
 }
input.button:hover {
	background-color:#7C97A5;
	border: 2px inset #000;
	color:#fff;
}
form#commentform input {
	width:300px;
}
/* end form elements */

#col-main .bookmarkme {
  text-align : center;
  color : #cc6633;
  padding : 5px 0 0 5px;
  margin:0 0 0 0;
  line-height : 1.3em;
  width :464px;
}
#col-main .bookmarkme a {
	margin-right:0px;
	font-size:1.0em;
	text-decoration:underline;
}
#col-main .bookmarkme a:hover {
	text-decoration:none;
	color:#111;
}
#bookmarkme_col {
	width:77px;
	height:auto;
	margin:0 auto;
	text-align:center;
}
#bookmarkme_col a {
	margin-right:0px;
	font-size:1.0em;
}
#bookmarkme_col a:hover {
	text-decoration:none;
}
.offset {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
  color:#fafafa;
}
span.hide {
	color:#ECECF1;
}

/*
green hidden accesible navigation
*/
.jump a {
   position : absolute;  /* Forces it off-page */
   top : -1000px; /* The direction and value (optional) */
   left : -1000px; /* The direction and value */
   padding : 5px; /* To style the link’s box (optional) */
   font-weight : bold; /* Link Styling (optional) */
   font-size : 100%; /* Link Styling (optional) */
   text-align:center;
}

.jump a:hover {
	text-decoration:underline;
	border-bottom:1px solid #fff;
}
.jump a:focus, .jump a:active {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   position : absolute; /* Forces it back on focus */
   top : 30px; /* The direction and value */
   left : 3%; /* The direction and value (I got better results with % here) */
   border:3px double #fff;
   color : #fff; /* Link Styling (optional) */
   z-index : 99; /* I needed it to be on top of my image banner and over the “Get the Latest icon on my home page*/
   width:12em;
   padding:0;
   background-color:#246C8E;
}
/* Button links to READ FULL ARTICLE, NEXT PAGE, PREVIOUS PAGE */
.continue, .older, input.button {
	width : 100%;
	padding : 0 0 0 0;
	margin : 15px 0 10px 0;
	text-align : left;
	font-size : 0.9em;
}
input.button {
	padding:2px 0 2px 0;
	margin-top:3px;
	text-align:center;
	width:105px;
	font-size:1.2em;
}
.older {
	width:100%;
	text-align:left;
}
.continue a, .older a {
	padding : 2px 20px 2px 20px;
	border : 2px outset #999;
	text-decoration : none;
	background-color:#C9CCD6;
	color : #222;
	white-space : nowrap;
}
.older a {
	background-color:#7C97A5;
	margin-left:25px;
	padding : 2px 35px 2px 35px;
	color:#fff;
}
.continue a:hover, .continue a:focus, .continue a:active, .older a:hover, .older a:focus, .older a:active,
	input.button:hover  {
	color : #fff;
	background-color:#7C97A5;
	border : 2px inset #999;
}
.older a:hover {
	background-color:#C9CCD6;
	color:#222;
}
.continue a:focus, .continue a:active, .older a:focus, .older a:active, input.button:focus, inout.button:active {
	background-color:#475C67;
	border : 2px inset #333;
	color:#fff;
}
/*
	End Page navigation lilnks
*/	
hr {
	text-align:center;
	width:50px;
	margin:0 auto 10px auto;
}
.green {
	color:#004F21;
}
.bold {
	font-weight:bold;
}
dfn {
	border-bottom: 1px dotted #64988B;
	border-color:#0033FF;
	font-style:normal;
}
dfn:hover {
	border-bottom: 1px dotted #64988B;
	cursor: help;
	border-color:#66CC00;
}

/* Main Menu Sliding Doors */
    #main_menu {
      float:left;
      width:760px;
	  height:25px;
      /*background:#B4CAB8 url("i/bg_photo.jpg") no-repeat bottom right;*/
	  /* http://photomatt.net/scripts/randomimage/#comment-419661 */
	  /*background-image:url(image_rotate_menu/rotate.php);
	  background-position:bottom right;
	  background-color:#B4CABB;*/
	  background-color:transparent;
      line-height:normal;
	  position:relative;
	  border-bottom:1px solid #ccc;
	  margin-top: -25px;
	  /*
	  background-image:url(i/bg_photo.jpg);
	  background-position:bottom right;
	  */
      }
    #main_menu ul {
      margin:0 0 0 0;
      padding:0px 10px 0;
      list-style:none;
      }
    #main_menu ul li {
      float:left;
      background:url("i/left.gif") no-repeat left top;
      margin:0 0 0 0;
      padding:0 0 0 9px;
	  height:auto;  /* height 25px; */
      }
    #main_menu ul li a {
      float:left;
      display:block;
      background:url("i/right.gif") no-repeat right top;
      padding:5px 15px 2px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
	  font-style:normal;
	  height:18px;
	  font-size:13px;	
      }
	  /* IE Conditional Comment needed to remove the height markup from the <a> tag */
	  * html #main_menu ul li a {
      padding:4px 15px 3px 6px;
	  height:auto;
	  }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #main_menu ul li a {float:none;}
    /* End IE5-Mac hack */
    #main_menu a:hover {
      color:#111;
      }
     #main_menu ul li a:focus, #main_menu ul li a:active {
      color:#3366CC;
      }
	  /* the CURRENT menu item display */
	   #main_menu .current_page_item {
      background-image:url("i/left_on.gif");
      border-width:0;
	  /* Mozilla will show the border on the bottom, the -1px adjusts for IE 6.0, but it does not shows the border.  It figures.  */
	  border-bottom:1px solid #fafafa;
	  margin-bottom:-1px;
     }


	 #main_menu .current_page_item a {
      background-image:url("i/right_on.gif");
      color:#111111;
	  cursor:default;
      }
	 /*  END current_page_item */
     #main_menu .current_page_item ul li a:focus, #main_menu .current_page_item ul li a:active {
      color:#000;
      }	  
/* End Main Menu Sliding Doors */

/* Javascript popup */
#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10 
	{
		height:auto;
		width:420px;
		margin:-12px 0 0 0;
		padding:5px 10px 10px 10px;
		background-image:url(i/bg_faq.gif);
		background-position:bottom right;
		background-repeat: no-repeat;
		display: none;
		border-right:1px solid #ECE9E9;
		border-left:1px solid #ECE9E9;
		border-top:1px solid #ECE9E9;
	}

/* END Javascript popup */ 
sup {
	vertical-align: text-top; 
	font-size: 65%;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	margin-top:-24px;
	width:100%;
	font-size:1em;
	font-weight:bold;
	position:relative;
	z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:25px;
	border-bottom:1px solid #ccc;
	background-color:#426048;
	background:#fff url(i/bg_nav.gifDWZ) top left repeat-x; 
	padding-left:10px;
}
.menu ul ul {
	width:200px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	width:85px;
	position:relative;
	text-align:center;
	margin-right:2px;
	background-image:url(i/right.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	z-index:100;
	background-color:#336699;
}
/* style the links for the top level */
.menu ul li a {
	z-index:-200;
	position:relative;
	display:block;
	font-size:1.1em;
	text-decoration:none; 
	color:#fff; 
	width:auto; 
	height:23px; 
	border:0px solid #666; 
	border-width:0px 0px 0px 0px; 
	padding:2px 0px 0 0px;
	background-image:url(i/left.jpg);  /* Working all tabs */
	background-position:top left;
	background-repeat:no-repeat;
	font-variant:small-caps;
}
.menu ul li a {
	background-color:transparent;
}
.menu ul li ul li {
	background-image:none;  /* Submenu needs this to avoid showing left.jpg from upper level */
}
.menu ul li ul li.page_item a {
	border-color:#666;
	border-width:1px 1px 1px 1px; 
	font-variant:normal;
	font-size:1em;
	margin-left:-10px;
	margin-top:-1px;
	background-image:url(i/bg_subnavDWZ.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}
.menu ul li ul li.page_item a:hover {
	text-decoration:none;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:89px;
w\idth:89px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
}
/* style the second level hover */
.menu ul ul a.drop:hover{
}
.menu ul ul :hover > a.drop {
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
}
/* style the third level hover */
.menu ul ul ul a:hover {
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:26px; /* offset the drop down menu just below the height of the main menu */
left:0px; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:26px;
t\op:31px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes noppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background-color:#92B4E1; 
color:#666; 
height:auto; 
line-height:1em; 




padding:5px 10px; 
width:129px;
text-align:left;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}

/*  current item indicator */
.menu ul li .nav_on {
	color:#FFCC33;
	cursor:default;
}
.menu ul li.current_page_item  {
	background-color:transparent;
	background-image:url(i/right_on.gif);
	background-position:top right;
}
.menu ul li ul li.current_page_item  {
	background-image:none;
}
.menu ul li.current_page_item a {
	color:#336600;
	background-image:url(i/left_on.jpg);
	background-position:top left;
}
.menu ul li ul li.page_item a {
	color:#fff;
	position:relative;
}
.menu ul li ul li.page_item a:hover {
	color:#fff;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	color:#FFF;
	background-color: transparent;
	text-decoration:underline;
}
.menu ul li ul li a:hover {
	background-color: #3399CC;
}
/*
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background-color:#B9B973;
 }
*/

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}






/* make the third level visible when you hover over second level list OR link */
/* http://www.darrenhoyt.com/2008/02/12/creating-two-tiered-conditional-navigation-in-wordpress/ */
/* Sub menu navigation with current_page_item status for sub level */
/*
#nav {
	background:#577da2;
	border-bottom:0px solid #FFF;
	height:1.9em;
	margin-top:-22px;
	padding-left:10px;
	position:relative;
	}

#nav li {
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #fff;
	}

#nav li, #subnav li {
	float:left;
	list-style:none
	}

#nav a, #nav a:visited {
	color:#FFF;
	text-decoration:none;
	font-weight:bold
	}

#nav a:hover, #nav a:active,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
        {
	background:#295887
	}

#subnav {
	background:#e6eef7;
	border-top:1px solid #ccc;
	border-bottom:2px solid #cad8e6;
	height:1.9em;
	}

#subnav li {
	border-right:1px solid #295887;
	padding:0 5px;
	}	

#subnav a, #subnav a:visited {
	color:#295887;
	text-decoration:none;
	font-weight:bold
	}

#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	text-decoration:underline
	}
*/
#dwzmenu {
}
#suckerfishnav {
	font-size:18px;
	font-family:verdana,sans-serif;
	font-weight:normal;	
	width:100%;
	border-bottom:1px solid #ccc;
}
#suckerfishnav, #suckerfishnav ul { 
	float:left;
	list-style:none;
	padding:0 0 0 0px;
	margin:-24px 0 0 0; 
	position:relative;
	z-index:200;
}
#suckerfishnav { 
	padding:0 0 0 22px;
	width:738px;
}
#suckerfishnav ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:151px;
	font-weight:normal;
	margin:0;
	line-height:1;
	border-top:1px solid #666;
}
#suckerfishnav li a {
	font-weight:normal; 
	font-variant:small-caps; 
	height:25px;
	font-size:.75em;
	display:block;
	color:#111;
	text-decoration:none;
	padding:0px 10px; 
	position:relative; 
	z-index:100; 
	background-image:url(i/left.jpg); 
	background-repeat:no-repeat;
	background-position:top left;
}
#suckerfishnav li { 
	float:left;
	padding:0 0 0 0; 
	margin:0 3px 0 0px;
	background-image:url(i/right.jpg); 
	background-position:top right; 
	background-repeat:no-repeat;
}
#suckerfish ul li ul {
}
#suckerfishnav li li {	
	background-image:none;
	width:149px;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-top:0px solid #666;
	font-weight:bold;
	font-family:verdana,sans-serif;
}
#suckerfishnav li li a {background-image:none;padding:4px 10px;	width:130px;font-size:12px;color:#dddddd;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}
#suckerfishnav li li:hover {background-color:transparent;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {
	color:#000;
	background-color:#EEEEEE;
	width:129px;
	background-image:none;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {text-decoration:underline; background-color:transparent;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {background-image:none;color:#000; text-decoration:none; height:auto; font-size:.7em;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;background-color:#88AFDA;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background-color:transparent;}
/* current page item */
/*=============================*/
#suckerfishnav .current_page_item ul li ul li a {  /* submenu of SELECTED main menu */
	background-image:none
}
#suckerfishnav ul li.current_page_item {
	background-image:none;
        background-color:#eee;
}
/*====================================*/
#suckerfishnav .current_page_item {
	background-image:url(i/right_on.gif); 
	background-position:top right; 
	background-repeat:no-repeat;
}
#suckerfishnav .current_page_item a {
	background-image:url(i/left_on.jpg);
	background-position:top left;
}
#suckerfishnav ul li ul li .page_item a {
}
#suckerfishnav a:focus, #suckerfishnav a:active {
	background-image:url(i/left.jpg);
	background-color:transparent;
}
/* end current page item */
#ad-exp {
	float:right;
	position:relative;
	z-index:500;
	margin-top:-183px;
	margin-right:07px;
	padding:0 0 0 0;
}
#ad-exp a {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#ad-emer {
	float:right;
	position:relative;
	z-index:500;
	margin-top:-113px;
	margin-right:7px;
	padding:0 0 0 0;
}
#ad-emer a {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#ad-spec {
	float:right;
	position:relative;
	z-index:500;
	margin-top:-177px;
	margin-right:25px;
	padding:0 0 0 0;
}
#ad-spec a {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#portfolio {
border:0px solid red;
height:auto;
width:500px;
}
#portfolio img {
	padding:3px 3px 3px 3px;
	border: 1px solid #ccc;
margin:10px 7px 0px 0;
}