* {
	font-family: 'Lato', arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.65;
	font-weight: 300;
	letter-spacing: .02em;
	color: #fff;
	}
	
img { border: none; }
.clearingdiv { clear: both; }
	
/* Main Layout Styles
------------------------------------------------------------------------ */

body, html { background: #000; color: #ccc; }
#wrap {width: 960px;margin: 40px auto 20px;background: #222;}
#masthead {height: 115px; background: url(imgs/tagline.gif) bottom right no-repeat; }
	#home #masthead { background: none; }
#contentwrap {padding: 0; width: 960px; }
#sidebar {float: left; display: inline; width: 80px; background: #222; margin: 0 0 40px 20px;}
#content {float: right; display: inline; width: 785px; margin: 0 40px 0 0;}
	
#footer {
	clear: both;
	padding: 0 20px;
	border-top: solid 1px #222;
	}
	
	#home #footer { background: none; }
	#vision #footer { background: none; }
	#bridges #footer { background: none; }
	#principal #footer { background: url(imgs/footer3.gif) bottom right no-repeat; }
	#book #footer { background: url(imgs/footer11.gif) bottom right no-repeat; }
	#contact #footer { background: url(imgs/footer10.gif) bottom right no-repeat; }
	
	#footer p {
		font-size: 10px; 
		color: #777;
		line-height: 50px;
		text-transform: uppercase;
		letter-spacing: 1px;
		}
	
	
	#maintext .note {
		color: #ff0;
		font-weight: 700;
		}
	
	.divider {
		padding-top: 18px;
		}
	
		
	
/* Masthead Styles
------------------------------------------------------------------------ */

#masthead h1 a, #home #masthead h1 {
	display: block;
	height: 0;
	width: 320px;
	padding-top: 115px;
	background: url(imgs/logo.gif) 0 -115px no-repeat;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	}
	
	#masthead h1 a:hover {
		background: url(imgs/logo.gif) 0 0 no-repeat;
		}
	
	
#masthead h2 {
	display: none;
	}
	
	
/* Main Nav Styles
------------------------------------------------------------------------ */

#sidebar ul {
	list-style: none;
	border-top: solid 1px #444;
	border-bottom: solid 1px #444;
	padding: 10px 0;
	}
	
	#sidebar ul li {
		margin: 0;
		padding: 0;
		}
		
	#sidebar a {
		color: #777;
		font-size: 9px;
		line-height: 20px;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		height: 0px;
		padding-top: 20px;
		overflow: hidden;
		background-position: -80px 0;
		background-image: url(imgs/mainnav.gif); 
		background-color: #222;
		background-repeat: no-repeat;
		opacity: .6;
		transition: opacity .1s ease;
	}

	#sidebar ul li a:hover {
		opacity: 1;
	}

		#navHome a { background-position-y: 0;}
		#navVision a { background-position-y: -20px;}
		#navBridges a { background-position-y: -40px;}
		#navPrincipal a { background-position-y: -60px;}
		#navBook a { background-position-y: -80px;}
		#navContact a { background-position-y: -100px;}
			
			#home #navHome a,
			#vision #navVision a,
			#bridges #navBridges a,
			#principal #navPrincipal a,
			#book #navBook a,
			#contact #navContact a { background-position-x: -160px; }


/* Content Area Styles
------------------------------------------------------------------------ */
#homeflash {
	margin: 0 0 50px 0;
	}
	
	
#bridgenav {
	height: 40px;
	}
	
	#bridgenav a {
		margin-right: 20px;
		line-height: 40px;
		font-size: 11px;
		text-decoration: none;
		color: #555;
		letter-spacing: 1px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		}
		
	#bridgenav a.current {
		color: #ccc;
		}
		
	#bridgenav a:hover {
		color: #ccc;
		}

#bridgeimg {
	margin-bottom: 20px;
	}

#bridgetext {
	float: left;
	display: inline;
	margin: 0 0 24px 0;
	width: 550px;
	padding-right: 30px;
	border-right: solid 1px #343434;
	box-sizing: border-box;
	}
	
