/* J & S Plumbing */
*
{ 
	margin:0;
	padding:0;
}
body
{
	margin: 0;
	padding: 0;	
	background: #144e68;
	font: 14px "Verdana" Arial, Helvetica, sans-serif;
	color: #0a384c;
}
.clear { clear:both; }
.acc
{
	display: none;
}

#bg
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #144e68 url(../img/bgd.gif) 0 0 repeat-x;	
	width: 100%;
	height: 100%;
}

#container 
{
	top:0px;
	margin: 0px auto;
	padding: 0;
	width:924px;}

/* Head */

#jsp_head
{
	position: relative;
	margin: 0;
	padding: 0;
	width:924x;
	height:293px;
	background: transparent url(../img/jsp_head.gif) 0 0 no-repeat;
}

/* Menu */

#jsp_menu
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 924px;
	height: 47px;
	background: transparent url(../img/j&sp_menu.gif) 0 0 no-repeat;
}

#jsp_menu ul#common
{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width:924px;
	height:47px;
}

#jsp_menu #common li
{
	list-style: none;
	position: absolute;
}
ul#common li, ul#common a
{
	height: 47px;
	display: block;
	top: 0px;
}

#jsp_menu ul#common li a
{
	text-indent: -90000px;
	text-decoration: none;
}

#item1	{left: 0px; width: 88px;}
#item2	{left: 91px; width: 240px;}
#item3	{left: 336px; width: 184px;}
#item4	{left: 524px; width: 190px;}
#item5	{left: 717px; width: 90px;}

#item1 a:hover		{background: transparent url(../img/j&sp_menu.gif) 0px -47px no-repeat;}
#item2 a:hover		{background: transparent url(../img/j&sp_menu.gif) -91px -47px no-repeat;}
#item3 a:hover		{background: transparent url(../img/j&sp_menu.gif) -336px -47px no-repeat;}
#item4 a:hover		{background: transparent url(../img/j&sp_menu.gif) -524px -47px no-repeat;}
#item5 a:hover		{background: transparent url(../img/j&sp_menu.gif) -717px -47px no-repeat;}

#item1 a.active		{background: transparent url(../img/j&sp_menu.gif) -0px -47px no-repeat; cursor: default}
#item2 a.active		{background: transparent url(../img/j&sp_menu.gif) -91px -47px no-repeat;}
#item3 a.active		{background: transparent url(../img/j&sp_menu.gif) -336px -47px no-repeat;}
#item4 a.active		{background: transparent url(../img/j&sp_menu.gif) -524px -47px no-repeat;}
#item5 a.active		{background: transparent url(../img/j&sp_menu.gif) -717px -47px no-repeat;}

/* Content */

#jsp_content 
{
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	width:924px;
	background: #fff;
}

/* Copy */

#jsp_copy
{
	float: left;
	position: relative;
	margin: 0;
	padding: 10px 30px 20px 35px;
	width: 617px;
	background: #fff;
}

#jsp_copy h1
{
	margin: 0;
	padding: 10px 0 0 0;
	font: bold 14px "Verdana" Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #007fb9;
}

#jsp_copy h2
{
margin: 0;
	padding: 10px 30px 0 0;
	font: bold 11px "Verdana" Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #0a384c;
}

#jsp_copy h3
{
	margin: 0;
	padding: 10px 0 0 0;
	font: bold 12px "Verdana" Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #007fb9;
}

#jsp_copy h4
{
	margin: 0;
	padding: 10px 0 0 0;
	font: bold 12px "Verdana" Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color:#fff;
}

#jsp_copy h5
{
	margin: 0;
	padding: 10px 0 0 0;
	font: italic 1.2em "Verdana" Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #3F91E4;
}

#jsp_copy h6
{
	margin: 0;
	padding: 10px 0 0 0;
	font: italic 1.2em "Verdana" Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #1D334F;
}

#jsp_copy p
{
	margin: 0;
	padding: 10px 30px 0 0;
	font: normal 11px "Verdana" Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #0a384c;
}

#jsp_copy ul
{
	margin: 0;
	padding: 10px 0 0 0;
	font: normal 11px "Verdana" Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #385a74;
	list-style: inside;
}

#jsp_copy a
{
	color: #007fb9;
	font-weight: bold;
	text-decoration: none;
}

#jsp_copy a:hover
{
	color: #ACC3E1;
	font-weight: bold;
}

/* Image*/

#jsp_image
{
	float: left;
	position: relative;
	margin: 0;
	padding: 10px 0px 30px 22px;
	width: 220px;
	background: #fff;
}
#jsp_image img
{
	margin: 43px 15px 0 0;
	padding: 0;
}

/*table*/

#table
{
	width:425px;
	table-layout: inherit;
	cellpadding: 5px;
}

.td
{
	font: bold 12px "Verdana" Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
	line-height: 20px;
	color: #0a384c;
}

.jsp_tp
{
	font: normal 11px "Verdana" Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #0a384c;
}

 /*Foot */

#jsp_foot
{
	clear: left;
	position: relative;
	margin: 0;
	padding: 0px;
	width: 924px;
	height: 88px;
	background: transparent url(../img/jsp_foot.gif) 0 0 no-repeat;
}

#jsp_foot p
{
	margin: 0;
	padding: 20px 0 15px 35px;
	font: normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color: #fff;
}

#jsp_foot p a
{
	color: #fff;
	text-decoration: underline;
}

#jsp_foot p a:hover
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
