@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'CorporateS-Light', Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 160%;}
	
.clear { clear: both; }	

/*--------------------*/
/*    FIXED HEADER    */
/*--------------------*/
	#header_container {
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 140px;
		background: white;
		padding: 0 0 0 0;}
		
	* html #header_container,
	* html #header_shadow {
	    position: absolute; }	
		
		#header { 
			position: relative;
			width: 960px;
			height: 140px;
			margin: 0 auto; }
		
		#header ul {
			position: absolute;
			bottom: 50px;
			right: 0; }
			
			#header ul li {
				float: left;}
				
				#header ul li a {
					font-family: 'CorporateS-Medium', Arial, Helvetica, sans-serif;
					display: block;
					text-transform: uppercase;
					color: #F9A14C;
					padding: 0 0 0 20px; }	
					
				#header ul li a:hover {
					text-decoration: underline; }
					
				#header ul li a.current {
					color: black;}	 	
						
		#logo {
			position: absolute;
			display: block;
			width: 218px;
			height: 50px;
			bottom: 40px;
			text-indent: -9999px;
			background: url(../images/gerard_logo.gif) 0 0 no-repeat; }
	
	#header_shadow {
		position: fixed;
		z-index: 10;
		top: 140px;
		height: 30px;
		width: 100%;
		background: url(../images/header_shadow.png) 0 0 repeat-x;}

/*--------------------------*/
/*   CONTENT AREA SETTINGS  */
/*-------------------------*/		
#page_wrap {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}		
	
	/*#section_wrapper {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;}
	*/	
		.content_wrapper {
			position: relative; 
			width: 960px;
			margin: 0 auto; 
			padding: 200px 0 0 0;}
	
	
	.copy {
		width: 380px;
		float: left;}
	
	.copy h1,
	.copy h2,
	.copy h3,
	.copy h4 {
		font-family: 'CorporateS-Medium', Arial, Helvetica, sans-serif;}
			
	.content_wrapper h1 {
		margin: 0 0 50px;
		text-transform: uppercase; }	
	
	.copy h2 {
		font-size: 22px;
		margin: 0 0 25px}
		
		.copy h2 span { color: white }	
	
	.copy p {
			margin: 0 0 25px}
	
	.copy a {
		color: white;
		text-decoration: underline;}
		
	.secondary_content {
		width: 540px;
		float: right;
		padding-top: 30px;}			
	
	.read_next {
		display: block;
		clear: both;}		

/*--------------------*/
/*  HOME PG SETTINGS  */
/*--------------------*/		
#home {
	position: relative;
	background: #F9A14C;
	width: 100%;
	height: 1000px;}		
	
#home .content_wrapper { padding: 240px 0 0 0;}

#home .copy { width: 385px }	
		
#home h1 {
	font-size: 25px;
	text-transform: uppercase;
	color: white;
	margin: 0; }
	
#home h2 {
	font-family: 'CorporateS-Light', Arial, Helvetica, sans-serif;
	line-height: 160%;
	font-size: 20px;
	margin: 0 0 20px;}
	
#home h3 {
	color: white;
	margin: 0 0 3px}

#home p {
	font-size: 90%;	
}

#home ul#thumbs {
	float: left;
	margin: 0 0 20px}
	
#home ul#latest_news {
	float: left;
	font-size: 14px; }
	
	#home ul#latest_news li {
	float: left;
	width: 385px;
	line-height: 115%;
	margin-bottom: 15px;
}
	
	#home ul#latest_news li span {
	display: block;
	float: left;
	width: 70px;
	text-align: left;
}
		
	#home ul#latest_news li a {
		color: black;
		display: block;
		float: right;
		width: 310px; }
	
