body {
	margin: 0px; }

a {
	color: #1761B2; }

a:hover {
	color:#29619F;
	text-decoration:none; }

#banner {
	display: block;
	background: url(../images/header.png) top no-repeat;
	padding-top: 135px;
	height: 0px;
	overflow: hidden; }
	
#homepage-bar {
	display: block;
	color: #FFFFFF;
	background: url(../images/homepage-bar.png) no-repeat center 30px;;
	padding-top: 200px;
	height: 0px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	z-index: 1;
	width: 1000px;;
	}
	
#homepage-bar a {
	position: relative;
	top:-72px;
	left:50%;
	margin-left: -65px;
	}
	
#homepage-bar h2 {
	font-size: 17px;
	top:230px;
}

#homepage-bar p {
	font-size: 13px;
	top:255px;
	font-style: italic;
}

#homepage-bar .online {
	position:absolute;
	left: 50%; 
	margin-left: -493px; 
	width: 150px;
}

#homepage-bar .construction {
	position:absolute;
	left: 50%; 
	margin-left: -327px; 
	width: 182px;
}

#homepage-bar .landp {
	position:absolute;
	left: 50%; 
	margin-left: 188px; 
	width: 175px;
}

#homepage-bar p.landp {
	margin-left: 158px; 
}

#homepage-bar .customer {
	position:absolute;
	left: 50%; 
	margin-left: 350px; 
	width: 157px;
}


#navigation, #navigation ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none; }

#navigation li:hover, #navigation li.hover{
	position: static; }

#navigation a {
	display: block; }


#navigation .navbt #home {
	display: block;
	padding-top: 25px;
	height: 0px;
	overflow: hidden;
	width: 148px;
	background: url(../images/home-bt.png) 0px -25px no-repeat; }

#navigation .navbt #bonds {
	display: block;
	padding-top: 25px;
	height: 0px;
	overflow: hidden;
	width: 145px;
	background: url(../images/bonds-bt.png) 0px -25px no-repeat; }

#navigation .navbt #apply {
	display: block;
	padding-top: 25px;
	height: 0px;
	overflow: hidden;
	width: 138px;
	background: url(../images/apply-bt.png) 0px -25px no-repeat; }

#navigation .navbt #profile {
	display: block;
	padding-top: 25px;
	height: 0px;
	overflow: hidden;
	width: 138px;
	background: url(../images/company-bt.png) 0px -25px no-repeat; }

#navigation .navbt #info {
	display: block;
	padding-top: 25px;
	height: 0px;
	overflow: hidden;
	width: 142px;
	background: url(../images/info-bt.png) 0px -25px no-repeat; }

#navigation .navbt #contact {
	display: block;
	padding-top: 25px;
	height: 0px;
	overflow: hidden;
	width: 138px;
	background: url(../images/contact-bt.png) 0px -25px no-repeat; }
	
#navigation .navbt #login {
	display: block;
	padding-top: 25px;
	height: 0px;
	overflow: hidden;
	width: 138px;
	background: url(../images/login-bt.png) 0px -25px no-repeat; }
	

#navigation li {
	float: left;
	}

#navigation li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }

#navigation li ul a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	height: 30px;
	text-align: center; }

#navigation li ul ul { /* third-and-above-level lists */
	position: absolute; }

#navigation li:hover ul ul, #navigation li.sfhover ul ul {
	left: -999em; }

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; }

#navigation .navbt .submenu {
	height: 40px;
	width: 670px;
	position: absolute;
	/*margin-left: -70px;*/ }
	
#navigation .submenu .subnavbt .subnavlink {
	display: block;
	float: left;
	width: 100px;
	height: 40px; }

#navigation .navbt #home:hover, #navigation .navbt #bonds:hover, #navigation .navbt #apply:hover, #navigation .navbt #profile:hover, #navigation .navbt #info:hover, #navigation .navbt #contact:hover, #navigation .navbt #login:hover, #navigation .navbt #financial:hover {
	background-position: 0px 0px; }

.subnavlink {
	display: block;
	padding: 11px 15px 0px 15px;
	color: #0D3060;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	height: 30px;
	text-align: center;
	background:url(../images/subnav-div.png) no-repeat top right; }

.subnavlink:hover {
	color: #0D3060;
	text-decoration: underline !important; }

.dropmenu {
	/*margin-top:40px!important;*/
	margin-top:0px!important;	
	position: absolute;
	/*margin-left: 5px;*/
	margin-left:-15px !important;
	/*padding: 8px;*/
	/*padding:5px !important;*/
	/*width: 140px;*/
	/*width:150px !important;*/
	width:160px !important;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*background-color: #E3D6BD;*/
	background:url(../images/drop-menu-fade.gif) repeat-x top left;		
	border: #CAE3FF 1px solid;
	border-top: none;
	padding-top:10px!important; 
	z-index: 2;}
	
