@charset "utf-8";

/* IMPORT  THE 960 GRID SYSTEM CSS FILE*/
@import url("reset.css");
@import url("960_24_col.css");

/*@import url("js/ui-lightness/jquery-ui-1.8.1.custom.css"); */

.pngfix	{}	/* ---  JUST FOR IE6 - ADD THIS CLASS TO ANY 
					TRANSPARENT IMAGE (PNG FILE) TO GET IT TO WORK IN IE6 ------- */
					
										
/* --------------------------------------------------------------------------------
		GRID STYLES
-------------------------------------------------------------------------------- */

#header 	{ background-color: #ccc; height:140px; margin:0 0 10px 0; background-image: url('../images/common/header_background.jpg'); background-repeat: no-repeat;}


#main_menu 	{ background-color: black; height:40px; background-image: url('../images/common/menu_background.jpg'); background-repeat: repeat-x;}


#red_space 	{ background-color: #aa1931; height:32px; width:940px; margin:0 10px;}
	

#sidebar 	{ background-color: #e4e4e9; padding:7px 0 0 0; margin: 0;}

#text_content	{ background-color: #fff; padding-bottom: 20px;} /* Container that holds the two text columns on each page*/


#footer 	{ background-color: #ccc;}


.callout 	{ background-color: #ffcc33; margin:20px 0; padding:7px;}

.grid_24	{z-index: 99;}


/* --------------------------------------------------------------------------------
		TYPOGRAPHY STYLES (generic typography)
-------------------------------------------------------------------------------- */




body 				{ font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif; font-size: 12px; color: #000;
					background-color: black; background-image: url('../images/common/background_main.jpg'); background-repeat: no-repeat; background-position: top center;}

a					{color:#000;}
p					{ font-size: 14px; color: #1b1b1b; line-height: 18px; padding: 5px 15px; }

li					{ font-style: italic; padding:4px 0; }

h1					{padding: 0; margin:15px 0 0 20px;} /* Logo Container Style */

h2,h3,h6			{ font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;}
h2 		 			{ color:#fff; font-size: 13px; padding:9px 0 0 10px; margin:0; text-transform: uppercase; font-weight: normal; letter-spacing: 1px;}
h3 					{ font-size: 15px; font-weight: normal; padding:15px 0 0 20px; letter-spacing: 2px;}
h4					{ font-size: 19px; font-weight: normal; padding:20px 0 10px 13px;}

ol 					{ list-style-type: lower-roman;}
dt 					{ font-weight: bold;text-decoration: underline;font-size: 14px;margin-top: 5px;margin-bottom: 5px; } 
dd 					{ font-size: 12px;color: #666666; padding: 5px 0px 10px 10px;margin: 0px 0px 0px 10px; }

blockquote 			{ margin:22px 40px; color:#575757; padding: 0px 50px; background: transparent url("../images/blockquote.gif") no-repeat 0 0; }

ul					{ list-style-type: disc; list-style-position: outside; margin:10px 10px 10px 25px; line-height: 18px; }				

hr					{ color:#000; background-color: #000; margin:2px 20px 0 20px; padding:0; height:1px;}

#footer p			{ font-size: 12px; padding:20px;}


/* --------------------------------------------------------------------------------
		Button Styles
-------------------------------------------------------------------------------- */

/* Dark Button */

.grey_button { margin: 40px auto; width:190px;}

a.button {
    background: transparent url('../images/common/button/button_right.jpg') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: normal 11px verdana, sans-serif;
    height: 46px;
    margin-right: 6px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
}

a.button span {
    background: transparent url('../images/common/button/button_left.jpg') no-repeat;
    display: block;
    line-height: 36px;
    padding: 5px 0 5px 10px;
}

a.button:hover span {
    background-position:  bottom left;
    color:#fff;
}
a.button:hover {
    background-position:  bottom right;
}



/* Light Button */


.light_button { width:70px; margin:0 0 0 20px;}

#about .light_button {margin:0 0 0 30px;}

a.light_button {
    background: transparent url('../images/common/button/light_button_right.png') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: normal 10px verdana, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
}

a.light_button span {
    background: transparent url('../images/common/button/light_button_left.png') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 10px 5px 10px;
}

a.light_button:hover span {
    background-position:  bottom left;
    color:#fff;
}
a.light_button:hover {
    background-position:  bottom right;
}

/* --------------------------------------------------------------------------------
		PAGE SPECIFIC STYLES
-------------------------------------------------------------------------------- */

/* Home Page Styles ------------------------------ */

#home #red_space 		{ height:14px;}
#home #text_content  	{ padding-bottom: 0;}
#home h2 				{ font-family: Georgia, "New Century Schoolbook","Nimbus Roman No9 L",serif; font-size: 15px; padding:15px 15px 0 20px; margin:0; letter-spacing: normal; line-height: 23px; text-transform:none; color: black; border-bottom: none;}
#home #sidebar 			{ background-image: url(../images/home/satellite.jpg); background-position: bottom center; background-repeat: no-repeat;}
#home #text_content ul, #home #sidebar ul { list-style-type: none; list-style-position: inside; margin:10px;}

#sidebar div 			{ height:50px; margin:20px;}
#sidebar div h3			{ padding:0 10px 0 0;}
#sidebar div .press_tn	{ float:left; padding:0 10px 0 0;}
#sidebar div p 			{ font-size: 13px; display:inline; margin:0; padding:0; vertical-align: top; line-height: 14px;}
#sidebar div p a 		{ color:#000; text-decoration: underline;}
#sidebar div hr			{ color:#000; margin:2px 20px 0 10px; padding:0;}

#quick_facts 			{ background-color: #e4e4e9;}
#quick_facts h3			{ padding:10px 10px 0 10px;}
#quick_facts ul li		{ font-style: italic; margin:0 0 10px 0;}
#text_content #quick_facts hr { color:#000; margin:2px 10px 0 10px;}


/* Sub Page Menus ------------------------------ */

.subpage_menu 			{ font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif; list-style-type: none; margin:0 0 20px 0; padding:0;}
.subpage_menu li		{ border-bottom: 1px solid #000; margin:0; padding:0;}
.subpage_menu li a 		{ font-size: 14px; font-style: normal; text-decoration: none; color:#000; display:block; padding:7px 0 7px 20px; text-decoration: none;}
.subpage_menu a:hover 	{ background-color: #333; color:#fff;}
.subpage_menu .current 	{ background-color: #c3c3c3;} .subpage_menu .current a { color:#aa1931; font-weight: bold;}


/* List and subhead Styles for all sub-pages------------------------------ */

#text_content ul		{ padding:0; margin:5px 10px 10px 43px;}
#text_content ul li		{ font-size: 14px; font-style: normal; padding:0 0 3px 0;}
#text_content ul ul 	{ list-style-type: circle; margin:5px 0 5px 12px; line-height: 17px; }
#text_content li li		{ font-size: 13px; font-weight: normal;}
#text_content ul .section_head {font-weight: bold;}


#text_content h4		{ font-size: 24px; padding:20px 0 10px 30px;}
#text_content p			{ padding:0 50px 10px 30px; line-height: 22px;}
#text_content hr		{ margin:5px 30px 15px 30px;}
#text_content .intro	{ padding:0 30px 20px 30px; font-size: 16px; font-style: italic;  line-height: 24px; }

.img_float_right		{ float:right; padding:10px;}


/* Capabilities Pages------------------------------ */

#text_content.capabilities { background-image: url(../images/capabilities/main_image.jpg); background-position: top center; background-repeat: no-repeat; padding-top:160px;}
#text_content.capabilities_detail { background-image: url(../images/capabilities/capabilities_detail.jpg); background-position: top center; background-repeat: no-repeat; padding-top:10px;}
#capabilities #sidebar 	{ background-image: url(../images/capabilities/sidebar_image.jpg); background-position: bottom center; background-repeat: no-repeat;}

/* About Us Pages------------------------------ */

#text_content.about { background-image: url(../images/about/about_main.jpg); background-position: top center; background-repeat: no-repeat; padding-top:130px;}
#text_content.leadership { background-image: url(../images/about/leadership_main.jpg); background-position: top center; background-repeat: no-repeat; padding-top:250px;}
#text_content.customers { background-image: url(../images/about/customers_main.jpg); background-position: top center; background-repeat: no-repeat; padding-top:250px;}
#about #sidebar 	{ background-image: url(../images/about/sidebar_image.jpg); background-position: bottom center; background-repeat: no-repeat;}

#text_content.shelton { background-image: url(../images/about/joey_shelton_working.jpg); background-position: top center; background-repeat: no-repeat; padding-top:250px;}
#text_content.kauffman { background-image: url(../images/about/tim_kauffman_working.jpg); background-position: top center; background-repeat: no-repeat; padding-top:250px;}
#text_content.verhage { background-image: url(../images/about/marc_verhage_working.jpg); background-position: top center; background-repeat: no-repeat; padding-top:250px;}



/* Employment Pages------------------------------ */

#text_content.employment { background-image: url(../images/employment/employment_main.jpg); background-position: top center; background-repeat: no-repeat; padding-top:170px;}
#text_content.job_listing { background-image: url(../images/employment/job_listing_main.jpg); background-position: top center; background-repeat: no-repeat; padding-top:210px;}
#employment #sidebar 	{ background-image: url(../images/employment/sidebar_image.jpg); background-position: bottom center; background-repeat: no-repeat;}

/* News and Events Styles ------------------------------ */

#text_content.news { background-image: url(../images/news/news_main.jpg); background-position: top center; background-repeat: no-repeat; padding-top:150px;}
#text_content .news			{ margin:5px 20px 10px 30px; padding: 0 0 20px 0;}
#text_content .news h5		{ padding:0 0 10px 0; font-size: 16px; color:#000; font-weight: bold;}
#text_content .news p		{ padding:5px 0 5px 0; margin: 0; }
#text_content .news .date	{ padding:0 0 5px 0; font-style: italic; clear:both;}
#text_content .news img		{ float:right; }
#news #sidebar 	{ background-image: url(../images/news/sidebar_image.jpg); background-position: bottom center; background-repeat: no-repeat;}


/* Job Listing Styles ------------------------------ */
.job_listings 	{ border-bottom: 1px solid #999;}
.job_listings .job_date {font-style: italic; font-size: 13px; padding:0; margin:0;}
.job_listings p	{padding: 0 0 20px 0; margin:0;}
.job_listings h5 {padding:0 0 20px 30px; font-size: 17px;}
.job_listing h5  {padding:0 0 20px 30px; font-size: 13px;}
.job_listings h6 {padding:0 0 0 30px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color:#aa1931;}


/* Contact Styles ------------------------------ */

#text_content.contact { background-image: url(../images/contact/contact_main.jpg); background-position: top center; background-repeat: no-repeat; padding-top:150px;}
#contact #text_content h4 {font-size: 20px;}
#contact #sidebar h4 {font-size: 20px; padding:15px 0 0 15px;}
#contact #sidebar p	{font-size: 15px; line-height: 23px;}

#contact #sidebar 	{ background-image: url(../images/contact/rocket.jpg); background-position: bottom center; background-repeat: no-repeat;}
#contact form .required {border:1px solid red;}


/* Form Styles ------------------------------ */

form				{ margin:20px 0 0 0; }
input, textarea 	{ font-family:Verdana, "Trebuchet MS", sans-serif; border:none; padding:5px; font-size: 14px; width:350px; background-color: #d8d8d8; }
input a:focus		{ background-color: #999;}
legend 				{ display: none; }
label				{ width:10em; display: block; float:left; }
.submit_button		{ width:70px; font-size: 12px; margin:20px 0 20px 160px;}
form strong			{ color:red; display: block; margin:0 0 0 10em; }