@charset "utf-8";
/* CSS Document */

/* global font embed */

@font-face {
	font-family: 'CenturyGothic';
	src: url('font/gothic-webfont.eot');
	src: local('☺'), url('font/gothic-webfont.woff') format('woff'), url('font/gothic-webfont.ttf') format('truetype'), url('font/gothic-webfont.svg#webfontTPHF82cE') format('svg');
	font-weight: normal;
	font-style: normal;
}

h6 {
	font-family: "CenturyGothic", Arial, sans-serif;
	font-weight: normal;
	color: #0055A5;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom:0px;
}


/* The following are CSS rules for the Metro Taxi PressRoom (blog) created on 4/21/09 by RR */

h4 a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 18px; 
	color: #0055A5; 
}
h4 a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 18px; 
	color: #0055A5; 
}
h4 a:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 18px; 
	color: #0055A5; 	
}
h4 a:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 18px; 
	color: #0055A5; 	
}

.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	text-transform: capitalize;
	color: #F98025;
	text-align: left;
}


h4 {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 16px; 
	color: #0055A5;
	margin-bottom: 3px;
	text-transform: capitalize;
}

.blog_navs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0055a5;
	text-align: left;
}

.searchbox_button {
margin-top: 11px;
margin-left: 128px;
margin-bottom: 8px;
}

.blogsearchfield {
margin-top: 8px;
}


.commenter {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 11px; 
	color: #F68026; 
	
}

/* This ends the CSS rules for the PressRoom (blog) */


/* CSS for MetroAccess */

.access-container {
	width:600px;
	margin:0 auto;
	border:2px solid #1f5087;
	padding:15px;
	background:#FFF;
}

.access-container .inner {
	width:500px;
	border:1px solid #111;
	margin:0 auto;
}

	.inner h1 {
		font-family: CenturyGothic, arial;
		font-size:28px;
		color:#1a6699;
		line-height:normal;
		text-align:center;
		font-weight:normal;
	}
	
	.inner h2 {
		font-family: CenturyGothic, arial;
		font-size:18px;
		color:#eb6e1f;
		font-weight:normal;
		padding:7px 15px 7px 15px;
		line-height:125%;
	}
	
	.inner p {
		padding:2px 15px 2px 15px;
		line-height:150%;
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	.inner h3 {
		font-family: CenturyGothic, arial;
		line-height:125%;
		font-weight:normal;
		font-size:14px;
		padding:5px 15px 5px 15px;
		border:1px solid #1f5087;
		margin:0 auto;
		width:85%;
		text-transform:none;
	}
	
.blue {
	color:#1f5087;
}

.orange {
	color:#eb6e1f;
}


/* ========================================================================================================================================= */

/* The following are CSS rules for the Metro Taxi website */

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #0055A5;
	line-height: 24px;
}

.termsbackground {
background-image: url(images/termsconditionsbg.jpg);
background-repeat: no-repeat;
}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
body {
	background-color: #dee6ee;
}
body,td,th {
	color: #333333;
}
.IEBorder_TLBR {
	border-spacing: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0055a5;
	border-right-color: #0055a5;
	border-bottom-color: #0055a5;
	border-left-color: #0055a5;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	line-height: 15px;
}

ul {
margin: 0px;
padding-left: 1em; /* or pick another offset */
}

.style5 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #F68026; }
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}
.style4, a.style4 {
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #404040;
}

a.style4:hover {
	color: #F68026;	
}

.style4home {
	font-family: arial;
	font-size: 12px;
	font-style:italic;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #404040;
	text-align: center;
}


.caption {
	font-family: arial;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #404040;
	}
	
	
.style6 {color: #FF0000;
font-family: arial;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;}
	
	.caption2 {
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #404040;
	}
	
h1 {
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #404040;
}

h2 {
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #404040;
}

.footer_orange {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #F68026; }

.account_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #0055A5;
	font-style: normal;
	line-height: 15px;
	font-variant: normal;
	text-transform: none;
}
.greenroutine {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #060;
}

h3 {
	font-family: CenturyGothic, Arial, sans-serif;
	font-weight: normal;
	color: #0055a5;
	text-transform: uppercase;
	font-size: 25px;
	margin-bottom: 0px;
	margin-left: 16px;
	margin-top: 8px;
	border-bottom: 1px solid #CCC;
}

h5 {
	font-family: CenturyGothic, Arial, sans-serif;
	font-weight: normal;
	color: #f68026;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom:0px;
}

.trademark {
	color: #0055a5;
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: super;
}

#ratedbest-container {
	width: 196px; 
	height: 100%;
	margin: 0 0 0 15px;
	float: right;
}

#header-container {
	width: 100%;
	height: auto;
}

	
#maintext-container {
	width:760px;
	height: auto;
	margin: 15px;
}

.boldmetrotaxi {
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0055a5;
	text-align: left;
}

/* home page trifecta */

#trifecta-container h1, #trifecta-container h1 a {
	font-family: CenturyGothic, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #475b71;
	margin: 0 0 6px 0;
}	

#trifecta-container h1 a:hover {
	color: #e24000;
}

#whole-container-for-trifecta {
	margin: 0px auto;
	width: 981px;
	height: 179px;
}

#trifecta-container {
		margin-top: 20px;
}

#metrolivery-tri, #metroaccess-tri, #adcab-tri {
	border: 1px solid #97a5b3;
	width: 292px;
	height: 160px;
	background-repeat: none;
	background-position: top left;
	padding: 8px;
}

#metrolivery-tri {
	float: left;
	background-image: url(images/metrolivery-home-tri.jpg);
	margin-right: 25px;
}

#metroaccess-tri {
	float: left;
	background-image: url(images/metroaccess-home-tri.jpg);
	margin-right: 25px;
}

#adcab-tri {
	float: right;
	background-image: url(images/metroadcab-home-tri.jpg);
}

.trifecta-text {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #6b737c;
	line-height: 17px;
}

/* home page unordered list */

#homepg-list {
	width: 981px;
	height: auto;
	margin: 0px auto;
	text-align: center;
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999;

}

#homepg-list a {
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999;	
	line-height: 17px;
}

#homepg-list a:hover {
	color: #666;	
}


#homepg-list ul {
	margin: 0;
	list-style: none;
	display: inline;
	text-align: center;
	
}

#homepg-list ul li {
	padding: 0 4px;
	border-left: 1px solid #bebdbd;
	display: inline;
}

#homepg-list ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

/* home pg */


#homepg {
	width: 981px; 
	height: 654px;
	border: 1px solid #0055a5; 
	margin: 0px auto;
	overflow: hidden;
}

		#home-top-img {
			width: 981px;
			height: 146px;
			overflow: hidden;
		}

#navbar {
	width: 981px;
	height: 30px;
	background: url(images/homepg-nav-bg.jpg) no-repeat;
	overflow: hidden;
	text-align: center;
	padding: 12px 0 0 0;
}

		#navbar ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
				#navbar ul li {
					margin: 0;
					padding: 0;
					list-style: none;
					display: inline;
					padding: 0 16px;
				}
				
						#navbar ul li a {
							font-family: CenturyGothic, Arial, sans-serif;
							font-weight: normal;
							font-size: 0.91em;
							color: #fff;
							text-decoration: none;
							text-shadow: 2px 2px 2px #002649;
						}
						
								#navbar ul li a:hover {
									color: #ff6e00;
								}