.sub-dropmenu {
	/*margin-top:40px!important;*/
	margin-top:-40px!important;	
	position: absolute;
	/*margin-left: 5px;*/
	margin-left:150px !important;
	/*padding: 8px;*/
	/*padding:5px !important;*/
	/*width: 140px;*/
	/*width:150px !important;*/
	width:160px !important;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*background-color: #E3D6BD;*/
	background:url(../images/drop-menu-fade.gif) repeat-x top left;		
	border: #CAE3FF 1px solid;
	border-top: none;
	padding-top:10px!important; }

.dropmenu li{
	/*list-style-image: url(../images/bullet.png)!important;
	list-style-position:inside;*/
	background-color: #DEECF7;
	padding:0 5px;
	/*width:140px;*/
	width:150px;
}

.dropmenu .dropmenulink {
	color: #0D3060;
	text-decoration: none;
	background: url(../images/bullet.png) left no-repeat;
	width:120px;
	height: auto !important;
	line-height:20px;
	padding:5px 15px 5px 15px;
	display: block;
	border-bottom: 1px dotted #B7D3DE;
	text-align:left!important; 
	font-size: 10px !important;
	}

.dropmenu .dropmenulink:hover {
	text-decoration: underline !important;
	color: #0D3060; }

.last{
	border:none !important;
} 

p.bcrumb-home{
	margin:0;
	clear:both;
	position:absolute;
	top:320px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:20px;
	background:url(../images/bcrumb-bullet.png) 20px 8px no-repeat;
	padding-left:30px;
	color:#9a9a9a;
}

p.bcrumb-home a{
	color:#1761B2;
}

p.bcrumb{
	margin:0;
	clear:both;
	position:absolute;
	top:170px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:20px;
	background:url(../images/bcrumb-bullet.png) 20px 8px no-repeat;
	padding-left:30px;
	color:#9a9a9a;
}

p.bcrumb a{
	color:#1761B2;
}


h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
}

#leftnav-home {
	float: left;
	width: 435px;
}

#leftnav {
	position: absolute;
	left:5px;
	top:5px;
	width:220px;
	z-index: 1;
}

#leftnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none; }
	
#leftnav-apply h2 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-apply.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#leftnav-commercial-bonds h2 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-commercial-bonds.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#leftnav-company h2 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-company.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#leftnav-contact-us h2 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-contact-us.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#leftnav-contract-bonds h2 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-contract-bonds.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#leftnav-court-bonds h2 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-court-bonds.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#leftnav-fidelity-bonds h2 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-fidelity-bonds.png) no-repeat;
	margin: 0px 0px 5px 0px; }

#leftnav-info h2 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-info.png) no-repeat;
	margin: 0px 0px 5px 0px; }
	
#leftnav-surety-bonds h2 {
	padding-top: 23px;
	height: 0px;
	overflow: hidden;
	background: url(../images/sh-surety-bonds.png) no-repeat;
	margin: 0px 0px 5px 0px; }


#leftnav ul li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999; }

#leftnav ul li#assistance a {
	padding: 15px 0px 0px 0px;
	height: 70px;
	background: none;
	text-align: center; }

#leftnav ul li.quote {
	padding-top: 10px; }

#leftnav ul li.testauthor {
	padding-top: 10px;
	color: #666666;
	font-style: italic; }

#leftnav ul li a {
	color: #0D3060;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px 5px 5px 25px;
	height: 15px;
	display: block;
	background: url(../images/subpage-left-nav-bt.png) no-repeat;
	margin-bottom: 5px;
	text-decoration: none; }

#leftnav ul li a:hover {
	text-decoration: underline; }
	
#content-home {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-left: 10px;	}

#content-home hr {
	border-bottom: dotted 1px #CCCCCC; }

#content-home p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	line-height: 1.6em; }

#content {
    float: left;
    display: block;
	padding-left: 240px;
	margin-right: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 1.7em;
	width: 480px;
	margin-top: 0px; }

#content a {
	color: #1761B2; }

#apps h3 {
	padding-top: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #666666;
	margin: 20px 0px 15px 0px; }
	
#content h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 20px 0px 15px 0px; }
	
#content h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #666666;
	margin: 20px 0px 15px 0px; }
	


h1 {
	margin: 0px 0px 11px 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 27px;
	color: #0D3060;
	font-weight: normal;
	margin-top: 13px; 
	line-height: 25px;
	}

#subboxes {
	clear: both;
	width: 100%;
	margin-top: 10px; }

#latestnews {
	float: left;
	width: 196px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px; }

