/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #686868;
	background: url(../images/bg.jpg) top center no-repeat #234c7a; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 36px; 
		font-weight: normal;
		color: #d00101;
		margin: 10px 0 10px 0; }

	h2 { 
		font-size: 36px; 
		font-weight: normal;
		color: #3f70a1;
		margin: 10px 0 10px 0; }


	
	a:link, a:visited { color: #d00101; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 950px;
	margin: 0 auto; }

	/*** BANNER ***/
	#banner {
		width: 950px;
		height: 73px;
		float: left; }

	/*** NAVIGATION ***/
	ul#nav { 
		width: 950px;
		height: 48px;
		margin: 0 auto;
		float: left;
		list-style: none; }
		
		ul#nav li { 
			float: left; 
			height: 48px; }

	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 930px;
		padding: 0 10px;
		float: left;
		background: url(../images/wrapper_bg.jpg) top left repeat; }

		/*** LEFT COLUMN ***/
		#leftColumn {
			width: 242px;
			float: left; }
			
			/*** ORDER BUTTON ***/
			#orderButtons {
				width: 242px;
				height: 274px;
				float: left; }
				
			/*** NEWS ***/
			#news {
				width: 212px;
				padding: 0 10px;
				float: left;
				text-align: left;
				background: url(../images/news_bg.jpg) bottom left no-repeat; }
				
				ul#newsList {
					list-style: none;
					margin: 0 0 10px 0;
					float: left; }
					
					ul#newsList li {
						padding: 0 0 0 20px; }
						
						ul#newsList li.newsTitle {
							font-size: 14px;
							margin: 10px 0 0 0;
							background: url(../images/newspaper.jpg) top left no-repeat; }
							
							ul#newsList li.newsTitle a {
								color: #3f70a1;
								text-decoration: none; }
		
			/*** ADS ***/
			#ads {
				width: 232px;
				float: left;
				margin: 10px 0 0 0; }
				
				.adSpace {
					width: 232px;
					height: 105px;
					margin: 0 0 10px 0;
					float: left; }
					
			/*** SOCIAL CONNECT ***/
			#socialConnect {
				width: 232px;
				float: left; }
				
				#socialConnect img { margin: 0 0 10px 0; }
		
		/*** RIGHT COLUMN ***/
		#rightColumn {
			width: 688px;
			float: left; }
		
			/*** HEADER ***/
			#header {
				width: 688px;
				height: 274px;
				float: left; }
				
			/*** SUB NAV ***/
			ul#subNav {
				width: 688px;
				height: 58px;
				float: left;
				list-style: none; }
				
				ul#subNav li {
					height: 58px;
					float: left; }
					
					ul#subNav li a.staffing {
						width: 113px;
						height: 58px;
						display: block;
						background: url(../images/buttons_01_staffingservices.jpg) top left no-repeat; }
						
					ul#subNav li a.mail {
						width: 108px;
						height: 58px;
						display: block;
						background: url(../images/buttons_02_mailprocessing.jpg) top left no-repeat; }
						
					ul#subNav li a.print {
						width: 74px;
						height: 58px;
						display: block;
						background: url(../images/buttons_03_print.jpg) top left no-repeat; }
						
					ul#subNav li a.courier {
						width: 106px;
						height: 58px;
						display: block;
						background: url(../images/buttons_04_courierservices.jpg) top left no-repeat; }
						
					ul#subNav li a.cleaning {
						width: 95px;
						height: 58px;
						display: block;
						background: url(../images/buttons_05_cleaningservices.jpg) top left no-repeat; }
						
					ul#subNav li a.it {
						width: 94px;
						height: 58px;
						display: block;
						background: url(../images/buttons_06_itservices.jpg) top left no-repeat; }
						
					ul#subNav li a.office {
						width: 98px;
						height: 58px;
						display: block;
						background: url(../images/buttons_07_officesupplies.jpg) top left no-repeat; }
						
						ul#subNav li a:hover { background-position: bottom left; }
						
						ul#subNav li a.active { background-position: bottom left; }
		
			/*** CONTENT ***/
			#content {
				width: 648px;
				float: left;
				padding: 0 20px;
				margin: 10px 0 10px 0;
				text-align: left;
				background: url(../images/content_bg.jpg) top left no-repeat; }
				
	/*** FOOTER ***/
	#footer {
		width: 950px;
		height: 227px;
		text-align: left;
		float: left;
		background: url(../images/footer_bg.jpg) top left repeat-x;
		text-shadow: 1px 1px 1px #000; }

			#footer p { 
				font-size: 10px;
				color: #fff; }
				
				#footer a:link, #footer a:hover, #footer a:visited {
					text-decoration: none;
					color: #fff; }
		
			#socialMedia {
				width: 260px;
				padding: 20px;
				height: 110px;
				float: left; }
				
				#socialMedia h6 {
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					padding: 0 0 10px 0;
					border-bottom: 1px dotted #fff;
					color: #fff; }

				ul#socialLinks {
					list-style: none;
					width: 260px;
					margin: 10px 0 0 0; }
						
						ul#socialLinks li {
							float: left;
							width: 120px;
							margin: 0 0 10px 0; }
							
							ul#socialLinks img {
								padding: 1px;
								border: 1px solid #fff; }
								
			#siteMap {
				width: 260px;
				padding: 20px;
				height: 110px;
				float: left; }

				#siteMap h6 {
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					padding: 0 0 10px 0;
					border-bottom: 1px dotted #fff;
					color: #fff; }
					
				ul#siteMapList {
					list-style: none;
					width: 260px;
					margin: 10px 0 0 0; }

						ul#siteMapList li {
							float: left;
							width: 120px;
							margin: 0 0 10px 0; }
		
			#copyright {
				width: 260px;
				padding: 20px;
				height: 110px;
				float: left; }

				#copyright h6 {
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					color: #fff;
					padding: 0 0 10px 0;
					border-bottom: 1px dotted #fff;
					margin: 0 0 10px 0; }
				
				p.poweredby a { margin: 0 20px 0 0; }	
			

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */