* {
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
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: 11px; 
		color: #555;
		line-height: 37px;
		}
	
	
	
/* 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 ul li a {
		color: #777;
		font-size: 9px;
		line-height: 20px;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		height: 0px;
		padding-top: 20px;
		overflow: hidden;
		}
		
		#navHome a {background: #222 url(imgs/mainnav.gif) 0 0 no-repeat;}
		#navVision a {background: #222 url(imgs/mainnav.gif) 0 -20px no-repeat;}
		#navBridges a {background: #222 url(imgs/mainnav.gif) 0 -40px no-repeat;}
		#navPrincipal a {background: #222 url(imgs/mainnav.gif) 0 -60px no-repeat;}
		#navBook a {background: #222 url(imgs/mainnav.gif) 0 -80px no-repeat;}
		#navContact a {background: #222 url(imgs/mainnav.gif) 0 -100px no-repeat;}
			
			#navHome a:hover { background: #222 url(imgs/mainnav.gif) -80px 0 no-repeat;}
			#navVision a:hover { background: #222 url(imgs/mainnav.gif) -80px -20px no-repeat;}
			#navBridges a:hover { background: #222 url(imgs/mainnav.gif) -80px -40px no-repeat;}
			#navPrincipal a:hover { background: #222 url(imgs/mainnav.gif) -80px -60px no-repeat;}
			#navBook a:hover { background: #222 url(imgs/mainnav.gif) -80px -80px no-repeat;}
			#navContact a:hover { background: #222 url(imgs/mainnav.gif) -80px -100px no-repeat;}
	
			#home #navHome a { background: #222 url(imgs/mainnav.gif) -160px 0 no-repeat;}
			#vision #navVision a { background: #222 url(imgs/mainnav.gif) -160px -20px no-repeat;}
			#bridges #navBridges a { background: #222 url(imgs/mainnav.gif) -160px -40px no-repeat;}
			#principal #navPrincipal a { background: #222 url(imgs/mainnav.gif) -160px -60px no-repeat;}
			#book #navBook a { background: #222 url(imgs/mainnav.gif) -160px -80px no-repeat;}
			#contact #navContact a { background: #222 url(imgs/mainnav.gif) -160px -100px no-repeat;}


/* 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;
		}


#bridgetext {
	float: left;
	display: inline;
	margin: 15px 0 24px 0;
	width: 530px;
	padding-right: 50px;
	border-right: solid 1px #343434;
	}
	
.clientquote {
	margin: 20px 30px;
	}
	
	#bridgetext .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;
		text-align: right;
		width: 160px;
		margin: 15px 0 0 0;
		}
	
	#thumbs ul {
		float: right;
		display: inline;
		}
			
	#thumbs li {
		float: left;
		display: inline;
		list-style: none;
		margin: 0 0 6px 6px;
		width: 28px;
		}

	#thumbs 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 a:hover {
		color: #999;
		background: #777;
		}
	
	#thumbs a.activeSlide {
		color: #2b85bb;
		background: #2b85bb;
		}
	
	#bridgetext h3 {
		color: #2b85bb;
		font-size: 11px;
		line-height: 12px;
		font-weight: normal;
		text-transform: uppercase;
		vertical-align: top;
		padding-right: 10px;
		}
	
	#bridgetext h3 span {
		margin-left: 0;
		}
	
	#bridgetext h3 #bridgenav {
		margin-left: 10px;
		}
	
	#bridgetext 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; }
	
#bridgetext h4 {
	color: #666;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 4px 0 12px 0;
	}
	
#bridgetext p {
	font-size: 12px;
	line-height: 16px;
	color: #bbb;
	margin: 0 0 12px;
	}
	
#bridgetext a{
	color: #bbb;
	}
	
#bridgetext a:hover {
	color: #2b85bb;
	}
	


#maintext {
	float: left; 
	display: inline;
	width: 550px;
	color: #bbb;
	margin: 0 0 30px 0;
	font-size: 12px;
	line-height: 16px;
	}
	
	#maintext h2 {
		font-size: 15px;
		text-transform: uppercase;
		color: #fff;
		margin: 24px 0 24px 0;
		letter-spacing: 1px;
		font-weight: normal;
		line-height: 15px;
		}
		
	#maintext h3 {
		font-size: 12px;
		text-transform: uppercase;
		color: #2b85bb;
		margin: 0 0 12px 0;
		letter-spacing: 1px;
		font-weight: normal;
		line-height: 15px;
		}
		
	#maintext h3 cite {
		text-transform: none;
		font-style: normal;
		letter-spacing: 0;
		}

	#maintext h4 {
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		color: #ddd;
		margin: 18px 0 0 0;
		}

	#maintext p {
		font-size: 12px;
		line-height: 16px;
		color: #aaa;
		margin: 0 0 16px 0;
		}
		
	
#principal #content, #contact #content, #book #content, #vision #content {
	border-top: solid 1px #444;
	padding-top: 30px;
	} 
	
	#contact #content {
		padding-bottom: 100px;
		}
	
	.fltleft {
		float: left; 
		display: inline;
		margin: 0 15px 15px 0;
		border: solid 1px #444;
		padding: 2px;
		}
		
		.fltleft {
			float: left;
			}
			
	.fltrght {
		float: right; 
		display: inline;
		margin: 0 0 15px 15px;
		border: solid 1px #444;
		padding: 2px;
		}
		
	div.fltleft { border: none; padding: 0; }


#rightcol {
	float: right;
	display: inline;
	width: 160px;
	margin: 0 0 30px;
	}
	
	#rightcol ul {
		list-style: none;
		margin: 0;
		padding: 0;
		color: #fff;
		padding-bottom: 10px;
		}
		
	#rightcol ul li {
		}
		
	#rightcol ul li a {
		color: #777;
		width: 160px;
		display: block;
		text-decoration: none;
		font-size: 10px;
		line-height: 13px;
		padding: 5px 0;
		text-transform: uppercase;
		border-bottom: solid 1px #333;
		}
		
		#rightcol ul li a.current,
		#rightcol ul li a:hover {
			color: #ccc;
			}
		

	#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;
	line-height: 16px;
	}

	ul.bullets li {
		margin: 0 0 9px 0;
		}
		
	#maintext .note {
		color: orange; 
		border: solid 1px orange;
		}
		
	#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: bold;
		}

	.grouping a {
		display: block;
		float: right;
		border: solid 1px #444;
		margin: 0 0 15px 15px;
		padding: 6px;
		text-decoration: none;
		-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;
		}

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

	.grouping img {
		display: block;
		}
		
	.grouping a:hover {
		border: solid 1px #777;
		}
		
	#maintext .grouping a p {
		font-size: 10px;
		line-height: 12px;
		margin: 5px 0 3px;
		color: #777;
		width: 170px;
		}
		
	#maintext .grouping a:hover p {
		text-decoration: underline;
		color: #aaa;
		}
		

#myvision-sml {
	margin: 0 0 10px;
	}
	
	#myvision-sml h4 {
		color: #2b85bb;
		font-size: 10px;
		text-transform: uppercase;
		margin: 0 0 7px 0;
		}
			
	#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 {
		font-size: 12px;
		line-height: 18px;
		}
		
	#content.myvision { background: url(../images/vision-bg2.jpg) 0 0 no-repeat; }
		
.myvision #maintext {
	height:  210px;
	padding: 0 30px 30px 30px;
	margin: 0 0 60px 0;
	color: #ddd;
	}
	
	.myvision #maintext h3 {
		}
		
	.myvision #maintext p {
		margin: 0 0 10px;
		font-weight: normal;
		color: #ddd;
		}
		
	.myvision #maintext ul {
		margin: 0 0 20px 0;
		padding: 0 20px;
		line-height: 16px;
		color: #ddd;
		font-weight: bold;
		}
		
		#myvision #maintext a {
			color: #bbb; 
			}
.pics {  
	position: relative;
	width:   785px;  
    height:  270px;  
    padding: 0;  
    margin:  0;  
	overflow: hidden;
} 
 
.pics img {  
    position: absolute;
    top:  0; 
    left: 0 
    width:  785px; 
    height: 270px; 
    background-color: #eee;  
	}