#latestnews #newsarchive {
	display: block;
	padding-top: 124px;
	height: 0px;
	width: 196px;
	background: url(../images/latest-news.png) top no-repeat;
	overflow: hidden; }

#latestnews ul {
	padding: 0px;
	margin: 0px;
	list-style: none; }

.minidate {
	float: left;
	width: 30px;
	height: 30px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1761B2;
	text-align: center;
	background: url(../images/date-backing.png) top no-repeat;
	line-height: 1.3em;
	margin-right: 5px; }

.minidate span {
	font-size: 19px;
	color: #CC0000; }

#latestnews ul li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	border-bottom: dotted 1px #CCCCCC;
	padding: 7px 0px 7px 0px;
	line-height: 1.5em; }

#latestnews ul li a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1761B2; }

#clientlogin {
	float: right;
	width: 196px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 1.4em; }

#clientlogin #forgotpassword {
	display: block;
	padding-top: 124px;
	height: 0px;
	width: 196px;
	background: url(../images/client-login.png) top no-repeat;
	overflow: hidden; }

#clientlogin p {
	margin: 0px;
	padding: 6px 9px 7px 9px; }


.textfield {
	width: 172px; }

#loginbt {
	height: 25px;
	width: 65px;
	background: url(../images/login.png) top no-repeat;
	text-align: right;
	border: none;
	cursor: pointer;
	margin-right: 5px; }

#rightnav-home {
	float: left;
	width: 265px;
	margin-left: 15px; }
	


#estimatebar {
	position: absolute;
	background-color: #ECECEC;
	width: 230px;
	left: 710px;
	padding: 10px 10px;
	border-style: outset;
	z-index: 1;
}

#estimatebar hr {
	height: 0; 
	border-bottom: 1px dotted #000; 
}

#estimatebar .estimateform #estlabels{ 
	position: relative;
	text-align:left;
	font-size: 12px;
	}

#estimatebar .estimateform #estfields { 
	position: relative;
	float: right; 
	font-size: 12px;
	}

#estimatebar .estimateform #estbutton { 
	margin-top: 10px;
	margin-left: 60px;
	float: left;
	background: url('/images/button-calculate.png') no-repeat top left;
	width: 125px;
	height: 30px;
	border: none;
	}

#estimatebar .estimateform #estbutton:hover { 
	cursor: hand;
}

#sealbar {
	background-color: #FFFFFF;
	position: absolute;
	clear: right;
	width: 230px;
	top: 500px;
	left: 730px;
	height: auto; 
	padding: 0px 0px 0px 0px;
	z-index: 2;
}

#topbonds {
	margin-top: 13px;
	padding-bottom: 10px !important;
	padding-bottom: 13px;
	border-bottom: 1px dotted #CCCCCC; }

#mainimage {
	height: 181px;
	width: 264px; }

#slideshownav {
	padding: 0px;
	margin: 0px 0px 0px 0px !important;
	margin: -4px 0px 0px 0px;
	list-style: none;
	height: 27px;
	background: url(../images/slideshow-nav.png) 0px 0px no-repeat; }

#slideshownav li {
	float: left;
	padding-left: 2px;
	cursor: pointer; }

#slideshownav li a {
	display: block;
	width: 24px;
	height: 19px;
	padding-top: 6px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1761B2;
	text-decoration: none; }

#slideshownav li.slidecomment {
	width: 128px;
	height: 20px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1761B2;
	overflow: hidden;
	cursor: default;
	display: none; }
		
#slideshownav li.slidecomment h2{
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	line-height: 0px;
	margin-left: 7px;
}


#forumposts {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px; }

#forumposts .toplink {
	margin-top: 13px;
	background: url(../images/latest-posts.png) left no-repeat;
	padding: 0px;
	padding-bottom: 5px; }

#forumposts .toplink a {
	display: block;
	color: #1761B2;
	text-align: right;
	background: none; }

#forumposts li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #9DCCFF;
	color: #666666;
	padding: 7px 5px 7px 8px; }

#forumposts li a {
	color: #1761B2;
	background: url(../images/comment.gif) 0px 0px no-repeat;
	padding-left: 15px; }

#forumposts li .author {
	color: #000000;
	background: none; 
	padding: 0px; }

#forumposts li.dg {
	background-color: #DFEEFF; }

#forumposts li.lg {
	background-color: #E8F2FF; }

#bondlinks {
	clear: both;
	height: 330px;
	padding-top: 17px;
	padding-left: 10px; }

#bondlinks ul {
	margin: 0px;
	padding: 90px 0px 0px 0px;
	list-style: none;
	float: left;
	width: 143px; }

#bondlinks #commercial {
	padding-right: 35px;
	background: url(../images/commercial-bonds.png) 0px 0px no-repeat; }

