/*
	design.css (extends core.css)
	contains all design specific colors, images and text formatting
	
	All style rule attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	
	-- START ALL STYLES --
*/


/* color glossary
-----------------------------------------------------------------------------
	
	#hex (desc)
	
*/

/* table of contents
-----------------------------------------------------------------------------

	1. import
	2. design global
	3. global text presentation
	4. hyperlinks
	5. forms
	6. design specific ids
		6a. header
		6b. sidebar
		6c. main_content
		6d. footer
	7. design specific classes

*/


/* 1. import
----------------------------------------------------------------------------- */

@import url("core.css");

/* 2. design global
----------------------------------------------------------------------------- */

body{
	background: #E5E5E5;
	color: #333;
	font: normal normal 12px "Arial", Sans-Serif;
}

/* 3. global text presentation
----------------------------------------------------------------------------- */

code, samp, kbd, var{ font-family: "Courier New", "Courier", Monospace; }

h1, h2, h3, h4, h5, h6, b, strong{ font-weight: bold; }
i, em, cite, dfn, ins{ font-style: italic; }
del, code, samp, kbd, var{ font-style: inherit; }

del{ text-decoration: line-through; }
ins{ text-decoration: none; }

abbr, acronym{ border: 0; cursor: help; text-decoration: none; }

h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 13px; }

ul, dl{ list-style: square; }
ol{ list-style: decimal; }

li, dt, dd,
p, pre, address,
legend, label, input, textarea, 
select, option, optgroup,
th, td{ font: inherit; }

small{ font-size: 10px; } 	/* 2px smaller, than body base */
big{ font-size: 14px; } 	/* 2px larger, than body base */

img.left,
img.right{
	background: #FFF;
	border: 1px solid #999;
	margin: 0 10px 5px;
	padding: 3px;
}

img.left{ margin-left: 0; }
img.right{ margin-right: 0; }

/* 4. hyperlinks
----------------------------------------------------------------------------- */

a{ text-decoration: underline; }
.no-decor a{ text-decoration: none; }
	
	a:link.arrow,
	a:visited.arrow{ 
		background: transparent url(../images/ico/link_arrow.gif) no-repeat 0 5px;
		padding-left: 10px;
	}

#content_wrap a:link, 
#content_wrap a:visited,
#header a:link, 
#header a:visited{ color: #5384B1; }

#content_wrap a:hover, 
#content_wrap a:active{ color: #333; }

/* table
----------------------------------------------------------------------------- */

table{ width: 100%; }

table td{
	border-bottom: 1px solid #CCC;
	padding: 5px;
}

table th{
	background: #246B9B;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

	th.header{ 
	    background: #246B9B url(img/arrows.gif) no-repeat 97% 7px;     
	    cursor: pointer;  
	} 

	th.headerSortUp{
		background-color: #15547F; 
		background-image: url(img/arrows_dsc.gif); 
	} 

	th.headerSortDown{ 
		background-color: #15547F; 
		background-image: url(img/arrows_asc.gif); 
	} 

table tr.odd{ background: #EEEEEE; }

/* 5. forms
----------------------------------------------------------------------------- */

label{
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0;
}

input,
select,
textarea{
	background: #FFF;
	border: 1px solid;
	border-color: #AAA #CCC #CCC #AAA;
	padding: 3px 5px;
	width: 300px;
}

textarea{ height: 150px; width: 450px; }

select,
.button input,
.chad input{ width: auto; }

fieldset.button{ padding: 10px 0; }

	.button input{
		background: #000;
		border: 0;
		color: #FFF;
		text-transform: uppercase;
	}

	.chad input{ 
		background: transparent;
		border: 0;
		vertical-align: middle; 
	}

/* 6. design specific ids
----------------------------------------------------------------------------- */

#wrap{
	background: #FFF;
	margin: 0 auto;
	width: 850px;
}

/* 6a. header
----------------------------------------------------------------------------- */

#header{ 
	margin-bottom: 15px;
	padding: 1px 0 0; 
	position: relative;
}

	#header h1{
		background: transparent url(../images/logo.gif) no-repeat 0 0;
		height: 106px;
		margin: 15px 0 0 30px;
		text-indent: -13000em;
		width: 107px;
	}
	
		#header h1 a:link,
		#header h1 a:visited{
			display: block;
			height: 106px;
			width: 107px;
		}
		
	#header ul{
		list-style: none;
		position: absolute;
		left: 147px;
		top: 17px;
	}
	
		#header ul li{
			font-size: 11px;
			font-weight: bold;
			margin-bottom: 5px;
			text-transform: uppercase;
		}
		
			#header ul li a:link,
			#header ul li a:visited{
				color: #B4B4B4;
				text-decoration: none;
			}
			
			#header ul li a:hover,
			#header ul li a:active,
			#header ul li a:link.act,
			#header ul li a:visited.act{ color: #5384B1; }
			
		#header ul#submenu{
			background: transparent url(../images/ico/submenu_arrow.gif) no-repeat 0 4px;
			left: 300px;
			margin-left: -55px;
			padding-left: 55px;
		}
			
		#header ul#submenu.innovation{ top: 53px; }
		#header ul#submenu.companies{ top: 35px; }	
		#header ul#submenu.news{ top: 70px; }		
		#header ul#submenu.careers{ top: 89px; }
		#header ul#submenu.about{ top: 108px; }
		
			#header ul#submenu li{ display: inline; margin-right: 15px; }
			
	#welcome{
		position: absolute;
		right: 0;
		top: 45px;
		width: 525px;
	}

		#welcome h2{
			background: transparent url(../images/ico/logo_small.gif) no-repeat 0 0;
			color: #5384B1;
			font-size: 12px;
			font-weight: normal;
			margin-left: -23px;
			padding: 2px 0 0 23px;
			text-transform: uppercase;
		}
	
		#welcome p{
			color: #434343;
			margin: 10px 0;
		}