.clientquote {
	margin: 20px 30px;
	}
	
	#content .clientquote p {
		font-style: italic;
		color: #777;
		text-indent: -4px;
		}
		
		.clientquote cite {
			font-size: 10px;
			font-style: normal;
			margin: 0 0 0 15px;
			}
		
	
	#thumbs {
		float: right;
		display: inline;
		width: 200px;
		margin: 0;
		}
	
	#thumbs .bridge_image_nav ul {
		}
			
	#thumbs .bridge_image_nav li {
		float: left;
		display: inline;
		list-style: none;
		margin: 0 0 6px 6px;
		width: 28px;
		}

	#thumbs .bridge_image_nav a {
		display: block;
		height: 0;
		padding-top: 16px;
		background: #444;
		overflow: hidden;
		width: 28px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		}
	
	#thumbs .bridge_image_nav a:hover {
		color: #999;
		background: #777;
		}
	
	#thumbs .bridge_image_nav a.activeSlide {
		color: #2b85bb;
		background: #2b85bb;
		}
		
	
	#content h3 {
		color: #2b85bb;
		font-weight: normal;
		text-transform: uppercase;
		vertical-align: top;
		padding-right: 10px;
		margin: 0 0 4px;
		}
	
	#content h3 span {
		margin-left: 0;
		}
	
	#content h3 #bridgenav {
		margin-left: 10px;
		}
	
	#content h3 a {
		color: #555;
		background: #555;
		text-decoration: none;
		border-left: solid 2px #222;
		border-right: solid 2px #222;
		padding: 0 7px;
		font-size: 10px;
		}
		
	#bridgenav a {
		color: #666;
		}
		
	#bridgenav a:hover {
		color: #999;
		}
		
	#home #bridgenav a.activeSlide {
		color: #2b85bb;
		background: none;
		}
		
	#home #bridgenav a:hover { color: #aaa; background: none; }
	
	
	.bridge_image_nav span {
		display: inline-block;
		height: 16px;
		width: 28px;
		border: solid 2px #222;
		background: #444;
		transition: all .1s ease-in-out;
		}
		
		.bridge_image_nav span:hover {
			cursor:pointer;
			background-color: #777;
			}
			
		.bridge_image_nav .cycle-pager-active {
			background: #2B85BB;
			}
			
			.home_bridge_nav {
				margin-bottom:70px;
				}
			.allBridges {
				float:right;	
				position:relative;
				z-index:10;
			}
			
			.home_bridge_nav span {
				margin-right:0;
				margin-right:5px;
				color: rgba(0,0,0,.0);
				}
			
		.slide-caption {
			font-size: 12px;
			margin-bottom: 20px;
			}
			
			.slide-caption em {
				font-style: normal;
				text-transform: uppercase;
				font-size: 10px;
				}
				
			.home-bridge-titles a {
				text-decoration: none;
				}
				
		
		.two-col {
			overflow: hidden;
			}
			
			.two-col-left {
				float: left;
				width: 49%;
				}
				
			.two-col-right {
				float: right;
				width: 49%;
				}
			
	
#content h4 {
	color: #fff;
	line-height: 1.3;
	font-weight: normal;
	margin: 0 0 12px 0;
	}
	
#content h5 {
	font-weight: 700;
	color: #fff;
	}
	
#content h6 {
	font-weight: normal;
	font-style: italic;
	color: #fff;
	}
	
#content a{
	color:white;
	}
	
#content a:hover {
	color: #2b85bb;
	}


	#content a.button {
		display:inline-block;
		padding: 5px 8px 4px;
		border-radius: 2px;
		background: rgba(255,255,255,.2);
		color: #999;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: 700;
		-webkit-transition: all .1s ease-in-out;
		}
		
		#content a.button:hover {
			background-color: rgba(255,255,255,.4);
			color:white;
			}
		
	
	
	#content ul,
	#content ol {
		color:white;
		margin: 0 0 18px 24px;
		padding:0;
		}
		
		#content li {
			list-style: disc;
			margin: 0 0 6px;
			padding:0;
			color:white;
			}
	


