/*
Design by Robert Tapley
http://www.robtapley.com
Released for free under a Creative Commons Attribution 2.5 License
*/


/*
TABLE OF CONTENTS FOR CSS DOCUMENT

HTML Elements
Page Structure
Navigation
Headings
Header
Content Area
Right Panel definitions

Forms
Clear
Footer



/* ———- @ HTML Elements ———–*/




* {
	margin: 0px;
	padding: 0px;
	border:0pt none;
	vertical-align:baseline;
	}

a:link {color: #1F5111;}
a:hover {text-decoration:underline; color:#FF0000;}
a:visited {color:#1F5111;}

body {
	background: #30a7ca url(../images/back_all_blue.gif) repeat-x;
	font: 14px Arial, Helvetica, sans-serif;
	color: #333333;
	}

#content {
	margin-top:30px;
	margin-bottom:30px;
	}

#back {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
	}

#header {
	height: 105px;
	width:952px;
	text-align: left;
	padding-left:4px;		
	}

#menu {
	width: 952px;
	height: 20px;
	padding-left: 0px;
	padding-top: 7px;
	padding-bottom: 3px;
	background-color:#13334a;
	margin:0px 4px;
	vertical-align:middle;
	}

#menu ul li {
	list-style: none;
	display: inline;	
	}

#menu a {
	float: left;
	width: auto;
	height: 20px;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-left:20px;
	margin-right:20px;
	}

#menu a:hover {
	width: auto;
    height: 20px;
	color: #2ea3c6;
	text-decoration: none;
	}

#brand {
	background:url(../images/header.jpg) no-repeat;
	width:952px;
	height: 143px;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 2px;
	}

#flashAssetContainer {
	height:283px;
	width:952px;
	text-align: left;
	padding-left:0px;
	padding-top:0px;
	margin-left:4px;
	margin-top:35px;	
	}
	
#flashAssetChild {
	background: url(../images/holder_pencil.jpg) no-repeat;
	height:283px;
	width:952px;
	text-align: left;
	padding-left:4px;
	padding-top:0px;
	margin-left:4px;
	margin-top:35px;	
	}
	
	
#flashAssetChild_temp1 {
	background: url(../images/temp_monkey.jpg) no-repeat;
	height:283px;
	width:952px;
	text-align: left;
	padding-left:4px;
	padding-top:0px;
	margin-left:4px;
	margin-top:35px;	
	}	
	
#flashAssetChild_whoweare {
	background: url(../images/hdr_whoweare.jpg) no-repeat;
	height:283px;
	width:952px;
	text-align: left;
	padding-left:4px;
	padding-top:0px;
	margin-left:4px;
	margin-top:35px;	
	}	
	
#flashAssetChild_temp3 {
	background: url(../images/hdr_feeling_burned.jpg) no-repeat;
	height:283px;
	width:952px;
	text-align:left;
	padding-left:4px;
	padding-top:0px;
	margin-left:4px;
	margin-top:35px;	
	}
	
#flashAssetChild_contact {
	background: url(../images/hdr_contact.jpg) no-repeat;
	height:283px;
	width:952px;
	text-align:left;
	padding-left:4px;
	padding-top:0px;
	margin-left:4px;
	margin-top:35px;	
	}
	
#flashAssetChild_testimonials {
	background: url(../images/hdr_testimonials.jpg) no-repeat;
	height:283px;
	width:952px;
	text-align:left;
	padding-left:4px;
	padding-top:0px;
	margin-left:4px;
	margin-top:35px;	
	}	
	
	
#logoX {
	background: url(../images/holder1024.jpg) no-repeat;
	width:952px;
	height: 283px;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	}


#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 16px;
	color: #F8FAF7;
}

#logo H1
{
padding: 0px;
margin: 0px;
}

#logo H2 a
{
font-size: 10px;
padding: 0px;
margin: 0px;
}

.divider {
	background: url(../images/divider_stretcher.gif) repeat-x;
	width:100%;
	height: 1px;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left:0px;
}


#main
{
padding: 20px;
padding-top:30px;
}

#right
{
float: right;
width: 220px;
padding-right: 0px;
padding-bottom:30px;
}

