/* Limo Rental London */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #543F52;} 

html { 
	font: normal 11px Verdana, Tahoma, Arial, sans-serif;
 	color: #000; }
	
#mainbg {
	
	background: #fff url(../img/bg.jpg) repeat-x;}
 
/* LINKS */
a, a:link, a:visited {
	text-decoration: none;
	color: #975092;
	border-bottom:1px dotted #7E327A;}
	
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #000;
	border-bottom:1px dotted #7E327A;
	outline:none;}
	
a img, a:link img, a:visited img 
a:hover img, a:active img, a:focus img  {
	border-bottom: none;
	text-decoration: none;
	outline: none;}

	
/* TYPOGRAPHY */
h1 {
	font: bold 14px Verdana,  Tahoma;
	color: #B37DAF;
	text-transform: uppercase;
	margin: 0;
	padding: 20px 0;}
h1 span {
	color: #7C3378;}
h2 {
	font: bold 12px Tahoma, Verdana, sans-serif;
	margin:0;
	padding-top: 10px;
	line-height: 1.5;
	color: #7E327A;
	text-decoration: none;
	text-transform: uppercase;}
	
	
/* STRUCTURE */
#pagewidth{ 
 width:1000px; 
 height: 100%;
 text-align:left;  
 margin: 0 auto;  
 position: relative;
 background: transparent url(../img/body.jpg) repeat-y;} 
 
#pagewidth p, #footer p {
	margin: 0;
	line-height: 1.3;
	padding: 5px 0;}
	
#wrapper {
	background: transparent url(../img/wrapper_top.jpg) no-repeat;
	width:1000px; 
 	margin:0;  
	float: left;
	display: block;
	position:relative;}
 
 
/* LEFTCOL */
#leftcol{
 width:280px; 
 height: 100%;
 float:left; 
 clear: left;
 display: inline;
 position:relative; 
 margin: 0 0 30px 20px;}
 
#leftcol .leftcol {
	padding: 0;
	margin: 0 0 0 10px;
	display: block;
	/*float: left;*/
	text-align: center;
	position: relative;
	background: #eddcec url(../img/phone.jpg) bottom left no-repeat;
	width: 260px;
	height: 100%;}
 
#leftcol #logo {
	margin: 0; 
	background: #eddcec url(../img/leftcol_top.jpg) no-repeat;
	float: left;
	width: 260px;
	height: 250px;}
	
#leftcol #logo img {
	padding: 0px 0 0 0px;
	margin: 0;}
#leftcol #logo img.lg {
	padding: 73px 0 0 0px;
	margin: 0;
}
#leftcol #logo a {
	border-bottom: none;	}
	
#leftcol .leftcol #links {
	text-align: left;
	background: transparent;
	/*float:left;
	width: 230px;*/
	/*height: 200px;*/
	margin: 0;
	padding: 10px 0 150px 30px;}
	
#leftcol .leftcol #links select {
	width: 200px;
	height: 20px;
	border: 1px solid #7F337B;
	padding: 1px;
	font-size: 11px;
	float:left;}	
	
.leftcol #links options {
	padding: 2px;}

	
/* left menu */
#leftcol #menu {
	float: left;
	display: block;
	width: 260px;
	height: 100%;
	min-height: 200px;
	margin:0;
	text-align: left;
	margin:30px 0 10px 0;}
	
#leftcol #menu ul {
	padding:0;
	margin: 0;
	line-height: 28px;
	height: 28px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;}
	
#leftcol #menu li {
	float: left;
	width:260px;
	line-height: 28px;
	height: 28px;
	border-bottom:1px solid #EDDCEC;}
	
#leftcol #menu a {
	padding: 0 20px 0 60px;
	width: 200px;
	margin: 0;
	line-height: 28px;
	height: 28px;
	border: none;}
	
#leftcol #menu a, #leftcol #menu a:visited {
	font: 14px Georgia, Tahoma, Verdana, sans-serif;
	font-weight: normal;
   color: #a66aa3;
	font-variant: small-caps;}
	
