@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 #e5e5e5;
}

#wrapper {
margin: 0 auto;
width:884px;
background: url(../images/content-bg.png) repeat-y top center;
}

#masthead {
height: 106px;
padding-top: 5px;
}

img#logo {
margin: 10px 0 0 33px;
float: left;
display: inline;
}

a#book-now, a.book-now {
float: left;
margin: 4px 0 0 30px;
padding-top: 15px;
width: 378px;
height: 68px;
background: url(../images/book-now.jpg) no-repeat bottom center;
color: #666;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-align: center;
}

a.book-now {margin-left:0; font-size:1.2em;}

a#book-now strong, a.book-now strong {
color: #333;
}

a#book-now strong.highlight, a.book-now strong.highlight {
color: #660000;
}

a#book-now:hover, a.book-now:hover {
background: url(../images/book-now.jpg) no-repeat  top center;
}

#content {
font-size: 1.2em;
background: url(../images/vertical-dots.gif) repeat-y 173px 0;
}

#main-photo {
border-top: 7px solid #333;
border-bottom: 7px solid #333;
margin: 0 12px;
}

#copy {
width: 656px;
float: right;
padding: 0 35px 15px 20px;
}

#mainNav {
margin-left: 12px;
padding-left: 21px;
width: 140px;
color: #333;
float: left;
display: inline;
font-size: 1.2em;
font-weight: bold;
padding-top: 26px;
text-align: left;
background: url(../images/nav-bg.jpg) repeat-x top center;
font-family: Verdana, Arial, Helvetica, sans-serif;
white-space:nowrap;
}

#mainNav li {
margin-bottom: 10px;
float: left;
clear: both;
display: inline;
font-size:13px;
}

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

#mainNav a {
color: #333;
text-decoration: none;
font-weight: bold;
padding:4px 4px 4px 0;
}

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

#mainNav a:hover {
	background-color:#ccc;
	font-weight:bold;
}

.home #home, .weddings #weddings, .corporate #corporate, .royal-ascot #royal-ascot, .proms #proms, .phantom-silver #phantom-silver, .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 {
background-color:#ccc; font-weight: bold;
}

h1,h2 {
font-size: 2.2em;
margin-bottom: 10px;
font-weight: bold;
color: #660000;
margin-top: 15px;
letter-spacing: -0.08em;
}

h2 {font-size:1.8em;}

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

}

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

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

#copy img.middle {
margin:10px auto;
display:block;
}


#footer {
background: url(../images/footer-bg.jpg) no-repeat bottom center;
padding: 0 12px;
padding-bottom: 15px;
width: 884px;
margin: 0 auto;
}

#footer-links {
background: url(../images/horizontal-dots.gif) repeat-x top center;
padding: 10px;
margin: 0 12px;
color: #333;
font-size: 1.1em;
}

#footer-links a {
color: #333;
text-decoration: none;
}

#footer-links a:hover {
color: #333;
text-decoration: underline;
}

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

#copy ul li {
padding-left: 5px;
margin-left: 30px;
list-style-type: disc;
}

#copy a {
color: #333;
}

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

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

#additional a {
color: #666666;
}

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

#copy .contactDetails, #copy .contactForm {width:300px; float:left; margin:0 10px;}
#copy .contactForm {background-color:#eee; 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;}