﻿/*MANGO'S TAXI STYLE SHEET*/

html,body {
margin:0;
padding:0;
}
body {
line-height: 1.8em;
background: #fff url('images/design/02.gif');
color: #666;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 73%;
	font-family: helvetica, arial, sans-serif;
}

/*HEADER PROPERTIES*/

#banner {
	width: 100%;
	height: 150px;
	background: #FFFFFF url('images/design/hdbanner.jpg') no-repeat center top;
}
#banner h1 {
	margin: 0 0 0 250px;
	line-height: 1.8em;
	letter-spacing: 3px;
	font-size: 5em;
	color: #000080;
	font-family: Hurry Up;
}
#banner h2 {
	margin: 0 0 0 250px;
	line-height: 1.8em;
	letter-spacing: 3px;
	font-size: 1em;
	color: #000080;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}
#banner p {
float:right;
margin: 10px 10px 0 0;
padding-top: 10px;
color : #ff9933;
}
			
/*TOP NAVIGATION*/	

div#menu {
	float: left;
	width: 100%;
	padding-top: 0;
	background: #008000;
}
ul#nav,ul#nav li {
list-style-type:none;
margin:0;
padding:0
}
ul#nav {
	margin-left: 250px;
	width: 700px;
}
ul#nav li {
float: left;
margin-right: 3px;
text-align: center;
}
ul#nav a {
	float: left;
	width: 9em;
	padding: 5px 0;
	background: #ff9933;
	text-decoration: none;
	color: #fff;
}
ul#nav a:hover {
background: #ffff00;
color: #666;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover {
background: #fff;
color: #003;
}
			
/*MAIN CONTAINER*/

#container {
width: 770px;
margin: 0 auto;
padding: 0;
}
#box {
	padding: 10px;
	border: 1px solid #ff9933;
	background: #FFFFCC;
}
#box h2 {
	font-size: 2em;
	color: #008000;
}
			
/*CONTENT_LEFT*/

#content {
	width: 490px;
	float: left;
	margin: 30px 0 0 0;
	padding: 0 0 30px 10px;
}
#content h1 {
	font-size: 1.5em;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #000080;
}
#content h4 {
	font-weight: bold;
	font-size: 1.2em;
	color: #ff9933;

}
			
/*CONTENT_RIGHT*/

#content_right {
	width: 200px;
	float: right;
	margin: 30px 10px 0 0;
	padding-bottom: 30px;
}
			
/*FOOTER*/

#footer {
	clear: both;
	height: 50px;
	padding: 5px;
	border-top: 3px solid #ff9933;
	background: #FFFFcc;
	color: #000080;
	text-align: center;
}
			
/*TYPOGRAPHY*/

blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
.small {
color: #ff9933;
font-size: 0.8em;
}
.big {
font-weight: bold;
font-size: 1.2em;
color: #ff9933;
}
.orange-text {
	color: #ff9933;
}
.green-text {
	color: #008000;
}
.text-center {
	text-align: center;
}
			
/*IMAGES*/
.text-xsmall {
	font-size: x-small;
}
.image-left {
	border-style: 0px;
	border-color: 0px;
	border-width: 0px;
	float: left;
		margin: 10px;
		padding: 10px 20px 10px 10px;
		text-align: left;
}

.image-right {
float: left;
margin: 10px;
padding: 10px;
}
.image-centered {
	text-align: center;
}
			
/*CURVED CORNERS*/

dl.curved {
	background: #bbd9ee url('images/design/c_tl.gif') no-repeat left
top;
	margin: 15px 0;
	padding: 0;
	width: 100%;
}
dl.curved dt {
	background: transparent url(images/design/c_tr.gif) no-repeat right top;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #000080;
}
dl.curved dd {
	background: #eee url(images/design/c_bl.gif) no-repeat left
bottom;
	padding: 0;
	margin: 0;
}
dl.curved dd p {margin:0; padding:10px; line-height:1.53em;}
dl.curved dd p.last {
	background: transparent url(images/design/c_br.gif) no-repeat right
bottom;
}
			
/*LINK PROPERTIES*/

a img {
border: none;
}
a:link, a:visited {
color : #000080;
background : inherit;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #999;
background : inherit;
}
#navlist li {
list-style-image : url('images/design/right.gif');
background : inherit;
color : #ff9933;
margin : 5px 0 0 0;
padding-left : 10px;
}