@import url(reset.css);

/* Phantom Care Hire Main CSS Document */

body {
font-size: 62.5%;
color: #333;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/main-bg.jpg) repeat-x top center #fff;
}

#wrapper {
width: 862px;
margin: 0 auto;
}

#masthead {
height: 179px;
}

img#logo {
margin-top: 3px;
float: left;
display: inline;
}

a#book-now {
float: left;
margin: 8px 0 10px 15px;
display: inline;
}

img#top-phantoms {
float: right;
margin-top: 8px;
}

p#telephone {
width: 535px;
float: right;
text-align: right;
font-size: 2em;
font-weight: bold;
display: block;
margin-top: 22px;
color: #999;
}

p#telephone span {
color: #fff;
}

#content {
background: url(../images/content-bg.jpg) repeat-y top center #fff;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 1.2em;
text-align:justify;
}

#content-top {
height: 13px;
background: url(../images/content-bg-top.jpg) top center #fff;
}

#content-bottom {
clear: both;
height: 14px;
background: url(../images/content-bg-bottom.jpg) bottom center no-repeat;
padding-top: 10px;
}

#copy {
width: 664px;
float: right;
padding: 0 15px 15px 10px;
}

#mainNav {
color: #666;
float: left;
display: inline;
font-size: 1.2em;
font-weight: bold;
margin-left: 30px;
margin-top: 11px;
text-align: left;
}

#mainNav li {
margin-bottom: 10px;
float: left;
clear: both;
}

#mainNav li ul li {
margin-bottom: 3px;
}

#mainNav a {
color: #666;
text-decoration: none;
font-weight: bold;
}

#mainNav li ul li a {
font-size: 0.9em;
font-weight: normal;
}

#mainNav li ul li a:hover, .home #home, .weddings #weddings, .corporate #corporate, .royal-ascot #royal-ascot, .proms #proms, .phantom-silver #phantom-silver, .airport-transfers #airport-transfers, .special #special, .gallery #gallery, .phantom-white #phantom-white, .get-a-quote #get-a-quote, .feedback #feedback, .flying-spur #flying-spur, .arnage #arnage, .news-Articles
 #news-Articles
 {
font-weight: bold;
}

h1 {
font-size: 2em;
margin-bottom: 10px;
font-weight: normal;
}

#copy p {
margin: 10px 0;
line-height: 1.5;
}

#copy img.right {
float: right;
margin: 5px 0 10px 10px;
display: inline;
}

#copy img.left {
float: left;
margin: 5px 10px 10px 0;
display: inline;
}

#copy .getAQuoteLink a {
	font-size:30px;
	letter-spacing:-2px;
	padding:0 5px;
}

#copy .getAQuoteLink a:hover {
	background-color:#999999;
	color:#FFF;
	text-decoration:underline;
	}

#copy h2 {font-size:18px;}
#copy #imageViewer {float:right; width:359px; margin-left:10px;border:0px solid #000; text-align:center;}
#copy #imageViewer ul {margin-top:265px;}
#copy #imageViewer ul li {display:inline;}

#copy #imageViewer .subImage {
	cursor:pointer;
}

#copy .contactDetails, #copy .contactForm {width:300px; float:left; margin:0 10px;}
#copy .contactForm {background-color:#CCC; padding:10px;}

#copy fieldset legend {font-size:18px; line-height:35px;}
#copy fieldset label {margin-top:2px;}
#copy fieldset label {display:block; margin-left:10px;}
#copy fieldset input, #copy fieldset textarea {vertical-align:middle; margin-left:10px; border:1px solid #999; padding:4px; width:250px; font-size:11px;}
#copy fieldset select {margin-left:10px;padding:4px; width:260px; font-size:11px;}
.dropBox {border:1px solid #999; background-color:#FFF;}
#copy fieldset .short {width:100px;}
#copy fieldset span {font-style:italic; font-size:12px;}
#footer {padding-bottom: 15px;}

#footer-links {
background: #333;
padding: 10px;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
color: #ccc;
font-size: 1.1em;}

#footer a {color:#000;}
#footer-links a {color: #ccc;}
#footer a:hover {text-decoration:none;}

#footer p {text-align: center;
padding: 5px;}

#copy a {color: #333;}

#copy a:hover {text-decoration: none;}

#additional {
float: left;
clear: left;
width: 142px;
padding: 10px;
color: #666666;}

#additional a {color: #666666;}
#additional a:hover {text-decoration: none;}

#galleryImages img {width:300px; margin:0 0 5px;}