#right div ul 		{list-style:none;}
#right div li		{border:0px; padding-left:10px;}
#right li ul 		{border:0px; margin-left:20px; margin-bottom:10px;}

#right li li {
	padding: 4px 5px;
    background: url(images/small.gif) no-repeat left;
	border: 0px;
	font-size:11px;
}

#right a:link 		{color: #FFFFFF; font-size: 11px;}
#right a:visited 	{color: #FFFFFF; font-size: 11px;}
#right a:hover 		{color: #12334a; font-size: 11px;}
#right a:active 	{color: #FFFFFF; font-size: 11px;}

#right p
{
padding: 10px;
font-size:10px;
}




/* ———- @ LEFT PANEL definitions ———–*/

#left {width:630px;}

#left a
{
color: #123248;
text-decoration: none;
}

#left p {margin:0; padding:0px; padding-bottom:10px;}

#left h2 {margin:0; padding:0px; padding-top:0px; padding-bottom:24px; color:#3399FF; font:bold 18px; text-transform:uppercase;}
#left h3 {margin:0; padding:0px; color:#e26c0a; font-size:bold 14px; text-transform:uppercase;}
#left h4 {margin:0; padding:0px; color:#123248; font-size:12px; }

.date {
	text-align: right;
	color: #808080;
	font-size: 11px;
}

.date a {
	color: #D72020;
}



/* ———- @ FOOTER definitions ———–*/

#footer {
	height: 70px;
	clear: both;
	padding: 10 4 4 4;
	margin-left:4px;
	margin-right:4px;
	margin-top:10px;
	border-top: 2px solid #123248;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #123248;
}

#footer a 		{color:#123248;}
#footer a:hover {color:#30a7ca; text-decoration:underline;}


#leftFooter  {margin-left:15px; font-size:10px; color:#123248; width:320px; padding-top:30px;}
#rightFooter {margin:0; font-size:10px; color:#123248; width:530px; float:right; padding-top:30px; padding-right:20px; text-align:right;}



/* THIS IS THE CHILD PAGE PANEL DEFINITIONS */


#rightChild {
	float: right;
	width: 220px;
	padding-right: 0px;
	padding-bottom:30px;
}

#rightChild dt {text-align:left; font:bold 13px Arial, Helvetica, sans-serif; padding-left:0px;}

#rightChild div dt {text-align:left; font:bold 13px Arial, Helvetica, sans-serif; padding-left:0px;}

#rightChild div ul 		{list-style:none;}
#rightChild div li		{border:0px; padding-left:10px;}
#rightChild li ul 		{border:0px; margin-left:20px; margin-bottom:10px;}

#rightChild li li {
	padding: 4px 5px;
    background: url(images/small.gif) no-repeat left;
	border: 0px;
	font-size:11px;
}

#rightChild a:link 		{color: #FFFFFF; font-weight:bold; font-size: 11px;}
#rightChild a:visited 	{color: #FFFFFF; font-weight:bold; font-size: 11px;}
#rightChild a:hover 	{color: #12334a; font-weight:bold; font-size: 11px;}
#rightChild a:active 	{color: #FFFFFF; font-weight:bold; font-size: 11px;}

#rightChild p {padding:10px; font-size:10px;}




#leftChild {width: 640px; font-family:Arial, Helvetica, sans-serif;}


#leftChild h2 {
	margin: 0;
	padding: 0;
	padding-top: 0px;
	padding-bottom:24px;
	color: #3399FF;
	font-size:bold 18px;
	text-transform:uppercase;
}

#leftChild h3 {margin:0; padding:0px; color:#e26c0a; font-size:bold 14px; text-transform:uppercase;}
#leftChild h4 {margin:0; padding:0px; color:#123248; font-size:12px;}

#leftChild a:link 		{color: #13334a; font-weight:bold; font-size: 11px;}
#leftChild a:visited 	{color: #13334a; font-weight:bold; font-size: 11px;}
#leftChild a:hover 		{color: #FF0000; font-weight:bold; font-size: 11px;}
#leftChild a:active 	{color: #13334a; font-weight:bold; font-size: 11px;}

