body { 
	margin: 0;
	padding: 0;
	text-align: center;
	font: 12px/19px Arial, Helvetica, sans-serif;
	color: #333;
	background: #000;
	}
	

/* TOP SECTION STYLES 
-----------------------------------------------------------------*/

#topSection { 
	height: 120px;
	}
	
	#logo { 
		margin: 43px 0 0 0;
		}
		
		#logo a { 
			display: block;
			height: 63px;
			width: 365px;
			background: transparent url(../images/common/logo.png) no-repeat 0 0;
			text-indent: -5000px;
			text-decoration: none;
			outline: none;
			}

	#address { 
		margin: 90px 20px 0 20px;
		color: #FFF;
		line-height: 12px;
		background: transparent;
		}
		
		#address a img { border: 0; }
		

/* MID SECTION STYLES 
-----------------------------------------------------------------*/

#midSection { 
	display: block;
	width: 940px;
	color: #333;
	background: #FFF url(../images/common/bg-rightGradient.gif) repeat-y;
	padding: 10px 0 0 0;
	}
	
	#photo { 
		display: block;
		width: 620px;
		background-repeat: no-repeat;
		background-position: 0 0;
		margin: 0 0 20px 10px;
		padding: 0;
		}
				
	#mainNav { 
		width: 240px;
		margin: 0 20px 20px 20px; 
		}
		
		#mainNav ul { 
			list-style-type: none;
			padding: 0;
			margin: 0;
			}
		
		#mainNav ul li { 
			margin: 0 0 3px 0;
			clear: both;
			line-height: 45px;
			display: block;
			position: relative;
			z-index: 1;
			}

		#mainNav ul li.services { 
			position: relative;
			z-index: 999;
			}
						
		#mainNav ul li a { 
			outline: none; 
			display: block;
			width: 240px;
			line-height: 36px;
			padding: 2px 0;
			}
			
		#mainNav ul li a:hover { 
			color: #FFF;
			background: #555;
			}

			#mainNav ul li a .mainMenuItem { 
				background: #FA1;
				font-size: 24px;
				line-height: 36px;
				color: #FFF;
				padding: 6px 10px;
				white-space: nowrap;
				} 
				
			#mainNav ul li a:hover .mainMenuItem { 
				background-color: transparent;
				} 

/* SUBMENU STYLES AND FUNCTIONALITY */
	
	#nav, #nav ul { 
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		}

	#nav li ul { 
		position: absolute;
		top: 40px;
		left: 0;
		display: none;
		width: 220px;
		z-index: 999;
		text-indent: 0;
		background: url(../images/common/bg-subMenu.png) no-repeat 0 0;
		padding: 0 0 0 20px;
		}
		
		#nav li ul#subMenu li { 
			display: block;
			text-indent: 0; 
			margin: 0;
			padding: 0 0 1px 0;
			width: 220px;
			line-height: 30px;
			background-image: none;
			background-color: #FA1;
			}
			
			
	#nav li:hover ul ul, 
	#nav li:hover ul ul ul, 
	#nav li.sfhover ul ul, 
	#nav li.sfhover ul ul ul {
		display: none; 
		}

	#nav li:hover ul, 
	#nav li li:hover ul, 
	#nav li li li:hover ul, 
	#nav li.sfhover ul, 
	#nav li li.sfhover ul, 
	#nav li li li.sfhover ul {
		display: block;
		top: 40px;
		left: 0;
		z-index: 999;
		text-indent: 0;
		}
			
	#nav li ul#subMenu li a {
		width: 218px;
		height: 20px;
		display: block;
		text-decoration: none;
		color: #8d8d8d;
		background: #FFF; /* IE6 Bug */
		text-align: left; 
		padding: 5px 0;
		margin: 0 1px;
		text-indent: 10px;
		font: 12px/20px Arial, Helvetica, sans-serif;
		overflow: hidden;
		}
		
	#nav li ul#subMenu a:hover {
		color: #FA1;
		background: #FFF;
		}	
		
	#nav li ul#subMenu li.pf a { 
		background: #FFF url(../images/common/bg-subMenuTop.gif) repeat-x 0 0;
		}
		
	* html ul li a { height: 1%; }


