/* CSS Document */

/*************** Begin Debugging Code ***************/
  /** { border: 2px dotted red }
  * * { border: 2px dotted green }
  * * * { border: 2px dotted orange }
  * * * * { border: 2px dotted blue }
  * * * * * { border: 1px solid red }
  * * * * * * { border: 1px solid green }
  * * * * * * * { border: 1px solid orange }
  * * * * * * * * { border: 1px solid blue }
/*************** End Debugging Code ***************/
/*	Global Reset
	------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	/*border: 0;*/
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
	list-style: none;
}

/*------------------------------------------------------ */

body {
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	width: 960px;
	margin: 0 auto;
	color:#221e1f;
	background: url(../images/rpt_bg-pre.gif) top center repeat-x;
}

a:link {
	color: #7291c3; text-decoration: none;
}
a:visited {
	color: #7291c3; text-decoration: none;
}
a:active {
	color: #7291c3; text-decoration: none;
}
a:hover {
	color: #344f50; text-decoration: underline;
}
h1 { text-indent: -9999px; }

#container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#header {
	position: relative;
	z-index: 5;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 19px;
	height: 117px;
	width: 697px;
	background:  none;
}
	#header .email, #header .title { 
		font: normal 12px/18px 'georgia',serif;
		color: #8b8b8b;
	}
	#header .email { float: left; margin-left: 12px;
	}
		#header .email li span.tag { font-size: 11px; text-transform: uppercase;
		}
		#header .email li span.info { font-size: 11px; text-align: right; padding-left: 10px; 
		}
	#header .title { float: right; text-align: right; font-weight: bold; margin-right: 12px;
	}

#graphic { 
	z-index: 1;
	position: absolute;
	top: 0;
	text-indent: -9999px;
	height: 900px;
	width: 327px;
	background: url(../images/img_mid-pre.gif) top center;
	margin-left: 321px;
	}
#body { 
	z-index: 10;
	position: relative;
	top: 0;
	margin: 0 auto;
	width: 946px;
	}
	.content {
		margin: 0 auto;
		width: 564px;
		font-family: 'georgia',serif;
		font-size: 22px;
		line-height: 27px;
		font-weight: 400;
		color: #8b8b8b;
		text-align: center;
	}
		.content p { margin: 0 auto; width: 536px;

	}
	
	.samples {
		width: 441px;
		height: 278px;
		float: left;
	}
		.samples ul {
			margin-left: 137px;
			font: bold 12px/21px 'georgia',serif;
			color: #7291c3;
		}
		.samples h2 {
			margin-left: 136px;
			font: bold 16px/21px 'arial',sans-serif;
			color: #c1a184;
			text-transform: uppercase;
		}
			.samples h2.first { padding-top: 45px;
			}
			.samples h2.second { padding-top: 15px;
			}
	.callout {
		width: 394px;
		height: 143px;
		padding-top: 140px;
		margin-bottom: 128px; 
		float: right; 
		background: url(../images/img_callout-pre.gif) 10px 52px no-repeat;
	}
		.top, .btm {
			padding-top: 4px;
			margin-left: 119px;
		}
			.top h3, .btm h3 { 
				text-transform: uppercase;
				font: bold 14px/21px 'arial',sans-serif;
				letter-spacing: 1px;
				color: #a48c66;
			} 
			.top p, .btm p { 
				font: italic 12px/21px 'georgia',serif;
				color: #8b8b8b;
				margin-top: -5px;
			} 
		/*  */

#footer {
	position: relative;
	top: -10px;
	z-index: 15;
	height: 100%;
	color: #fff;
	padding-left: 5px;
	font-size: 12px;
	width: 960px;
	text-align: center;
	clear: both;
}

#footer p {
	text-align:center;
	font-family: verdana;
	font-size: 10px;
	line-height:14px;
	color: #636466; 
}

.clear { text-indent: -9999px; }


/* CSS Fancy Zoom Customization */

#jlinas_caption, #an_caption, #cmn_caption, #logos_caption {
			font: bold italic 12px/21px 'georgia',serif;
			color: #7291c3;
}
#zoom_content {
			font: normal 12px/21px 'georgia',serif;
			color: #221e1f;
			text-align: left;
	}
	#zoom_content .left{
			width: 250px;
			height: auto;
			padding-left: 10px;
			float: left;
			border-right: 1px solid #cdcdcd;
	}	
		#zoom_content .left h4{
				font: bold 16px/24px 'georgia',serif;
				color: #7291c3;
		}	
			#zoom_content .left p.header{
					font: bold 16px/21px 'arial',sans-serif;
					color: #c1a184;
			}
			#zoom_content .left span.why{
					font: bold 28px/21px 'georgia',serif;
					color: #7291c3;
			}
		#zoom_content .left p{
				font: bold 12px/21px 'arial',sans-serif;
				text-transform: uppercase;
				padding-top: 15px;
		}
			#zoom_content .left li.gold {
					color:#c1a184;
			}

	
	#zoom_content .right{
			float: left;
			margin: 58px 0 0 5px;
			padding-top: 25px;
			width: 300px;
			height: 705px;
			padding: 17px;
			background: url(../images/inside_pre2.jpg) -45px -25px no-repeat;
	}	
		#zoom_content .right p{
				font: bold 18px/21px 'trebuchet ms',sans-serif;
				padding-top: 10px;
		}		
			#zoom_content .right p img{
					font: bold 14px/21px 'trebuchet ms',sans-serif;
					padding-top: 10px;
					border: 0 none;
			}		
			#zoom_content .right p img a{ border: 0 none;
			}
			#zoom_content .right span.box {
					position: relative;
					top: 6px;
					text-align: center;
					width: 85px;
			}		
			#zoom_content .right span.box a{
					font: bold 12px/21px 'georgia',serif;
					padding: 6px;
					color: #7291c3;
			}		
				#zoom_content .right .wrap{
						float: left;
						width: 150px;
						text-align: center;
						position: relative;
						top: -70px;
				}