/**
 * core.css
 * CSS Document
 * @author Tony Collings
 * @version 1.0 
 */
 
 
/* 
 * DESIGN NOTES: 
 * Overall width 980px; 
 * 
 */
 


/*	HTML OVERRIDES
	------------------------------------------------------------- */

	body {  
		font: 12px/18px Arial, Helvetica, sans-serif; 
		/* font: 12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; */
		font-weight: 100; 
        color: #a7b0c1;
		background: #000233 url('img.v1/body-gradient.png') top left repeat-x; 
		margin: 0px; padding: 0px; 
		text-align: center; 
		
	}
	
	a { color: #ebedef; text-decoration: none; }
	a:hover { color: #ebedef; text-decoration: underline; }
	h1,h2, h3, h4 { margin: 0px; padding: 0px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: 100; }
	h1{font-size: 22px; text-transform: uppercase;  }
	h2{font-size: 18px; font-weight: bolder; }
	
	h3{font-size: 18px; }
	ul, ol, li, p { margin: 0px; padding: 0px; }
	p { padding: 8px 0px; }
	p.first-paragraph {padding-top: 0px; }
	
	/* Headings */
	sup,sub {font-size: 10px; vertical-align: top; }
	
 
/*	MODIFIERS
	------------------------------------------------------------- */
	.clear { clear: both; line-height: 0px; height: 0px; font-size: 1px; display: block;  }
	img.icon { margin-right: 10px; vertical-align: middle;  }
	p.text-indent {display: block; margin-top: 10px; padding-left: 20px; }
	hr.line-break {display: block; margin: 20px 0px; border: 1px solid #fff; border-top: 1px solid #ebebeb; }
	a.external-link {padding-right: 15px; background: #fff url('img.v1/external-link.gif') center right no-repeat; }
	.col-wrapper {display:block; clear: both;}
	.left-col {float:left; }
	.right-col {float: right; }	
	li.first-item {padding-left: 0px; margin-left: 0px; }
	li.last-item {padding-right: 0px; margin-right: 0px; }
	img.ajax-preloader {margin: 20px auto; }
	
	ul.formatted-ul {display: block; margin: 20px 0px; padding: 0px; padding-left: 20px; text-align: left;   }
	ul.formatted-ul ul {display: block; margin: 20px 0px; padding: 0px; padding-left: 20px; text-align: left;  }
	ul.formatted-ul li,
	ul.formatted-ul li li {text-align: left; }
	
	div.sq25 {width: 25px; height: 25px; background-color: #474747; clear: both; float: right; }
	.small-text {font-size: 10px; }
		
	
	/* Rounded Corners Effect */
	b.rtop, b.rbottom{display:block;background: none; }
	b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #c24b33;}
	b.r1{margin: 0 5px}
	b.r2{margin: 0 3px}
	b.r3{margin: 0 2px}
	b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

	
	/* HALO effect. Left in, just in case...  (Will not show on IE6 (_background: none) this is deliberate) */
	.halo-bg{
		position:				absolute;
		width:					52px;
		height:					52px;
	}
	
	.halo-bg-n{
		left:					0;
		top:					-42px;
		width:					100%;
		background:				url("img/halo/bg_n.png") repeat-x;
	
	}
	.halo-bg-ne{
		right:					-52px;
		top:					-52px;
		background:				url("img/halo/bg_ne.png") no-repeat;
	
	}
	.halo-bg-e{
		right:					-42px;
		top:					0;
		height:					100%;
		background:				url("img/halo/bg_e.png") repeat-y;
	
	}
	.halo-bg-se{
		right:					-52px;
		bottom:					-52px;
		background:				url("img/halo/bg_se.png") no-repeat;
	}
	.halo-bg-s{
		left:					0;
		bottom:					-42px;
		width:					100%;
		background:				url("img/halo/bg_s.png") repeat-x;
	}
	.halo-bg-sw{
		left:					-52px;
		bottom:					-52px;
		background:				url("img/halo/bg_sw.png") no-repeat;

	}
	.halo-bg-w{
		left:					-42px;
		top:					0;
		height:					100%;
		background:				url("img/halo/bg_w.png") repeat-y;
	}
	.halo-bg-nw{
		left:					-52px;
		top:					-52px;
		background:				url("img/halo/bg_nw.png") no-repeat;

	}
	




/*	LAYOUT
	------------------------------------------------------------- */
	/* MESSAGE */
	div#no-adobe-plugin {padding: 20px; }
	div#no-adobe-plugin a {color: #b1b95e; text-decoration: none; font-weight: bolder; }
	div#no-adobe-plugin a:hover {color: #b1b95e; text-decoration: underline; font-weight: bolder; }
	
	
	/* GLOBAL */ 
	#global-wrapper {width: 100%; position: absolute; top: 0px; left: 0px;  z-index: 20; text-align: left; }
		.inner-content {width: 980px; margin: 0px auto; position: relative;  }
	/* Fancy Background */ 
	div#background-components {z-index: 10; position : absolute; top: 0px; left: 0px;  width: 767px; height: 613px; /* Dimensions of Graphic */ }
	
	/* Top */ 
	#header {background: #041040 url('img.v1/header-gradient.jpg') bottom left repeat-x; border-bottom: 1px solid #25315d;  }
		#header .inner-content {height: 80px; position: relative !important; }
		div#arrowhead-logo-over {position: absolute; top: -8px; left: -5px; z-index: 40;  }
		img#arrowhead-logo {position: absolute; top: 15px; left: 5px; }
		ul#nav {display: block; clear: both; margin: 0px; padding: 0px; height: 40px; 
			background: transparent url('img.v1/header-ul-gradient.png') top left repeat-x; position: absolute; bottom: 0px; right:0px; width: 305px; /* Adjust to exact width of menu */  
			text-align: right; 
		}
		ul#nav li {display: inline; float:left; list-style-type: none; height: 40px;  
			margin-right: 1px;
			
		}
		ul#nav li a {display: block; line-height: 40px; vertical-align: middle;  padding: 0px 30px; background: transparent url('img.v1/header-gradient.jpg') bottom left repeat-x;}
		ul#nav li a:hover {background: transparent url('img.v1/ul-over-gradient.jpg') bottom left repeat-x; color: #fff; text-decoration: none; }
		ul#nav li.last-item {margin-right: 0px; }
		ul#nav li.first-item {}

	/* Middle */ 
	#content-wrapper {background-color: #000232; position: relative; }
		#banner-opacity-overlay {width: 500px; height: 300px; /* Same height as banner */ z-index: 30; position: absolute; 
			top: 0px; 
			right: 0px; 
			background: transparent url('img.v1/right-col-gradient.png') bottom left repeat-x;
		}
		#page-banner {height: 300px; width: 980px; background-color: #01071f; position: relative;  text-align: center; overflow: hidden; }
	
	
	/* Bottom */ 
	#footer {position: absolute; height: 50px; 
		/* background: #080e26 url('img.v1/footer-gradient.jpg') top left repeat-x; */ bottom: 0px; left: 0px; /* copyright offset */ width: 100%;  
		background: #000232 url('img.v1/footer-indent.jpg') top left repeat-x; 
		color: #4a63a0; 
	}
	#footer #constrained-portion {font-size: 11px; width: 460px; text-align: right; margin: 0px;  }
		#copyright {color: #243978;  position: absolute; height: 100px; bottom: -120px; /* 100px height + padding */ left: 0px;  width: 960px; /* 980px global.width - 20px padding */  padding: 10px; text-align: right;  text-shadow: 1px 1px #001000; }


	
	div#primary-page-content {z-index: 30; /* Above banner */  position: absolute; top: 0px; right: 0px; width: 340px; /* 500 - 160 padding */ height: 500px; padding: 80px 80px;   }
	div#secondary-page-content {
		width: 940px; /* 980px width - 2*20px padding */ 
		padding: 20px; 
		margin-bottom: 100px; 
		background-color:  #000232;
		position: relative;  
	}
	
	img.page-title {display:block; margin-bottom: 20px; }
	
	div#arrowhead-address {position: absolute; top: 50px; left: 0px; 
		/* background-color: #06C; *//* FPO */  text-align: left; 
		padding: 10px 20px; 
	}
	
	
	/* PAGE SPECIFIC */ 
	/* index.tpl - Homepage 
	   ---------------------------------------------- */
	body#homepage div#secondary-page-content {height: 300px; /* To ensure right-col doesn't flow into footer */  }
	
	/* process.tpl - Homepage 
	   ---------------------------------------------- */
	body#process div#secondary-page-content {height: 300px; /* To ensure right-col doesn't flow into footer */  }
	body#process div#secondary-page-content .left-col {width: 320px; /* 980 - 500 right.col - 80px padding */  padding: 40px; text-align: right;  }
	body#process ul#secondary-nav {text-align: right; display: block; width: 400px; /* 980 - 500 right - 80px padding */  }
	body#process ul#secondary-nav li {list-style-type: none; background: transparent url('img.v1/li-arrow.png') right center no-repeat; vertical-align: middle; padding-right: 15px;   }
	
		/* Scrolling Effect */
		div#process-page-mask {overflow: hidden !important; width: 340px; /* width of right-col */ }
		div#process-page-wrapper {width: 2380px; /* 7 Pages x Page Width */ }
		div.process-page {float: left; width: 340px; }
	
	/* contact.tpl - Homepage 
	   ---------------------------------------------- */
	body#contact div#secondary-page-content {height: 650px; /* To ensure right-col doesn't flow into footer */  }
	body#contact div#contact-success {}

	/* CONTENT PAGES */ 
	/* content/experience.tpl - Experience 
	   ---------------------------------------------- */ 
	body#content-experience div#secondary-page-content {height: 450px; /* To ensure right-col doesn't flow into footer */  }
	
	