/* SUBNAV SHOWING ON SERVICES PAGE -- 

.page-services #nav li ul#subMenu { 
		position: relative;
		top: 0;
		display: block;
		width: 220px;
		clear: both;
		}
		
.page-services #mainNav ul li.services { 
	margin: 0 0 10px 0;
	clear: both;
	height: auto;
	display: block;
	position: relative;
	}
	
.subpage-pf #nav li ul#subMenu li.pf a,
.subpage-tws #nav li ul#subMenu li.tws a,
.subpage-pp #nav li ul#subMenu li.pp a,
.subpage-cs #nav li ul#subMenu li.cs a,
.subpage-iopa #nav li ul#subMenu li.iopa a { 
	background: #FA1;
	color: #FFF;
	}

-- */
		
	#newsletter { 
		padding: 0 20px 0 20px; 
		}	
		
		#newsletter h2 { 
			font-size: 18px; 
			line-height: 18px;
			margin: 5px 0 5px 0;
			font-weight: normal;
			color: #333;
			}		
			
		#newsletter p {
			font-size: 11px; 
			margin: 0 0 10px 0;
			}
			
		.line { 
			border-bottom: 1px solid #DDD; 
			margin-bottom: 10px;
			padding-top: 10px;
			}
			

			
/* SUBMENU STYLES 
-----------------------------------------------------------------*/

#submenu { 
	margin: -15px 10px 20px 10px;
	background: #FA1;
	padding: 10px 10px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	}
	
	#submenu a { 
		color: #FFF;
		text-decoration: none;
		margin: 0;
		padding: 5px 10px;
		}

	#submenu a:hover, #submenu a.selected { 
		color: #FA1;
		background: #FFF;
		text-decoration: none;
		}


/* CONTACT PAGE STYLES 
-----------------------------------------------------------------*/

.contactRow { 
	clear: both; 
	padding: 3px 0;
	}
	
	.contactFloat { 
		float: left; 
		width: 260px;
		}
		
	.contactRow input.inputText { 
		background: #F7F7F7; 
		}	
		
	.contactRow textarea { 
		width: 490px;
		padding: 3px 5px;
		border-top: 1px solid #BBB;
		border-left: 1px solid #BBB;
		border-right: 1px solid #DDD;
		border-bottom: 1px solid #EED;
		background: #F7F7F7; 
		}

			
/* CONTENT SECTION STYLES 
-----------------------------------------------------------------*/