/*-----------------------*/
/*  SERVICE PG SETTINGS  */
/*-----------------------*/	
#services {
	position: relative;	
	background: #DCE299 url(../images/sign.gif) bottom right no-repeat;
	width: 100%;
	height: 1000px;}
	
	#services .copy h2 span { color: black }
	
	#services .secondary_content {
		width: 475px;}
	
	.ui-accordion .ui-accordion-header {
		cursor: pointer;
		position: relative;
		margin-top: 1px;
		zoom: 1;}
	
	.ui-accordion .ui-accordion-header .ui-icon {
		position: absolute;
		left: .5em;
		top: 50%;
		margin-top: -8px;}	

	.ui-icon {
		display: block;
		text-indent: -99999px;
		overflow: hidden;
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
		background: url(../images/222222_256x240_icons_icons.png) ;}	
	
	.ui-accordion .ui-accordion-header a {
		display: block;}

	.ui-accordion-icons .ui-accordion-header a { padding-left: 28px; }
	
	.ui-icon-triangle-1-s {
		background-position: -64px -16px;}
	
	.ui-icon-triangle-1-e {
		background-position: -32px -16px;}
	
	#services #accordion {
		border-bottom:  1px dotted #5D5959;}
	
	#services #accordion h3 {
		font-family: 'CorporateS-Medium', Arial, Helvetica, sans-serif;
		border-top: 1px dotted #5D5959}
	
	#services #accordion h3 a { color: #5D5959; }	
	
	#services #accordion ul {
		padding: 5px 0 5px 35px}	
	
	#services #accordion li {
		font-size: 12px;
		line-height: 100%;
		margin: 0 0 7px;}
	
/*-------------------------*/
/*  PORTFOLIO PG SETTINGS  */
/*-------------------------*/	
#portfolio {
	position: relative;
	background: #F9A14C;
	width: 100%;
	height: 1000px;}
	
	#portfolio h3 {
		font-size: 16px;
		color: white; }
		
	#portfolio h6 { display: none; }	
		
	#portfolio .copy ul {
		padding: 0 0 0 20px;}	
	
		#portfolio .copy ul li {
			float: left;
			width: 160px;
			font-size: 14px;
			font-family: 'CorporateS-Medium', Arial, Helvetica, sans-serif;
			list-style-image: url(../images/portfolio_bullets.gif);}
			
		#portfolio .copy ul li a {
			color: black;
			text-decoration: none; }
			
			#portfolio .copy ul li a.current {
				color: white;}
			
		#portfolio .copy ul li a:hover { color: white; }
	
	#portfolio .secondary_content {
		width: 520px;
		height: 440px; }
		
	#portfolio .secondary_content #content {
			overflow: hidden;
			width: 520px;
			position: relative;
			height: 440px;
			float: left;}
			
			.section {
				width: 3500px;
				position: relative;}
		
		.section .sub {
			position: relative;
			float: left;
			width: 520px;
			height: 420px;}
		
	#portfolio .secondary_content ul li {
		display: block; 
		float: left;
		margin: -300px 4px 4px 0;
		line-height: 70%;
		padding: 300px 0 0 0;}	
		
		#portfolio .secondary_content ul li ul li {
			width: 166px; 
			height: 102px;}
		
		.portfolio_work_box{ 
				width: 166px; 
				height: 102px; 
				float:left;
				overflow: hidden; 
				position: relative;
				cursor: pointer; }
				
				.portfolio_work_box img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0;
					cursor: pointer;}
					
				#content .portfolio_work_box p {
					color: #ffffff;
					padding: 7px 2px 5px 3px;
					text-transform: uppercase;
					font-size: 10px;
					cursor: pointer;}
					
				.portfolio_work_box a {
					display:block;
					margin: 10px 0 0 0;
					font-size: 12px;
					color: #ABD4FD;}
					
			.boxcaption {
					float: left; 
					position: absolute;
 					top: 80px;
 					left: 0;
					width: 166px;
					height: 50px;
					background: #333;
					opacity: .70;
					/* For IE 5-7 */
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
					/* For IE 8 */
					-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
					-webkit-transition: background .5s, opacity .5s;
					transition: background .5s, opacity .5s;
					-moz-transition: background .5s, opacity .5s;
					cursor: pointer; }
					
			.portfolio_work_box:hover .boxcaption {
				background: #f07727;
				opacity: .95;
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
				cursor: pointer;}
				
				
			.brand_logo_container:hover .boxcaption p {
				color: #333;
				cursor: pointer; }
	
/*----------------------*/
/*  CLIENT PG SETTINGS  */
/*----------------------*/	
#clients {
	position: relative;
	background: #B4CCE0;
	width: 100%;
	height: 1000px;}	
	
	#clients .secondary_content { width: 545px; }
	
	#clients .secondary_content ul li {
		display: block;
		float: left;
		margin: 0 3px 3px 0;
		line-height: 70%;
		opacity: .8;
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
		-moz-transition: opacity .5s; }
		

	#clients .secondary_content ul li:hover {
		opacity: 1;
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
		-moz-transition: opacity .5s;}	

	#clients .secondary_content ul li img { }