#maintext {
	float: left; 
	display: inline;
	width: 550px;
	color:white;
	margin: 0 0 30px 0;
	font-size: 12px;
	}


h1, h2, h3, h4, h5, h6 { font-weight: 700; }
	
	#maintext h2 {
		font-size: 15px;
		text-transform: uppercase;
		color: #fff;
		margin: 24px 0 24px 0;
		letter-spacing: 1px;
		font-weight: normal;
		line-height: 1.3;
		}
		
	#maintext h3 {
		font-size: 15px;
		text-transform: uppercase;
		color: #2b85bb;
		margin: 0 0 18px 0;
		letter-spacing: 1px;
		font-weight: 700;
		line-height: 1.3;
		}
		
	#maintext h3 cite {
		text-transform: none;
		font-style: normal;
		letter-spacing: 0;
		}

	#maintext h4 {
		line-height: 1.4;
		font-weight: 700;
		color: #ddd;
		margin: 0 0 3px;
		}

	#content p {
		color:white;
		margin: 0 0 18px 0;
		}
		
		#content .bridgetext-intro p {
			font-size: 14px;
			}
			
		.bridgetext-additional {
			border-top: solid 1px #343434;
			padding-top: 15px;
			}
		
	
#principal #content, #contact #content, #book #content, #vision #content {
	border-top: solid 1px #444;
	padding-top: 30px;
	} 
	
	#contact #content {
		padding-bottom: 100px;
		}
	
	#content .fltleft {
		float: left; 
		display: inline;
		margin: 0 15px 15px 0;
		border: solid 1px #444;
		padding: 2px;
		}
		
		#content .fltleft {
			float: left;
			}
			
	#content .fltrght {
		float: right; 
		display: inline;
		margin: 0 0 15px 15px;
		border: solid 1px #444;
		padding: 2px;
		}
		
	#content div.fltleft, #content div.fltright, #content p.fltleft, #content p.fltrght { border: none; padding: 0; }


#rightcol {
	float: right;
	display: inline;
	width: 160px;
	margin: 0 0 30px;
	}
	
	#rightcol ul {
		list-style: none;
		margin: 0 0 15px;
		padding: 0;
		color: #fff;
		padding-bottom: 10px;
		}
		
	#rightcol ul li {
		list-style: none;
		margin:0;
		padding:0;
		}
		
	#rightcol ul li a {
		color:#AFAFAF;
		width: 160px;
		display: block;
		text-decoration: none;
		font-size: 11px;
		padding: 8px 0;
		text-transform: uppercase;
		border-bottom: solid 1px #333;
		}
		#rightcol ul li a:hover {
			color: #ccc;
			}
		
		#rightcol ul li.current a {
			color:#2484BD;
		}
	#vision table td {
		width: 300px;
		padding: 0 50px 0 0;
		vertical-align: top;
		}
	
	#vision table ul {
		list-style: none;
		padding: 0;
		}

ul.bullets {
	margin: 0 0 18px 24px;
	}

	ul.bullets li {
		margin: 0 0 9px 0;
		}
		
		
	#maintext a {
		color: #999;
		}
		
	#maintext a:hover {
		color: #fff;
		}
		
	#maintext h4 a {
		text-transform: none;
		letter-spacing: 0;
		font-size: 12px;
		font-weight: normal;
		}
		
	.grouping {
		background: url(imgs/grouping-bg.gif) 0 0 repeat-x;
		padding: 15px 15px 15px 15px;
		margin-top: 30px;
		}
		
	#maintext .grouping h3 {
		margin: 0 0 10px 0;
		color: #eee;
		font-size: 10px;
		font-weight: 700;
		}

	.grouping a {
		display: block;
		float: right;
		background-color: rgba(255,255,255,.05);
		margin: 0 0 15px 15px;
		padding: 6px;
		text-decoration: none;
		width: 200px;
		box-sizing: border-box;
		}

	#maintext .grouping h3 a {
		display: inline;
		border: none;
		padding: 0;
		margin:0;
		}

	.grouping img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 0 0 6px;
		}
		
	#maintext .grouping a p,
	#maintext .grouping a span {
		font-size: 10px;
		margin: 5px 0 3px;
		display:block;
		}
		
	#maintext .grouping a:hover p {
		text-decoration: underline;
		color: #aaa;
		}
	
	