#contentSection { 
	background: #FFF url(../images/common/bg-rightGradient.gif) repeat-y;
	padding: 10px 0 0 0;
	}
	
	.story { 
		margin: 0 20px 20px 20px; 
		padding: 0 0 20px 0;
		border-bottom: 1px solid #EEE;
		}
		
		.story h1 { 
			font-size: 24px; 
			line-height: 24px;
			margin: 0 0 5px 0;
			font-weight: normal;
			color: #333;
			}
			
		.story h2 { 
			font-size: 12px; 
			line-height: 15px;
			margin: 15px 0 15px 0;
			font-weight: bold;
			text-transform: uppercase;
			}

		.story h3 { 
			font-size: 18px; 
			line-height: 20px;
			margin: 0 0 10px 0;
			font-weight: normal;
			color: #333;
			}
						
		.story p { 
			margin: 0 0 10px 0;
			}

	#rightColStyles { 
		margin: 0 20px;
		}
		
		#rightColStyles h2 { 
			font-size: 18px; 
			line-height: 18px;
			margin: 0 0 10px 0;
			font-weight: normal;
			color: #333;
			}
			
		#rightColStyles p { 
			margin: 0 0 10px 0;
			}
			
		#rightColStyles ul { 
			list-style-type: none; 
			margin: 0;
			padding: 0;
			}
			
		#rightColStyles ul li {
			padding: 0 0 0 15px;
			margin: 0 0 5px 0;
			background: url(../images/common/bullet.gif) no-repeat 3px 4px;
			}	
			
		#rightColStyles ul.services li {
			padding: 0 0 0 15px;
			margin: 0 0 5px 0;
			font-weight: bold;
			background: url(../images/common/bullet2.gif) no-repeat 3px 5px;
			}
						
		.readMore { 
			margin: 0 0 10px 0; 
			border-bottom: 1px solid #BBB;
			padding: 0 0 10px 0;
			clear: both;
			font-size: 11px;
			text-align: right;
			}
			
		
	#contactBox { 
		margin: 30px 20px 10px 20px;
		}
		
		#contactBox h2 { 
			color: #FFF;
			padding: 9px;
			background: #FA1;
			margin: 0 0 8px 0;
			font-size: 16px;
			font-weight: normal;
			}

		input.inputText { 
			background: #FFF; 
			color: #444;
			margin: 0 0 7px 0;
			width: 230px;
			padding: 3px 5px;
			border-top: 1px solid #BBB;
			border-left: 1px solid #BBB;
			border-right: 1px solid #DDD;
			border-bottom: 1px solid #EED;
			}
			
		input.inputSubmit { 
			background: #FA1; 
			padding: 3px 5px;
			color: #FFF; 
			font-size: 12px;
			border: none;
			cursor: pointer;
			margin: 0 0 7px 0;
			}
			
		input.inputNewsletter { 
			background: #FFF; 
			color: #444;
			margin: 0 0 7px 0;
			width: 160px;
			padding: 3px 5px;
			border-top: 1px solid #BBB;
			border-left: 1px solid #BBB;
			border-right: 1px solid #DDD;
			border-bottom: 1px solid #EED;
			}
			
		.floatL {
			float: left;
			width: 160px; 
			}

		.floatR {
			float: right;
			width: 60px; 
			}			

/* BOTTOM SECTION STYLES 
-----------------------------------------------------------------*/

#bottomSection { 
	clear: both;
	padding: 40px 0 20px 0;
	font-size: 11px;
	}

	#bottomNav { 
		margin: 0 20px;
		}
		
	#copyright { 
		text-align: center;
		margin: 0 20px;
		}	
		

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

