@charset "UTF-8";

/*********************** 

MODAL STYLESHEET SECTIONS:

- CSS Reset
- Modal Content Layout Stuff
- Modal Content Elements

NOTE: THIS STYLESHEET IS ONLY FOR MODALS CALLED USING IFRAME OPTION W JQUERY (TB_iframe=true).

************************/



/* <CSS Reset (courtesy Eric Meyer)> */
/* CSS Reset sets commonly used element attributes (e.g., margin:0;) globally instead repeatedly doing it at block level */
/* DO NOT CHANGE */

	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, sub, sup, tt, var,
	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-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	/* remember to define focus styles! */

	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: #000000;
		background-color:#fff;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

/* </CSS Reset> */


/* <Global Layout Stuff> */


body {
	background:#fff;
	font-family: Trebuchet MS, Verdana, Arial;
}
	
body.show-nav {
	
	font-family: Trebuchet MS, Verdana, Arial;
}
		
/* </Global Layout Stuff> */


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



/* <Links> */
	a:link {color: #0c4997; text-decoration:none;}
	a:active {color: #0c4997; text-decoration:none;}
	a:visited {color: #0c4997; text-decoration:none;}
	a:hover {color: #0c4997; text-decoration:underline;}
	
	a.cta-link {font-size: 12px;  }
/* </Links> */



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



/* <Standard Elements> [NOTE: SUGGEST IMPORTING FROM STYLES.CSS FOR EASIER MAINTENANCE ] */

h1 { font-size: 21px; font-weight:bold; color: #666666; padding-bottom:10px; }
h2 { font-size: 18px; font-weight:bold; color: #666666; padding-bottom:10px; }
h3 { font-size: 15px; font-weight:bold; color: #666666; padding-bottom:10px; }
h4 { font-size: 12px; font-weight:bold; color: #666666; padding-bottom:10px; }
h4 { font: bold 10px Trebuchet MS, Verdana, Arial; color: #000; text-transform: uppercase; }


p { font-size: 12px; line-height: 16px; padding-bottom: 10px; }



/* </Standard Elements> */



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



/* <Classy Elements> [NOTE: SUGGEST IMPORTING FROM STYLES.CSS FOR EASIER MAINTENANCE ] */

.basic {
	padding-left: 10px;
	padding-bottom: 10px;
	}	
	
	.basic li {
	font-size:12px;
	background:transparent url(../images/bullet.gif) no-repeat scroll left 6px;
	padding:0 0 8px 14px;
	}			

ol.basic li {
	font-size:1.2em;
	padding:0 0 12px 14px;
	}

.contact-icon { background:url(../images/contact-icon.gif) no-repeat right top; padding-bottom: 20px; margin-bottom: -20px; }

.blockquote { padding-left: 26px; }
.description { width: 94%; font-family:"Times New Roman", Times, serif; font-size: 13px; line-height: 18px; color: #333333; }
.testimonial { font-size: 14px; color: #666; line-height: 18px; }
.testimonial-byline { font-size: 11px; color: #666; line-height: 13px; padding-left: 10px; background:transparent url(../images/dash.gif) no-repeat left 2px; }
.bigbold { font-size:13px; font-weight:bold; }
span.quote-start { background:url(../images/quote-start.gif) no-repeat left top; }
span.quote-end { background:url(../images/quote-end.gif) no-repeat left top; }


.hero-h2 { font: normal 18px "Times New Roman", Times, serif; color: #397dbc; font-style:italic; }
.prefooter-h4 { padding-bottom: 10px;  }



.padding-top { padding-top: 10px; }
.padding-top-dbl { padding-top: 20px; }
.no-padding-top { padding-top: 0px; }
.no-padding-bottom { padding-bottom: 0px; }
.no-padding-left { padding-left: 0px; }
.half { width: 50%; }
.three-fourths { width: 75%; }

.divider { border-bottom: 1px solid #ccc; height: 1px; width: 90%; }

.times { font-family: "Times New Roman", Times, serif; }

.pdf li { padding-left: 28px; padding-top: 7px; background:url(../images/icon-pdf.png) no-repeat left top !important; }

/* </Classy Elements> */




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


/* < Primary Nav Tabs> */

#nav-primary {
	float:left;
	clear:left;
	margin-top: 0px;
	width:791px;
	height: 39px;
	background:#fff url(../images/wrapper-modal-show-nav-bg.png) no-repeat left top;
	}

	#nav-primary ul { list-style: none; }  
	#nav-primary ul li {  list-style: none; float:left;}
	#nav-primary ul li a {
		color: #b2d6f8;
		font: bold 11px Trebuchet MS, Verdana, Arial;
		letter-spacing: +1.5px;		
		outline:none;
		display:block;
		padding: 11px 13px 11px 14px;
		text-transform: uppercase;
		}
	#nav-primary ul li a:hover { text-decoration: underline; }
	#nav-primary ul li.current a {
		color: #FFF; 
		text-decoration: none;
		cursor:text;
		background:url(../images/nav-primary-bg-current.png) repeat-x top left;
		border-bottom: 1px solid #3462a0;
		border-right: 1px solid #7191bd;
		border-left: 1px solid #7191bd;
		padding-top: 11px;
		}

	#nav-primary ul li.current-first a {
		color: #FFF; 
		text-decoration: none;
		cursor:text;
		background:url(../images/nav-primary-bg-current.png) repeat-x top left;
		border-bottom: 1px solid #3462a0;
		border-right: 1px solid #7191bd;
		padding-top: 11px;
		}


	#nav-primary ul li.current {
		
		}			
	#nav-primary ul li a.current:hover {text-decoration: none;cursor:text;}
		

/* </Primary Nav Tabs> */
	



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



/* <Buttons> */
		
div.btn-blue { padding-bottom: 6px; margin:0; }
	
	#wrapper .btn-blue a {
		background: url(../images/btn-blue-left.png) left top no-repeat;
		padding: 6px 7px 7px 4px;
		margin-bottom: 4px;
		}
	
	#wrapper .btn-blue a span {
		background: url(../images/btn-blue-right.png) right top no-repeat;
		padding: 5px 7px 7px 4px;
		font-size: 1.1em;
		font-weight: bold;
		}
	
		#wrapper .btn-blue a:hover span { text-decoration: underline; }


a.button { background: #295793 url(../images/btn-bg.png) repeat-x left top; border: 1px solid #4b92db; padding: 4px 14px 4px 8px; color: #fff; font-weight: bold; text-transform: uppercase; font-size:11px; }
a.button span { position: absolute; padding-right: 6px; margin-top: 3px; margin-left: 3px;  padding-bottom: 8px; background: url(../images/btn-arrow.png) no-repeat left -2px; }

*:first-child+html a.button span { position: absolute; padding-right: 6px; margin-top: 3px; margin-left: 3px;  padding-bottom: 8px; background: url(../images/btn-arrow.png) no-repeat left top; }

a.button:hover { text-decoration: none; background: #3e679e url(../images/btn-bg-over.png) repeat-x left top; }

a.button-ltblue { background: #295793 url(../images/btn-ltblue-bg.png) repeat-x left top; border: 1px solid #4b92db; padding: 4px 14px 4px 20px; color: #fff; font-weight: bold; text-transform: uppercase; font-size:11px; }
a.button-ltblue span { position: absolute; padding-right: 12px; margin-top: 0px; margin-left: -16px;  padding-bottom: 12px; background: url(../images/btn-close.png) no-repeat left top; }
a.button-ltblue:hover { text-decoration: none; background: #3e679e url(../images/btn-bg-over.png) repeat-x left top; }
		
	
/* </Buttons> */	


.clearer {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	height:0px;
}


/* <Modal-specific Elements> 
[NOTE: THESE EFFECTS ARE COMPLETELY UNIQUE TO MODALS - 
IF A DESIRED VISUAL EFFECT ALREADY EXISTS IN STYLES.CSS, 
IT SHOULD BE COPIED AND REPURPOSED ABOVE RATHER THAN RECREATING IT HERE ] 
*/

.hero-h2 { font: normal 18px "Times New Roman", Times, serif; color: #397dbc; font-style:italic; padding-top: 4px; }
.bumpdown-h3 { font-size: 14px; }
.green-txt {color:#65a83a; }
.show{color:#cecece;font-size:12px;font-weight:bold;}

#leftCol{width:189px;float:left;}
#rightCol{width:520px; height: 333px; float:left;padding:20px; background: #FFF;}
#singleCol {width:747px;float:left;padding:10px 10px 10px 10px; overflow:hidden; background: #DDD;}
#singleCol.gallery {width:780px;float:left;padding:0px 11px 10px 10px; overflow:hidden; background: #000;}




/* <Links> */
	a.gallery-nav:link {color: #769dc9; text-decoration:none;font-size:11px!important;}
	a.gallery-nav:active {color: #0c4997; text-decoration:none;font-size:11px!important;}
	a.gallery-nav:visited {color: #769dc9; text-decoration:none;font-size:11px!important;}
	a.gallery-nav:hover {color: #769dc9; text-decoration:underline;font-size:11px!important;}
	
/* </Links> */


/* GALLERY-SPECIFIC */

#gallery-head{padding:10px 0 10px 20px;background:#000;width:780px;}
#gallery-head h2{color:#cccccc;height:10px;}
#gallery-head h2 span{color:#cccccc;height:10px;float:right;margin:-16px 0px 0 0; width:20px; }

#gallery-inner{background: #000000 url(../images/gallery-back.gif) repeat-x left 39px;height:450px;width:820px; }
*html #gallery-inner{background: #000000 url(../images/gallery-back.gif) repeat-x left; height:450px;width:820px; }
*:first-child+html #gallery-inner{background: #000000 url(../images/gallery-back.gif) repeat-x left top;height:450px; }

.desc {
	width:285px; 
	height:40px;
	border: 1px solid #161e30;
	background:#0e141f;
	margin-top:15px;
	padding:6px;
	}
	
.desc h4{color:#cccccc;font-weight:bold; font-size:10px;margin-bottom:-2px;}
.desc p{color:#fff;font-weight:normal; font-size:12px;}
	
	#gallery-inner-horz{
	width:420px;
	height:316px;
	float:left;
	margin:20px 10px 20px 25px}
	
	#gallery-inner-vert{
	width:316px;
	height:420px;
	float:left;
	vertical-align:top;
	margin:20px 65px 20px 85px}
	
		*html #gallery-inner-vert{margin:20px 10px 20px 10px}
	
	#gallery-inner-right{
	width:320px;
	margin:15px 10px 0 10px;
	float:left;}
	
	*html	#gallery-inner-right{
	width:320px;
	margin:15px 10px 0 10px;
	}
	
	.gallery-inner-thumb{
	width:64px;height:64px;
	margin:13px 13px 2px 0px;
	border:1px solid #769dc9;
	float:left;
	cursor: pointer;
	}
	
	.gallery-inner-thumb-noimage{
	width:64px;height:64px;
	margin:13px 13px 2px 0px;
	border:none;
	padding: 1px;
	float:left;}

	
	.gallery-inner-thumb.on{
	border:1px solid #ffffff;
	}
	
	.gallery-bar{color:#769dc9;font-size:11px}
	.num-on{font-size:12px; color:#FFFFFF;}
	
	.gallery-inner-nav-arrows{float:left;width:150px;margin-right:60px;margin-top:10px;}
	.gallery-inner-nav-nums{float:left;margin-top:10px; text-align: right; width: 100px;}