#leftChild p {margin:0; padding:0; padding-bottom:10px;}

#leftChild ul {list-style:disc; padding-left:20px;}

#leftChild li {line-height:1.5em; font:13px Arial, Helvetica, sans-serif;}






/* ———- @ ATTRIBUTES for scrollable job listings ———–*/
/* ———- @ BRAND NEW 2009 ———–*/

#jobscroll {
    float:left;
    width:650px;
	font-size:93%;
    line-height:normal;
	font:bold 11px Arial, sans-serif;
	letter-spacing:0px;
	height:300px; 
	overflow:auto;
	border:1px solid #2b7ffe;
	margin-top:20px;
	margin-bottom:20px;
    }

#jobscroll h2 {
    margin:0;
    padding-top:10px;
	padding-left:10px;
	padding-bottom:0px;
	text-transform:uppercase;
	color: #3399FF;
	font:bold 16px Arial, Helvetica, sans-serif;	
    }

#jobscroll ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
    }
	
#jobscroll li {
    margin:0;
    padding:0;
    }

#jobscroll a {
    display:block;
    padding:5px 25px 4px;
	color:#fe9b3a;
	text-decoration:underline;
   	background:url(../images/icon_acrobat.gif) no-repeat left center;
    }
	
#jobscroll a:hover {
    display:block;
    padding:5px 25px 4px;
	color:#ff0000;
	text-decoration:underline;
   	background:url(../images/icon_acrobat.gif) no-repeat left center;
    }








/* ———- @ COLOR POP SIDE BOX STYLINGS ———–*/
dl.bot_lft {
	background:#f88a1f url(../images/orange_tl.gif) top left no-repeat; 
	margin:5px 0; 
	padding:0; 
	float:left; 
	padding-left:20px;
	margin-right:10px;
	margin-bottom:30px; 
	width:90%;
	}

dl.bot_lft dt {
	background:transparent url(../images/orange_tr.gif) top right no-repeat; 
	padding:10px; 
	text-align:left; 
	text-transform:uppercase;
	color:#fff;
	line-height:1.7em;
	}

dl.bot_lft dd {
	background:#f88a1f url(../images/orange_br.gif) bottom right no-repeat; 
	padding:0; 
	margin:0;
	}

dd p  {margin:0; padding:10px; line-height:1.3em; color:white; font:bold 15px Arial, Helvetica, sans-serif; font-style:italic;}
dd h3 {margin:0; padding-left:50px; padding-bottom:10px; line-height:1.3em; color:white; font:bold italic 12px Arial, Helvetica, sans-serif;}

dt h2 {margin:0; padding-left:50px; padding-bottom:10px; line-height:1.3em; color:white; font:bold italic 12px Arial, Helvetica, sans-serif;}

.spacer {
line-height:20px;
margin-top:20px;
}

.spacer2 {
line-height:20px;
margin-bottom:20px;
}

.spacerHdrGhost {
line-height:50px;
margin-top:50px;
}




/* ———- @ COLOR POP SIDE BOX STYLINGS REDO REDO REDO !!!!!!!!! ———–*/


.sb_top {
	background: url(../images/sb_org_top.gif) no-repeat;
	height:17px;
	width:220px;
	text-align:left;
	margin:0; 
	padding:0px;
	border:0px;
	line-height:17px;
	}
		
.sb_content {
	width:220px;
	height:95%;
	text-align:left;
	color: #FFFFFF;
	background-color:#f88a1f;
	margin:0;
	padding:0px;
	border:0px;
	vertical-align:top;
}

.sb_content ul  {list-style:none; margin:0; padding:0px; position:relative; left:10px; width:200px;}
.sb_content li	{border:0px; padding-left:0px;}
	
.sb_bot {
	background: url(../images/sb_org_bot.gif) no-repeat;
	height:17px;
	width:220px;
	margin:0px;
	padding:0px;
	}	
	
.sb_content h3 {
	width: 200px;
	height: 18px;
	font-size:13px;
	font-weight:bold;
	padding-left: 20px;
	padding-top: 3px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.testimonialsStyle {
	text-decoration:none;
	}