#bondlinks #contract {
	padding-right: 35px;
	background: url(../images/contract-bonds.png) 0px 0px no-repeat; }

#bondlinks #court {
	padding-right: 35px;
	background: url(../images/court-bonds.png) 0px 0px no-repeat; }
	
#bondlinks #learn {
	padding-right: 35px;
	background: url(../images/learn-bonds.png) 0px 0px no-repeat; }

#bondlinks ul li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #747771;
	background: url(../images/bullet.png) 0px 9px no-repeat; }

#bondlinks ul li a {
	display: block;
	color: #0D3060;
	border-bottom: dotted 1px #8DBACB;
	padding: 7px 0px 7px 0px;
	text-decoration: none;
	padding-left: 13px;
	height: 12px; }

#bondlinks ul li a:hover {
	text-decoration: underline; }

#bondlinks ul li.address {
	background: none;
	margin-top: 1px;
	margin-bottom: 17px; 
	font-size: 12px; }

#bondlinks ul li.phone, #bondlinks ul li.fax {
	background: none; 
	font-size: 12px; }

#footer {
	height: 67px; }

#footer p {
	margin: 0px; }

#copyright {
	padding-top: 15px;
	float: left;
	width: 400px;
	height: 42px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 1.7em; }

#copyright a, #valid a {
	color: #CC0000; }

#valid {
	float: right;
	padding-top: 20px;
	height: 42px;
	width: 250px;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px; }
	
#valid img, #apponlineimg, #assistance img {
	margin-left: 10px;
	border: none; }

#hackersafe {
	margin-right: 10px; }
	
/*=================== SCALABLE CONTENT ========================*/

#uberwrap-home{
	width:100%;
	position:absolute;
	margin-top: 340px;
}

#uberwrap{
	width:100%;
	position:absolute;
	margin-top: 200px; }
	
#contentwrap{
	background:#FFF;
	overflow:auto;
	padding-bottom:10px;
}

#contentcontainer{
	width:1000px;;
	margin:0 auto;
	position: relative;
}

#linkwrap{
	background:url(../images/backing-top.png);
	background-repeat:repeat-x;
	background-position:0 -905px;
	border-bottom: solid 6px #D3E7EC;
}

#linkcontainer{
	width:1000px;;
	margin:0 auto;
}

#footerwrap{
	background:url(../images/backing-top.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

#footercontainer{
	width:1000px;;
	margin:0 auto;
}

#headerwrap-home{	
	position: absolute;
	width:100%;
	background:url(../images/backing-top.png);
	background-repeat:repeat-x;
	background-position:top;
	height: 339px;
}

#headerwrap{	
	position: absolute;
	width:100%;
	background:url(../images/backing-top-temp.png);
	background-repeat:repeat-x;
	background-position:top;
	height: 205px;
}

#header{
	margin: auto;
	width: 1000px;;
	margin-top: 0px;
}

/*======================Table Formatting=============================*/
table.obligee {
		width: 100%;
}
	
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 3px;
	background: #CCEEFB;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}	

th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(http://www.jwsuretybonds.com/images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(http://www.jwsuretybonds.com/images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 3px;
	color: #6D929B;
}

td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}



/*New side estimate bar starts here*/



#estimatebarz {
	background:url(http://www.jwsuretybonds.com/images/getstartednow.jpg) no-repeat;
	height:480px;
	margin-top: 5px;
	padding: 15px 42px 15px 15px;
	

}

#formz {
	padding-top:200px;
	float:left;
}

#estfieldz  {
float:right;
font-size:12px;
color:#666;
}

#estlabe2 {
	font-size:13px;
	text-align:left;
	color:#CCC;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#estbuttonz {
	background:url(http://www.jwsuretybonds.com/images/estimate_button.png) no-repeat;
	width:182px;
	height:36px;
	border:0px;
	cursor:pointer;
}


#estbuttonz:hover {
	background-position: 0px -36px;
	}

#sealbarz {
	background-color: #FFFFFF;
	width: 259px;
	margin-top: 7px;
	height: auto; 
}

#ebooks {
	background:url(http://www.jwsuretybonds.com/images/ebooks.jpg) no-repeat;
	height:166px;
	width:259px;
}


#sealbarz hr {
	border: none; height: 1px; color:#6CF; background:#6CF;

	
	}

#getitnowbox {
	padding-top:115px; 
	margin-left:55px;
	*margin-left:0px;
}
	
#getitnow {
	background:url(http://www.jwsuretybonds.com/images/getitnow.png) no-repeat scroll 0 0 transparent;
	width:154px;
	height:36px;
	border:0px;
	cursor:pointer;
	display:block;

	}
	
#getitnow:hover {
	background-position: 0px -36px;
}
	

/*New side estimate bar ends here*/