/*	FORMS	
	--------------------------------------------------------------- */
	form {margin: 0px; text-align: left; } 
	form, label {font: 12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: 100;  }
	
	
	label {display: block; clear: both; margin-top: 10px; }
	label.first-item {margin-top: 0px !important; }
	input,
	select,
	textarea {font: 12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 5px; color: #666666; }
	
	.form-field {border: 1px solid #25315d; width: 200px;  }
	.text-area {width: 200px;  }
	input.captcha {width: 100px; }

	/* Form Specific */
	/* contact.tpl */ 
	div.form-buttons {width: 210px; text-align: right; margin-top: 20px;  }
	input.form-button {margin-left: 15px; }
	input.form-button a {color: #b1b95e;}
	
	div#form-errors-wrapper {color: #ca7420;  }
	ul#form-errors {display: block; clear: both; margin: 20px 0px;  padding: 0px; padding-left: 30px; }
			

/*	CSS3 Goodness ! Only for hardcore browsers ! 
	--------------------------------------------------------- */
	/* Progressive Enhancement */ 
	
	/*
		-moz-border-radius-bottomleft: 5px; 
		-moz-border-radius-bottomright: 5px;
		
		-khtml-border-bottom-left-radius: 5px; 
		-khtml-border-bottom-right-radius: 5px;
		
		-webkit-border-bottom-left-radius: 5px; 
		-webkit-border-bottom-right-radius: 5px; 
		
		border-bottom-left-radius: 5px; 
		border-bottom-right-radius: 5px;	

	
	*/		
	/*
	div#footer .inner-content{
		color: #2a2a2a; text-shadow: #464646 1px 1px 0px; 
	}
	*/
	



/*	TOOLTIPS
	--------------------------------------------------------- */
	
	div.tooltip-wrapper {border: 1px solid #b1b95e; background-color: #fff; }
	div.tip-top {}
	div.tip  {}
	div.tip-title  {
		background-color:#b1b95e; 
		color: #fff;  
		padding: 10px 20px; 
		text-transform: uppercase; 
		font-weight: bolder;   
	}
	div.tip-text  {padding: 10px 20px;   }
	div.tip-bottom  {}


/*	HIDDEN PANELS
	--------------------------------------------------------- */
	#overlay-wrapper {
		width: 850px;  
		height: 625px;  
		border: 2px solid #b1b95e; 
		position: absolute;
		top: 28px;
		left: 50%; 
		margin-left: -427px;
		padding: 0px;  
		background-color: #fff;  	
	}
	div#overlay-logo {padding: 0px; margin: 0px; height: 85px; width: 147px; /* Dim's of logo */ 
		padding: 20px; float: left;   
	}
	div.close-link {background-color: #b1b95e; color: #fff; padding: 10px 20px; 
		position: absolute; 
		top: 520px; right: 0px; 
		font-weight: bolder; 
		text-transform: uppercase; 
	}
	div.close-link a {color: #fff; text-decoration: none; }
	div.close-link a:hover {color: #fff; text-decoration: none; }