/* ---------------------------------------------
Peregrine Screen Style Sheet
author: Cyberwoven
version:  2009.05
----------------------------------------------- */

/* Resets - Meyer style -------- */

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, 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: black;
	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: "" "";
}


/* And, go!  ---------- */

body { font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#838383; line-height:20px; min-width:960px; background:url(../images/body_bg.gif) repeat 50% 0; position:relative; }

.skiplink { position:absolute; margin:0 0 0 -9999px; }

.header_wrapper { display:block; height:100px; float:left; width:26%; background:url(../images/header_wrapper_bg.png) repeat-x 0 0; }
	.header_wrapper.right { width:74%; float:right; background-position:100% -64px; }
	#wrapper { display:block; clear:both; margin:0 auto; width:960px; position:relative; }
		#header { display:block; width:960px; height:100px; background:url(../images/header_bg.png) no-repeat 0 0; position:absolute; top:0; left:0; margin:-100px auto 0 auto; }
			#header h1 { display:block; width:260px; height:90px; float:left; }
				#header h1 a { display:block; text-indent:-9999px; width:100%; height:100%; background:url(../images/logo.png) no-repeat top left; }
				#header h1 a:hover { background-position:0 bottom; }

		
				ul.main_nav { display:block; float:left; margin:65px 0 0 60px; }
					ul.main_nav li { display:block; position:relative; float:left; padding:0 30px 0 20px; margin:0; }
						ul.main_nav li.approach { padding-right:27px; }
						ul.main_nav li a { display:block; position:relative; font-size:15px; font-weight:bold; color:#000; text-decoration:none; padding:0 33px 0 0; background:url(../images/down_arrow.png) no-repeat 100% 50%; z-index:3; }
							ul.main_nav li a:hover { color:#d6002e; }
							ul.main_nav li.active a { color:#d6002e; }
							
							ul.main_nav li:hover ul { margin-top:-15px; z-index:2; }
							ul.main_nav li:hover a { background:url(../images/down_arrow_gray.png) no-repeat 100% 50%; }
								ul.main_nav li:hover ul li a { background:none; }
							
							ul.main_nav li ul { display:block; position:absolute; width:auto; min-width:161px; padding:27px 0 22px 0; margin:-9999px 0 0 -20px; background:url(../images/main_nav_grid.gif) repeat top left; white-space:nowrap; }
								ul.main_nav li ul li { display:block; float:none; clear:left; }
									ul.main_nav li ul li a { color:#6a6a6a; font-size:12px; background:none; padding:0; }
									ul.main_nav li.active ul li a { color:#6a6a6a; font-size:12px; background:none; padding:0; }
										ul.main_nav li.active ul li a:hover { color:#d6002e; }
		
		#flash { margin:10px 0 0 0; width:960; height:530px; }
			#flash h2 { width:100%; height:530px; background:url(../images/flash_placeholder.jpg) no-repeat 0 0; }
			#flash .alt { display:none; }
			#flash h2, #flash a { position:absolute; text-indent:-9999px; }
				#flash a { display:block; width:241px; height:40px; margin:350px 0 0 0; background:url(../images/flash_learnmore.jpg) no-repeat 0 100%; }
					#flash a:hover { background-position:0 0; }
					
		/*.highlight { display:block; float:right; height:173px; width:346px; margin:-187px 0 0 0; background:url(../images/case_study_bg.png) no-repeat top right; }
			.highlight .description { float:right; display:block; width:185px; margin:23px 25px 0 0; }
				.highlight h3 { font-size:14px; color:#d3002e; text-transform:uppercase; }
				.highlight h4 { font-size:16px; color:#d3002e; font-weight:bold; line-height:18px; }
				.highlight p { margin:13px 0 6px 0; line-height:19px; }
				.highlight a.learn_more { color:#696969; font-size:14px; font-style:italic; text-decoration:none; }
					.highlight a.learn_more:hover { color:#d30029; }
			.highlight .image_container { display:block; float:left; overflow:hidden; height:125px; width:72px; margin:27px 10px 0 54px; }
				.highlight img { display:block; width:100%; height:auto; }
			.highlight span.image_mark { display:block; background:url(../images/image_mark.png) no-repeat 0 100%; height:138px; width:48px; position:absolute; margin:27px 0 0 45px; }*/
		
		#content { width:960px; background:#fff url(../images/gridbg.gif) no-repeat ; padding:80px 0 30px; color:#464646; font-family:Georgia, "Times New Roman", Times, serif; }
			#content p.intro { font:bold 14px/18px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; }
			#content a { color:#e31937; text-decoration:underline; }
			#content a:hover { color:#e31937; text-decoration:none; }
			#content blockquote { color:#e31937; font-style:italic; font-size:14px; border-left:5px solid #464646; margin:0 230px 16px 20px; padding-left:10px; }
			strong { font-weight:bold; }
			em { font-style:italic; }
			p.clear { clear:both; height:1px; font-size:1px; }
			.imgwrap { position:relative; float:left; }
			.imgcorner { width:16px; height:16px; background:url(../images/imgcorner.png) no-repeat; position:absolute; top:0; left:0; z-index:10; }
			* html .imgcorner { display:none; }
		
		#sidebar { width:240px; float:left; padding:0 10px 0 20px; font-family:Arial, Helvetica, sans-serif; }
			#sidebar h3, #sidebar h4 { color:#000; font:bold italic 14px/18px Arial, Helvetica, sans-serif; margin-bottom:16px; }
			#sidebar ul { margin-bottom:20px; }
			#sidebar ul li { color:#000; font-size:13px; border-bottom:1px dashed #838383; padding:1px 0; }
			#sidebar ul li.active a { color:#e31937; font-weight:bold; }
			#sidebar ul li.active li a { color:#000; font-weight:normal; }
			#sidebar ul li a { color:#838383; text-decoration:none; }
			#sidebar ul li a:hover { color:#e31937; }
				#sidebar ul ul { margin-bottom:0; }
				#sidebar ul ul li { border:none; background:url(../images/bulletsidegray.gif) no-repeat 5px 8px; padding-left:15px; }
				#sidebar ul ul li a { color:#464646; }
				#sidebar ul ul li a:hover { color:#e31937; }
				#sidebar ul ul li.active {background-image:url(../images/bulletsidered.gif); }
				#sidebar ul ul li.active a { color:#e31937; font-weight:bold; }
			#sidebar .casestudy { height:100px; clear:both; }
				#sidebar .casestudy a img { float:left; border-left:5px solid #fff; margin:0 10px 0 -10px; padding-left:5px; cursor:pointer; }
				#sidebar .casestudy a:hover img { border-color:#e31937; }
				#sidebar .casestudy p { font:bold 14px/18px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; }
				#sidebar .casestudy p a { font:bold 12px/18px Arial, Helvetica, sans-serif; color:#838383; text-transform:none; display:block; text-decoration:none; }
				#sidebar .casestudy p a:hover { color:#e31937; }
			#sidebar .contactinfo h4 { font:bold 16px/16px Arial, Helvetica, sans-serif; margin-bottom:8px; }
		
		#main { width:580px; float:left; padding:0 20px 0 30px; }
			#main p, #main ol, #main ul { margin-bottom:16px; }
			#main h2 { font:bold 20px/20px Arial, Helvetica, sans-serif; margin-bottom:12px; color:#464646; text-transform:uppercase; border-left:5px solid #e31937; margin-left:-15px; padding-left:10px; }
			#main h3 { font:bold 16px/16px Arial, Helvetica, sans-serif; margin-bottom:12px; color:#464646; }
			#main h4 { font:bold 14px/14px Arial, Helvetica, sans-serif; margin-bottom:12px; color:#464646; }
			#main h5, #main h6 { font:bold 12px/14px Arial, Helvetica, sans-serif; margin-bottom:12px; color:#464646; }
			#main ul { margin-left:20px; list-style:none; }
				#main ul li { background:url(../images/bulletplus.gif) no-repeat 0 8px; padding-left:10px; }
			#main ol { margin-left:40px; list-style:decimal; }
			#main img { float:left; margin-right:10px; }
				#main ul.casethumbs { width:90px; margin:0 10px 0 0; padding:0; float:left; }
				#main ul.casethumbs li { height:90px; margin:0; padding:0; background:none; }
				#main ul.casethumbs li a:hover img { border-left:5px solid #e31937; margin-left:-15px; padding-left:10px; }
			#main .casestudybody { width:470px; float:left; }
			
			#main .contactbox legend { display:none; }
			#main .contactbox label { display:block; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#464646; margin-bottom:2px; }
			#main .contactbox label span.required { color:#838383; font:normal 12px/16px Georgia, "Times New Roman", Times, serif; font-style:italic; }
			#main .contactbox input { width:375px; height:14px; margin-bottom:7px; background-color:#838383; border:none; color:#fff; padding:4px 5px 3px; }
			#main .contactbox textarea { width:375px; margin-bottom:7px; background-color:#838383; border:none; color:#fff; padding:4px 5px 0; }
			#main .contactbox .linkbutton { font:bold 16px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration:none; }
		
		/* Forms */
		.formrow { margin-bottom:15px; }
			.formrow label { display:block; width:140px; text-align:right; float:left; margin-right:5px; font-family:Arial, Helvetica, sans-serif; }
			.formrow label.required { font-weight:bold; }
			.formrow input { width:300px; }
			.formrow table label { display:inline; float:none; margin:0 0 0 5px; }
			.formrow table input { width:auto; }
			div.checkbox input { width:auto; text-align:left; margin-left:145px; }
			div.checkbox label { display:inline; float:none; margin-left:5px; }
		.formsubmit { font-size:14px; background:#eee; border:1px solid #323232; padding:3px 5px; font-weight:bold; color:#323232; cursor:pointer; margin:10px 0 0 145px; }
		.formsubmit:hover { border:1px solid #d6002e; color:#d6002e; }
		span.error div { padding-left:145px; }

		
		/* Thickbox styles */
			#main .thickboxmodal { position:absolute; left:-9999px; }
			#TB_ajaxContent { background:url(../images/lightboxbg.gif) no-repeat; padding:35px 35px 45px 45px; }
			#TB_title { display:none; }
			#TB_window { width:840px !important; position:relative; }
				#TB_window h2 { font:bold 20px/20px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; border-left:5px solid #e31937; margin:0 0 15px -15px; padding-left:10px; }
				#TB_window .imgcorner { width:16px; height:16px; background:url(../images/imgcornergray.png) no-repeat; }
				#TB_window ul.casethumbs { width:90px; margin:0 10px 0 0; padding:0; float:left; }
				#TB_window ul.casethumbs li { height:90px; margin:0; padding:0; background:none; }
				#TB_window ul.casethumbs li a:hover img { border-left:5px solid #e31937; margin-left:-15px; padding-left:10px; }
				#TB_window ul.casethumbs li.selected img { border-left:5px solid #e31937; margin-left:-15px; padding-left:10px; }
			div.casestudyfeature { width:550px; float:left; }
				div.casestudyfeature img { float:left; margin-right:20px; }
				div.casestudyfeature h3 { font:bold 16px/16px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#fff; margin-bottom:10px; }
				div.casestudyfeature { color:#fff; }
				#TB_window div.casestudyfeature .closebtn a { position:absolute; top:35px; left:750px; display:block; width:50px; height:15px; font:bold 18px/16px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#fff; background:url(../images/closebtn.gif) no-repeat right 0; padding-right:17px; text-decoration:none; }
				#TB_window div.casestudyfeature .closebtn a:hover { text-decoration:underline; color:#e31937; background-position:bottom right; }
		
		
		#footer { font-family:Helvetica, Arial, sans-serif; display:block; float:left; width:100%; margin:-14px 0 20px 0; background:url(../images/footer_bg.png) no-repeat 50% 0; }
			ul.footer_tabs	{ float:right; display:block; height:29px; width:629px; padding:0 0 0 331px; margin:25px 0 0 0; text-transform:uppercase; font-size:10px; }
				ul.footer_tabs li { color:#c3c3c3; display:block; float:left; width:112px; height:24px; padding:5px 0 0 0; margin:0 0 0 35px; text-align:center; }
					ul.footer_tabs li.contact { margin-left:0; }
					ul.footer_tabs li.cyberwoven { color:#ee99ab; width:188px; }
					ul.footer_tabs li a { color:#c3c3c3; text-decoration:none; font-weight:bold; }
						ul.footer_tabs li a:hover { color:#fff; border-bottom:2px solid #d6002e; }
							ul.footer_tabs li.contact a:hover { border-color:#9c9c9c; }
							ul.footer_tabs li.site_map a:hover { border-color:#9c9c9c; }
							ul.footer_tabs li.cyberwoven a { color:#ee99ab; }
							ul.footer_tabs li.cyberwoven a:hover { color:#fff; border-color:#9c9c9c; }