/* CSS Document */

body
{
	padding:11px 0 14px 0;
	margin:0;
	background-image:url(/images/index_18.gif);
}
		
div, h1, h2, p, form, label, input, textarea, img, span
{
	margin:0; padding:0;
}

ul
{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}

.spacer
{
	clear:both; 
	font-size:0; 
	line-height:0;
}

#container { background-color:#FFFFFF; margin: 0 auto; width: 760px;} 

#header
{
	background:url(/images/navbg.gif)repeat;
	width:760px;
	height:35px;
	position:relative;
	margin:0 auto;
}

#header ul
{
	background:url(/images/navbg.gif) repeat;
	width:760px;
	height:35px;
	padding:0 0 0 0px;
}

#header ul li
{
	background:url(/images/navbg.gif) no-repeat;
	height:35px;
	float:right;
}

#header ul li a
{
	display:block;
	background:url(/images/navbg.gif) repeat-x;
	padding-left:14px; padding-right: 14px; height:35px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff; padding-top: 10px;
	background-color:inherit;
	text-decoration:none;
}

#header ul li a:hover
{
	background:url(/images/navbg_hover.gif) repeat-x;
	color:#78011c;
	background-color:inherit;
}

#header ul li#current a
{
	background:url(/images/navbg_active.gif) repeat-x;
	color:#78011c;
	background-color:inherit;
}

#left1 ul li a,
#left2 ul li a,
#left3 ul li a,
#left4 ul li a
{
	color:#FFFFFF;
	text-decoration:none;
}


#header h1
{
	background:url(/images/index_9.gif) 0 0 no-repeat;
	width:210px;
	height:32px;
	position:absolute;
	left:10px;
	top: 8px;
	text-indent:-10000px;
}

.breadcrumb
{
	font: 12px "Arial", "Verdana", Helvetica, sans-serif;
	background-image:url(/images/index_11.gif);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 20px;
	background-repeat:repeat-x;
	height: 19px;
	text-align:right;

}

.breadcrumb a
{
	background: transparent url(/images/breadcrumb.gif) no-repeat center right;
	text-decoration: none;
	padding-right: 18px;
	color: #78011c;
}

.breadcrumb a:visited, .breadcrumb a:active
{
	color: #78011c;
}

.breadcrumb a:hover
{
	text-decoration: underline;
}


#body
{
	width:776px;
	padding:6px 1px 13px 2px;
}



#left
{
	width: 314px; 
	float:left;
}

#left1 { background: url(/images/ln-web-design.gif); width: 314px; height:111px; }
#left2 { background: url(/images/ln-visitors.gif); width: 314px; height:111px; }
#left3 { background: url(/images/ln-sales.gif); width: 314px; height:111px; }
#left4 { background: url(/images/ln-hosting.gif); width: 314px; height:111px; }

#left1 p.boxTxt1
{
	float:right;
	padding:14px 0 0 15px;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	width:199px;  text-decoration: none;
}

#left2 p.boxTxt2
{
	float:right;
	padding:14px 0 0 15px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	width:199px; 
}

#left3 p.boxTxt3
{
	float:right;
	padding:14px 0 0 15px;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	width:199px;
}

#left4 p.boxTxt4
{
	float:right;
	padding:14px 0 0 15px;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	width:199px;
}


#left1 .webfont
{
	float:right;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	width:199px; text-indent: 20px; padding-top: 16px; text-decoration: none;
}

#left2 .webfont
{
	float:right;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	width:199px; text-indent: 20px; padding-top: 16px;
}

#left3 .webfont
{
	float:right;
	padding:14px 0 0 15px;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	width:199px; text-indent: 20px; padding-top: 15px;
}

#left4 .webfont
{
	float:right;
	padding:14px 0 0 15px;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	width:199px; text-indent: 20px; padding-top: 15px;
}


#rightbox_wrapper  .webfont a:link,
#left1 .webfont a:link,
#left2 .webfont a:link,
#left3 .webfont a:link,
#left4 .webfont a:link
{
	color:#ffffff; text-decoration: none;
}