.page-home { background: #700 url(../images/backgrounds/home.gif) no-repeat center 0; }
.page-home a, 
.page-home #bottomSection, 
.page-home h2 { color: #700; }

.page-home #mainNav ul li a:hover,
.page-home #mainNav ul li:hover.services a, 
.page-home #mainNav ul li.sfhover a.hover,
.page-home #mainNav ul li:hover.services a.hover .mainMenuItem, 
.page-home #mainNav ul li.sfhover a.hover .mainMenuItem { background: #700; }

.page-about { background: #654 url(../images/backgrounds/about.gif) no-repeat center 0; }
.page-about a, 
.page-about #bottomSection, 
.page-about h3,
.page-about h2 { color: #654; }
.page-about #mainNav ul li.about a, 
.page-about #mainNav ul li.about a .mainMenuItem, 
.page-about #mainNav ul li a:hover,
.page-about #mainNav ul li:hover.services a, 
.page-about #mainNav ul li.sfhover a.hover,
.page-about #mainNav ul li:hover.services a.hover .mainMenuItem, 
.page-about #mainNav ul li.sfhover a.hover .mainMenuItem { background: #654; }

.page-services { background: #046 url(../images/backgrounds/services.gif) no-repeat center 0; }
.page-services a, 
.page-services #bottomSection, 
.page-services h2 { color: #046; }
.page-services #mainNav ul li.services a, 
.page-services #mainNav ul li.services a .mainMenuItem, 
.page-services #mainNav ul li a:hover,
.page-services #mainNav ul li:hover.services a, 
.page-services #mainNav ul li.sfhover a.hover,
.page-services #mainNav ul li:hover.services a.hover .mainMenuItem, 
.page-services #mainNav ul li.sfhover a.hover .mainMenuItem { background: #046; }


.page-portfolio { background: #054 url(../images/backgrounds/portfolio.gif) no-repeat center 0; }
.page-portfolio a, 
.page-portfolio #bottomSection, 
.page-portfolio h2 { color: #054; }
.page-portfolio #mainNav ul li.portfolio a, 
.page-portfolio #mainNav ul li.portfolio a .mainMenuItem, 
.page-portfolio #mainNav ul li a:hover,
.page-portfolio #mainNav ul li:hover.services a, 
.page-portfolio #mainNav ul li.sfhover a.hover,
.page-portfolio #mainNav ul li:hover.services a.hover .mainMenuItem, 
.page-portfolio #mainNav ul li.sfhover a.hover .mainMenuItem { background: #054; }


.page-blog { background: #606 url(../images/backgrounds/blog.gif) no-repeat center 0; }
.page-blog a, 
.page-blog #bottomSection, 
.page-blog h2 { color: #606; }
.page-blog #mainNav ul li.blog a, 
.page-blog #mainNav ul li.blog a .mainMenuItem, 
.page-blog #mainNav ul li a:hover,
.page-blog #mainNav ul li:hover.services a, 
.page-blog #mainNav ul li.sfhover a.hover,
.page-blog #mainNav ul li:hover.services a.hover .mainMenuItem, 
.page-blog #mainNav ul li.sfhover a.hover .mainMenuItem { background: #606; }


.page-contact { background: #367 url(../images/backgrounds/contact.gif) no-repeat center 0; }
.page-contact a, 
.page-contact #bottomSection, 
.page-contact h2 { color: #367; }
.page-contact #mainNav ul li.contact a, 
.page-contact #mainNav ul li.contact a .mainMenuItem, 
.page-contact #mainNav ul li a:hover,
.page-contact #mainNav ul li:hover.services a, 
.page-contact #mainNav ul li.sfhover a.hover,
.page-contact #mainNav ul li:hover.services a.hover .mainMenuItem, 
.page-contact #mainNav ul li.sfhover a.hover .mainMenuItem { background: #367; }

.page-partners { background: #666 url(../images/backgrounds/partners.gif) no-repeat center 0; }
.page-partners a, 
.page-partners #bottomSection, 
.page-partners h2 { color: #666; }
.page-partners #mainNav ul li.partners a, 
.page-partners #mainNav ul li.partners a .mainMenuItem, 
.page-partners #mainNav ul li a:hover,
.page-partners #mainNav ul li:hover.services a, 
.page-partners #mainNav ul li.sfhover a.hover,
.page-partners #mainNav ul li:hover.services a.hover .mainMenuItem, 
.page-partners #mainNav ul li.sfhover a.hover .mainMenuItem { background: #666; }



/* PORTFOLIO STYLES 
-----------------------------------------------------------------*/

.portfolioElement { 
	float: left; 
	width: 190px;
	margin: 10px 10px 10px 0;
	}

	.lastElement { margin: 10px 0 10px 0; }	
	
	.portfolioElement img {
		height: 125px;
		width: 190px;
		border: 0;
		}
		
	.portfolioElement a img {
		border-bottom: 5px solid #FFF;
		} 

	.portfolioElement a:hover img {
		border-bottom: 5px solid #054;
		} 
		
	.portfolioElement p{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #999999;
		margin: 0px;
		padding: 0px 20px 10px 0px;
		}

.portfolioItem{
	margin-top: 0px;
	}

	.portfolioItem h3 a{
		display: block;
		padding: 10px 10px 5px 0px;
		color: #666666;
		text-decoration: none;
		}
	
	.portfolioItem h3 a:hover{
		text-decoration: underline;
		}


/* HOMEPAGE BAR STYLES 
-----------------------------------------------------------------*/	

#containerBar {
	width: 680px;
	margin: 0 0 0 -40px;
	padding: 0;
	text-align: left;
	background: #FA1 url(../images/common/bg-latestWork.gif) no-repeat 0 center;
	}
	
	#latestWork { 
		width: 675px;
		float: left;
		}
		
		.example { 
			float: left; 
			height: 77px;
			padding: 12px;
			background: #FFF;  
			margin: 12px 6px 0 0;
			}
			
		.lastExample { margin-right: 0; }
			
		.first { margin-left: 35px; }
	
	.homebarLink { 
		padding: 10px 15px; 
		text-align: right;
		font-size: 11px;
		}
		
		.homebarLink a { color: #FFF; }
		
	#photoHome { 
		display: block;
		width: 625px;
		background-repeat: no-repeat;
		background-position: 0 0;
		margin: -10px 0 0 15px;
		padding: 0;
		}

	#photoHomeShadow { 
		display: block;
		margin: -5px 0 0 15px;
		}


	#latestNews { 
		width: 315px;
		float: left;
		background: #FFF url(../images/common/bg-news.gif) no-repeat right 0;
		}	
		
		.latestNewsStory { 
			margin: 12px 35px 0 0;
			background: #FFF;
			width: 256px;
			height: 77px;
			overflow: hidden;
			padding: 12px;
			}
		
		#latestNews h2 { 
			font-size: 18px; 
			line-height: 18px;
			margin: 0 0 5px 0;
			font-weight: normal;
			color: #333;
			}		
			
		#latestNews p { 
			margin: 0 0 10px 0;
			}
			
	#homeBoxShadow { 
		margin: 0 0 10px 0;
		}


/* COMMON STYLES 
-----------------------------------------------------------------*/

#buttons { 
	position: absolute;
	top: 0;
	right: 0;
	width: 260px;
	}

	#buttons a { 
		padding: 10px 8px 5px;
		margin: 0 2px;
		background: #987; 
		font-size: 11px;
		font-weight: bold;
		color: #FFF;
		height: 25px;
		line-height: 25px;
		}

	#buttons a:hover {
		background: #FFF;
		color: #700;
		} 
	
/* COMMON STYLES 
-----------------------------------------------------------------*/

.container { 
	width: 920px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
	}
	
.leftColumn { 
	display: block;
	float: left; 
	width: 640px;
	background-color: transparent;
	}
	
.rightColumn { 
	display: block;
	float: left; 
	width: 280px;
	background-color: transparent;
	}
		
.clear { clear: both; }

a { text-decoration: none; }

a:hover { color: #000; }
	
p, h1, h2, h3, h4, h5, h6 { margin: 0; }

div#preload { display: none; }	

.alignRight { text-align: right; }
	
ul { list-style-type: none; margin: 20px 0 0 0; padding: 0 0 20px 0; }

ul.twoColumnList li { float: left; width: 275px; padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(../images/common/bullet.gif) no-repeat 5px 4px; }
ul.twoColumnList li.last { margin-bottom: 20px; }

ul.oneColumnList li { width: 565px; padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(../images/common/bullet.gif) no-repeat 5px 4px; }
ul.oneColumnList { padding-bottom: 0; margin-bottom: -15px; }

.findOutMore { 
	background: url(../images/common/findOutMore.gif) no-repeat 0 0;
	line-height: 17px;
	padding: 0 0 0 25px;
	}

.successStories { 
	line-height: 17px;
	margin: 20px 0 0 0;
	border-top: 1px solid #EEE;
	padding: 10px 0 0 25px;
	background: url(../images/common/findOutMore.gif) no-repeat 0 10px;
	}
		
table {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #333;
	}
		
	table tr th {
		background: #654; 
		color: #FFF;
		padding: 5px 10px;
		font-size: 11px;
		font-weight: bold;
		}
		
	table tr td {
		padding: 10px;
		border-bottom: 1px solid #DDD;
		}
		
.last { border: none; }