#masthead{}

	#masthead ul{ 
		height: 242px;
		list-style: none;
		margin: 0 9px;
		width: 830px; 
	}
	
		#masthead ul li{
			float: left;
			text-indent: -13000em;
		}
		
			#masthead ul li{ background: transparent url(../images/image_ph.jpg) no-repeat 37px 0; height: 242px; }
			#masthead ul li.retail{ background-image: url(../images/image_retail.jpg); }
			#masthead ul li.healthcare{ background-image: url(../images/image_healthcare.jpg); }
			#masthead ul li.hospitality{ background-image: url(../images/image_hospitality.jpg); }
			#masthead ul li.aviation{ background-image: url(../images/image_aviation.jpg); }

			#masthead ul li#start{ width: 721px; }

			#masthead ul li a:link,
			#masthead ul li a:visited{
				background: transparent url(../images/btn/retail.gif) no-repeat 0 0;
				display: block;
				height: 242px;
				margin-left: 1px;
				width: 35px;
			}
			
				#masthead ul li.healthcare a:link,
				#masthead ul li.healthcare a:visited{ background-image: url(../images/btn/healthcare.gif); }
			
				#masthead ul li.hospitality a:link,
				#masthead ul li.hospitality a:visited{ background-image: url(../images/btn/hospitality.gif); }
			
				#masthead ul li.aviation a:link,
				#masthead ul li.aviation a:visited{ background-image: url(../images/btn/aviation.gif); }
			
			#masthead ul li a:hover,
			#masthead ul li a:active,
			#masthead ul li.act a:link,
			#masthead ul li.act a:visited{ background-position: -35px 0; }

#content_wrap{ 
	margin: 15px 0;
	padding: 0 10px; 
}

#sidebar,
#main_content{ float: left; }