#leftcol #menu a:hover, #leftcol #menu a:active {
	background: 0 0 url(../img/hover.jpg) repeat-y;
	color:#EDDCEC;
	line-height: 28px;
	height: 28px;
	width: 180px;
	float: left;}
	
#leftcol #menu li.activ  {
	float: left;
	line-height: 28px;
	height: 28px;
	width: 260px;
	background: 0 0 url(../img/hover.jpg) repeat-y;}
	
#leftcol #menu a.selected {
	background: 35px 10px url(../img/arrow_lilac.jpg) no-repeat;
	font-weight: bold;	
	float: left;
	color:#e5d4e5;
	line-height: 28px;
	height: 28px;}

	
/* MAINCOL */
#maincol{
 background: transparent;  
 float: right; 
 clear: right;
 display:inline; 
 position: relative; 
 text-align: center;
 width:680px; 
 margin: 0 20px 0 auto; }
 
	
#maincol .maincol {
	/*float:left; */
	text-align:left;
	margin: 0; 
	padding: 0px 15px 20px 15px;
	overflow: auto;}

.maincol .title {	
	display: block;
	width: 630px;
	text-align: right;
	margin: 20px 0;}
	
#maincol .title img,
#maincol #header img,
#maincol span img  {
	border: none;
	padding: 0;
	margin: 0;}
	
#maincol img {
	margin: 2px 5px;
	padding: 3px;
	border: 1px solid #B37DAF;}
	
#maincol p.thumb a {
	border: none;}
	
/* FORMS */
#maincol #form {
	width: 570px;
	float:left;
	display: block;
	margin-bottom: 0px;}

#form p {
	margin: 5px 0;
	padding:0;
	line-height: 1.5;}
	
#form form {
	margin:0;
	padding: 20px 30px 0 50px;
	display: block;
	color: #000;
	font: normal 11px Verdana;
	text-align: left;}
	
#form form label {
	height: 18px;
	line-height: 18px;}
	
#form form input {
	width: 250px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #B37DB1;
	margin: 0 3px 5px 0px;
	padding-top: 2px;
	font: normal 11px Verdana;
	background: #f9f3f9;}
#form form textarea {
	width: 400px;
	height: 180px;
	line-height: 18px;
	border: 1px solid #B37DB1;
	margin: 5px 3px 5px 0px;
	padding-top: 2px;
	font: normal 11px Verdana;
	background: #f9f4f9;}
	
#form form input.button {
	float: left;
	width: 90px;
	height: 20px;
	padding-bottom:5px;
	margin: 5px 10px 0 0px;
	border: 1px solid #5C3E5A;
	background:#8A728A;
	color: #F9F4F9;
	font: normal 11px Tahoma, Verdana;
	cursor:auto;}
	
#form form input.button:hover {
	background: #A99FA8; 
	color:#3F273E; }

#maincol p.warning {
	float: left;
	display: block;
	width: 580px;
	margin-left: 50px;
	font-size: 10px;}
	
	
/* FOOTER */
#footer{
 height:105px; 
 clear:both;
 text-align: center;
 margin: 0 auto;
 font-size: 10px;
 background: #543F52; 
 color: #d3afd2;} 
 
#footer a {
	color:#f3e7f3;
	border-bottom:1px dotted #f3e7f3;}
#footer .footer a {
	color:#543F52;
	border-bottom:1px dotted #543F52;}
 
#footer .footer {
	background-color: #A99FA8;
	width: 962px;	
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
	left: 1px;}
 
 
/* COMMON */  
.left {
	float: left;
	clear: left;}
.right {
	float: right;
	clear: right;}
	
ul {
	margin: 5px 40px; 
	padding: 0;
	list-style-image: url(../img/arrow_sm.jpg);
	list-style-position: outside;}
ul li {
	line-height: 1.5;}
	
ul.smallcaps {
	font-variant: small-caps;
	list-style-image: url(../img/arrow_lilac_sm.jpg);
	list-style-position: outside;
	margin: 5px 30px; }
ul.smallcaps li {
	line-height: 1.7;}
	
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}