/*-----------------------*/
/*  COMPANY PG SETTINGS  */
/*-----------------------*/	
#company {
	position: relative;
	background: #F9A14C url(../images/jane.gif) bottom right no-repeat;
	width: 100%;
	height: 1000px;}
	
	#company .secondary_content { padding: 75px 0 0 0; }
	
	#company .secondary_content h4 {
		font-family: 'CorporateS-Medium', Arial, Helvetica, sans-serif;
		color: white;
		font-size: 18px;}	
	
		#company ul {
			font-size: 14px;
			padding: 0 0 0 25px;}
	
		#company ul li {
			list-style: disc outside}	
			
			img.inclogo {
	margin-left: 12px;
	margin-top: 10px;
			}
				
	
/*-----------------------*/
/*  CONTACT PG SETTINGS  */
/*-----------------------*/	
#contact {
	position: relative;
	background: #737578;
	width: 100%;
	height: 1000px;}	
	
	#contact .content_wrapper,
	#contact .copy p { color: white;}
	
	#contact .copy h2 { color: #CCCCCC}
	
	#contact .copy address {
		float: left;
		width: 220px }
		
		#contact .copy address span {
			color: #CCCCCC; 
			font-family: 'CorporateS-Medium', Arial, Helvetica, sans-serif;}	
		
		#contact .copy div span {
			color: #cccccc;}	
			
	#contact .copy {
		width: 420px;}	
		
	#contact .secondary_content {
		width: 455px;
		padding: 0;}	
		
		#contact .secondary_content img { border: 6px solid white; }
		
		#contact .secondary_content p {text-align: right;}	
	
		#contact .secondary_content a { color: #F89B43; text-decoration: underline; font-size: 12px; 
			font-family: 'CorporateS-Medium', Arial, Helvetica, sans-serif;}
	
/*---------------*/
/*    FOOTER     */
/*---------------*/		

#footer_container {
	position: fixed; 
	bottom: 0;
	left:0;
	width: 100%;
	height: 30px;}	
	
	#footer {
		position: relative;
		width: 960px;
		margin: 0 auto;}
		
		#footer ul {float: right;}
		
		#footer ul li {
			color: white;
			float: left;}
			
			#footer ul li p {
				margin-top: -2px;
				padding-right: 3px;}	
			
	#social_facebook,
	#social_twitter,
	#social_linkedin {
		display: block;
		text-indent: -9999px;
		width: 16px;
		margin: 0 0 0 5px;
		height: 16px; }
		
	#social_facebook { background: url(../images/facebook.png) 0 0 no-repeat; }
	#social_twitter { background:url(../images/twitter.png) 0 0 no-repeat; }
	#social_linkedin { background: url(../images/linkedin.png) 0 0 no-repeat; }	
		
		
/*---------------*/
/*    PRESS      */
/*---------------*/			

body.press {
	padding: 0px;
	background-color: #FFF;
}
body.press p.pressdate {
	font-size: 12px;
	margin: 0px;
	padding-top: 20px;	
	padding-right: 20px;
	padding-left: 20px;	
}
body.press h1 {
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	color: #f9a14c;
}
body.press p.presscontact {
	font-size: 10px;
}
body.press p {
	font-size: 13px;
	margin-bottom: 1em;
	padding-right: 20px;
	padding-left: 20px;
}

body.press ul li {
	font-size: 11px;
	margin-bottom: 8px;
	padding-right: 20px;
	padding-left: 0px;
	list-style-type: disc;
	margin-left: 40px;
	line-height: 120%;
}

body.press p.pressfooter {
	background-color: #F9A14C;
	margin: 0px;
	padding: 20px;
	color: #FFF;}
	
/*---------------*/
/*  SLIDER  */
/*---------------*/	

#bigPic{
	width:540px;
	height:450px;
	padding:1px;
	border:1px solid #CCC;
	background-color:#FFF;
	margin-bottom:10px;}
	
#bigPic img{
	position:absolute;
	display:none;}
	
ul#thumbs li.active{
	border: 4px solid #000000;	
	background:#fff;}
	
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none; }
 
ul#thumbs li{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	border: 4px solid #ffffff;
	cursor:pointer;}
	
ul#thumbs img{
	float:left;
	width:104px;
	height:71px;
	line-height:80px;
	overflow:hidden;
	position:relative;
	z-index:1; }