/* 6b. sidebar
----------------------------------------------------------------------------- */

	#sidebar{
		margin: 0 24px 0 0;
		width: 272px;
	}
	
		#companies{ background: transparent url(../images/bg/company_fill.gif) repeat-y 0 0; }
		
			#companies h2{
				background: transparent url(../images/bg/company_top.gif) no-repeat 0 0;
				color: #5384B1;
				font-size: 14px;
				font-weight: normal;
				padding: 10px 10px 0;
				text-transform: uppercase;
			}
			
			#companies p{
				background: transparent url(../images/bg/company_bottom.gif) no-repeat 0 100%;
				font-size: 11px;
				margin: 0;
				padding: 0 10px 10px;
			}
			
			#companies ul{ list-style: none; margin-left: 10px; }
			
				#companies ul li{ text-indent: -13000em; }
			
					#companies ul li a:link,
					#companies ul li a:visited{
						background: transparent url(../images/btn/primeflight.gif) no-repeat 0 0;
						display: block;
						height: 75px;
						width: 243px;
					}
					
						#companies ul li.firstline a:link,
						#companies ul li.firstline a:visited{ background-image: url(../images/btn/firstline.gif); }
					
						#companies ul li.smsclean a:link,
						#companies ul li.smsclean a:visited{ background-image: url(../images/btn/smsclean.gif); }
					
						#companies ul li.valor a:link,
						#companies ul li.valor a:visited{ background-image: url(../images/btn/valor.gif); }
					
						#companies ul li.brantley a:link,
						#companies ul li.brantley a:visited{ background-image: url(../images/btn/brantley.gif); }
					
						#companies ul li.block a:link,
						#companies ul li.block a:visited{ background-image: url(../images/btn/block.gif); }
					
						#companies ul li.servicewear a:link,
						#companies ul li.servicewear a:visited{ background-image: url(../images/btn/servicewear.gif); }
					
					#companies ul li a:hover,
					#companies ul li a:active{ background-position: 0 -75px; }
					
			a:link.inno_button,
			a:visited.inno_button{
				display: block;
				height: 58px;
				text-indent: -13000em;
				width: 245px;
			}
					
			a:link.systems,
			a:visited.systems{ background: transparent url(../images/btn/innovation_systems.gif) no-repeat 0 0; }
					
			a:link.technology,
			a:visited.technology{ background: transparent url(../images/btn/innovation_technology.gif) no-repeat 0 0; }
					
			a:link.green,
			a:visited.green{ background: transparent url(../images/btn/innovation_green.gif) no-repeat 0 0; }

/* 6c. main_content
----------------------------------------------------------------------------- */

	#main_content{ 
		background: transparent url(../images/bg/main_content.gif) no-repeat 100% 0;
		padding: 10px 15px 0 0;
		width: 519px; 
	}
					
		#main_content ul{ list-style: circle; }
	
		.news_box,
		.news_list{ float: left; }
		
		#content_wrap .news_list a:link,
		#content_wrap .news_list a:visited{
			color: #9A2B2B;
			text-decoration: none;
		}
		
			.news_box{ width: 310px; }
			
			#main_content .news_list{
				list-style: none;
				margin-left: 15px;
				width: 185px;
			}
			
				.news_list li{
					background: transparent url(../images/bg/news_list.gif) no-repeat 100% 100%;
					padding: 8px 0;
				}
				
					.news_list li em{
						background: #FFFFE4;
						color: #999;
						font-size: 10px;
						font-style: normal;
						margin-right: 10px;
						text-transform: uppercase;
					}
	
		#main_content h2{
			background: transparent url(../images/ico/news.gif) no-repeat 0 3px;
			color: #5384B1;
			font-size: 16px;
			font-weight: normal;
			margin: 0 0 15px -15px;
			padding-left: 15px;
			text-transform: uppercase;
		}
	
		#main_content h3{
			color: #B36060;
			font-family: "Helvetica", Sans-Serif;
			font-size: 14px;
			text-transform: uppercase;
		}
	
		#main_content h4{
			font-family: "Helvetica", Sans-Serif;
			font-size: 12px;
			/*
			margin-top: -10px;
			*/
		}
		
		#main_content p{
			line-height: 1.5;
			margin: 15px 0;
		}
		
			#main_content p span{
				color: #A0A0A0;
				font-size: 10px;
				text-transform: uppercase;
			}

/* 6d. footer
----------------------------------------------------------------------------- */

#footer{
	background: #134679 url(../images/bg/wrap_shadow.gif) no-repeat 100% 100%;
	padding: 10px 10px 35px;
	text-align: right;
}

	#footer a:link,
	#footer a:visited{
		color: #89A3BC;
		text-decoration: none;
	}

	#footer a:hover,
	#footer a:active{ color: #FFF; }
	
	#footer ul{ list-style: none; }

	#footer p,
	#footer li{
		color: #89A3BC;
		font-size: 11px;
	}
	
		#footer li{
			display: inline; 
			margin-left: 10px;
			text-transform: uppercase;
		}

/* 7. design specific classes
----------------------------------------------------------------------------- */

.half_box{ float: left; width: 250px; }

	ul.half_box.left{ margin: 15px 0 0; }
	
.org{ font-size: 14px; }
	
.dl{ 
	display: block;
	margin: 10px 0 0;
}

/*
	-- /END ALL STYLES --
	
	- Please do not steal my code!
	- "I cannot abide useless people"
	- Thank you, I appreciate it.
*/