#rightbox_wrapper  .webfont a:hover,
#left1 .webfont a:hover,	
#left2 .webfont a:hover,
#left3 .webfont a:hover,
#left4 .webfont a:hover
{
	color:#ffd800; text-decoration: underline;
}


#rightbox_wrapper  .webfont span,
#left1 p.boxTxt1 span,
#left2 p.boxTxt2 span,
#left3 p.boxTxt3 span,
#left4 p.boxTxt4 span
{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#d3cca3; font-weight: bold; padding-top: 15px; padding-left: 10px;
}

#rightbox_wrapper  .webfont a:link, #rightbox_wrapper  .webfont a:visited,
#left1 p.boxTxt1 a:link, #left1 p.boxTxt1 a:visited, #left1 p.boxTxt1 a:active, 
#left2 p.boxTxt2 a:link, #left2 p.boxTxt2 a:visited, #left2 p.boxTxt2 a:active,
#left3 p.boxTxt3 a:link, #left3 p.boxTxt3 a:visited, #left3 p.boxTxt3 a:active,
#left4 p.boxTxt4 a:link, #left4 p.boxTxt4 a:visited, #left4 p.boxTxt4 a:active
{ 
	text-decoration:none;
	color: #d3cca3;

}

#rightbox_wrapper  .webfont a:hover,
#left1 p.boxTxt1 a:hover,
#left2 p.boxTxt2 a:hover,
#left3 p.boxTxt3 a:hover,
#left4 p.boxTxt4 a:hover
{
	text-decoration:underline;
	color: #a1cf54;
}

/*BOF Right Box */

#rightbox_wrapper 
{
	width:180px;
	float:right;
	padding:0px;
	margin:5px;
}

#rightbox_wrapper .webfont
{
	float:right;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; 
	background-color:#990000;
	text-indent: 5px;
	width:100%; 
}

.rightbox
{
	background-color:#990000;
   width:100%;
}

.rightbox_header
{
	background-color:#721504;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
   width:99%;
}

.rightbox_text
{
	border:1px solid #721504;
   width:99%;
}

/*EOF Right Box */


#right
{
	width:440px;
	float:right;
	background-color: #fffdf4; margin-top: 5px;
	border: 1px solid #f8f3d7;
}

#right h2
{
	font:bold 16px Arial, Helvetica, sans-serif;
	background-color:inherit;
	margin:0 0 16px 0;
	padding:15px 0 0 10px;
}

.contentbox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 8px; padding-top: 10px; padding-right: 10px;
	line-height: 18px;
	background-color: #fffdf4;
}

span.dcspan 
{
	float:left; 
	font-size:40px; 
	line-height:35px;

} 

.readmore 
{
	float: right; padding-right: 10px; color:#FF0000; padding-bottom: 20px; padding-top: 10px; margin-bottom: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}


#right table.smalltxt td 
{
	font-size:0.7em;
}

#right p.smalltxt
{
	font-size:0.8em;
}






#footer
{
	width:760px;
	height:25px;
	margin:0 auto; font-weight: bold;
	background:url(/images/index_14.gif) 0 0 repeat-x;
	position:relative; text-align:center;
}

#footer ul
{
	width:760px;
	position:absolute;
	left: 290px;
	top: 5px;

	text-align:center;

}

#footer ul li
{
	float:left;
	color:#000000;
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#footer ul li a
{
	color:#000000;
	text-align:center;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}

#footer ul li a:hover
{
	color:#78011c;
	text-align:center;
	text-decoration:underline;
}


.thumbnail, .abandonment{
position: relative;
z-index: 0;
}

.thumbnail:hover, .abandonment:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span, .abandonment span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img, .abandonment span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100;
left: -100px; /*position where enlarged image should offset horizontally */

}

/*abandonment class wasn;t used, can be renamed, nxt time  -left(100) needs to be changed for a wider image*/
.abandonment:hover span
{
visibility: visible;
top: -100;
left: -90px; /*position where enlarged image should offset horizontally */
}