.myvision #maintext {
	padding: 90px 30px 0 30px;
	}
	
.myvision #maintext h3 {
	padding-bottom: 18px; 
	border-bottom: solid 1px rgba(255,255,255,.2);
	}
	
	
	
#myvision-sml {
	margin: 0 0 10px;
	}
	
	.myvision #maintext h4 {
		margin: 0 0 12px;
		}
			
	#myvision-sml p {
		color: #ccc;
		font-size: 11px;
		line-height: 13px;
		margin: 0 0 7px;
		font-weight: normal;
		}

	#myvision-sml ul {
		color: #ccc;
		font-size: 11px;
		line-height: 13px;
		list-style: disc;
		padding: 0 0 0 15px;
		margin: 0 0 15px 0;
		}
		
		#myvision-sml li {
			margin: 0 0 7px 0;
			list-style: disc;
			}
		
	#maintext .contact-info {
		}
		
	#content.myvision { background: url(../images/vision-bg2.jpg) 0 0 no-repeat; }
		


		
		

.pics {  
} 
 
.pics img {  
	} 



#content .bridges-grid {
	list-style: none;
	margin:0 0 30px;
	padding:0;
	overflow: hidden;
	}
	
	#content .bridges-grid li {
		margin:0;
		padding:0 0 20px;
		box-sizing: border-box;
		list-style: none;
		width: 32.66666%;
		margin-right: 1%;
		float:left;
		font-size: 11px;
		height: 175px;
		}
		
		#content .bridges-grid li:nth-child(3n) {
			margin-right:0;
			}
		
		#content .bridges-grid a {
			display: block;
			text-decoration: none;
			}
			
		 .bridges-grid li img {
			transition: all ease 1s;
			opacity: .75;
			}
			
		#content .bridges-grid li:hover img {
			transition: all ease .2s;
			opacity: 1;
			}
			
			.bridge-grid-name {
				font-size: 11px;
				margin-bottom: 3px;
				color: #fff;
				}
				
			.bridge-grid-location {
				color: #aaa;
				text-transform: uppercase;
				font-size: 10px;
				}
				

#content .floatLeft {
	float:left;
	margin: 0 15px 10px 0;
	}
			
#content .floatRight {
	float:right;
	margin: 0 0 10px 15px;
	}
	
	.withBorder img {
		border: solid 2px #333;
		}
			
		
		.bridges-grid img {
			display: block;
			max-width: 100%;
			height: auto;
			margin-bottom:9px;
			}
			

		#thumbs p {
			margin-bottom: 9px;
			}
		
		.bridge-pullquote {
			padding: 20px 0;
			}
		
		#content p.pull_quote,
		#content p span.pull_quote {
			font-style: italic;
			margin-bottom:12px;
			text-indent:-4px;
			color: #fff;
			line-height:1.5;
			}
			
		#content p.pull_quote_author,
		#content p.pull_quote_author a {
			font-size: 9px;
			line-height: 12px;
			text-transform: uppercase;
			margin-bottom: 20px;
			color: #fff;
			}
		
		#thumbs .bridge-details {
			margin-top: 18px;
			}
		
		#thumbs .bridge-details ul {
			list-style: none;
			border-bottom: solid 1px rgba(255,255,255,.1);
			margin:0 0 15px;
			padding:0;
			}
	
		#thumbs .bridge-details ul li {
			border-top: solid 1px rgba(255,255,255,.1);
			padding: 6px 0;
			list-style: none;
			margin:0;
			color:white;
			}
		.photo-credits {
			font-style:italic;
			font-size:12px;
			line-height:1.45;
		}