body {
	font-family: Arial;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background: url(../images/backgrounds/body.png) top left repeat;
}

p a {
	text-decoration: none;
	color: #67877a;
}

p a:hover {
	text-decoration: underline;
}

#topBorder {
	height: 40px;
	background: url(../images/backgrounds/header-top.png) top left repeat;
}

#logoContainer {
	width: 960px;
	margin: auto;
	text-align: center;
	z-index: 2;
}

#mainNavigation {
	height: 55px;
	background: url(../images/backgrounds/navigation.png) top left repeat;	
	z-index: 1;
}

#mainNavigation .wrapper {
	width: 960px;
	margin: 0 auto;
	overflow: auto;
}

#mainNavigation ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 65px;
}

#mainNavigation ul li {
	float: left;
	margin: 0 50px 0 0;
}

#mainNavigation ul li:last-child {
	margin: 0;
}

#mainNavigation ul li a {
	display: block;
	padding: 10px 10px 10px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	color: #5a5b5d;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#mainNavigation ul li a.homeNav {
	background: url(../images/navigation/home.png) top left no-repeat;
}

#mainNavigation ul li a.stockListNav {
	background: url(../images/navigation/stock-list.png) top left no-repeat;
}

#mainNavigation ul li a.contactNav {
	background: url(../images/navigation/contact.png) top left no-repeat;
}

#mainNavigation ul li a.servicesNav {
	background: url(../images/navigation/services.png) top left no-repeat;
}

#mainNavigation ul li a:hover {
	background-position: bottom left;
	background-color: #000;
	color: #FFF;
}

body.home #mainNavigation ul li a.homeNav,
body.gallery #mainNavigation ul li a.stockListNav,
body.contact #mainNavigation ul li a.contactNav,
body.services #mainNavigation ul li a.servicesNav {
	background-position: bottom left;
	background-color: #000;
	color: #FFF;
}

body.gallery.contact #mainNavigation ul li a.stockListNav {
	background-position: top left;
	background-color: transparent;
	color: #5a5b5d;
}

#mainNavigation ul.leftNavigation {
	float: left;
}

#mainNavigation ul.rightNavigation {
	float: right;
	padding: 10px 65px 0 0;
}


#page {
	width: 960px;
	background: rgba(0,0,0,0.1);
	overflow: auto;
	margin: 60px auto;
	padding: 0;
}

body.home #page {
	background: url(../images/backgrounds/homepage.png) center top no-repeat #585e68;
	background-color: rgba(0,0,0,0.1);
	height: 680px;
	position: relative;
	overflow: visible;
}

body.services #page {
	background: url(../images/backgrounds/our-services.png) center top no-repeat #585e68;
	background-color: rgba(0,0,0,0.1);
/* 	height: 612px; */
	position: relative;
	overflow: visible;
	margin: 60px auto 0 auto;
}

#offerButton {
	position: absolute;
	top: -27px;
	right: -7px;
}

#offerButton img {
	border: none;
}

body.contact #content {
	overflow: hidden;
	background: #FFF;
	width: 940px;
	margin: 10px auto;
	padding: 0 0 20px 0;
}

body.gallery #content {
	overflow: auto;
	background: #FFF;
	width: 940px;
	margin: 10px auto;
	padding: 20px 0;
}

body.home #content {
	position: absolute;
	top: 300px;
	left: 40px;
	width: 880px;
	overflow: hidden;
}

body.services #content {
	position: absolute;
	top: 240px;
	left: 40px;
	width: 880px;
	overflow: hidden;
}

#leftContent {
	width: 280px;
	padding: 20px;
	float: left;
}

#leftContent h4, #rightContent h4 {
	font-family: Georgia;
	font-style: italic;
	font-weight: 100;
	font-size: 20px;
	margin: 0;
	padding: 0;
}

#leftContent #address {
	font-family: Georgia;
	font-weight: 100;
	font-size: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftContent #address li {
	margin: 0 0 12px 0;
}

#rightContent {
	width: 540px;
	float: left;
	background: #ebeee5;
	margin: 20px;
	padding: 20px;
/* 	*padding: 20px 10px; */
}

#rightContent h5 {
	font-family: Georgia;
	font-size: 16px;
	color: #878b81;
	margin: 10px 0 0 0;
	padding: 0;
}

#rightContent h5 span {
	color: #000;
	font-size: 22px;
	padding: 0 0 0 30px;
}

#rightContent form {
	margin: 20px 0;
}

#rightContent form label {
	font-family: Georgia;
	font-style: italic;
	font-size: 16px;
	width: 150px;
	float: left;
	padding: 3px 0 0 0;
	color: #878b81;
}

#rightContent form label.error {
    color: red;
}

#rightContent form input {
	width: 384px;
	float: left;
	height: 20px;
	margin: 0 0 15px 0;
	border: 1px solid #d0d0cf;
	background: #fbfcfa;
}

#rightContent form textarea {
	width: 384px;
	float: left;
	height: 150px;
	margin: 0 0 15px 0;
	border: 1px solid #d0d0cf;
	background: #fbfcfa;
}

#rightContent form #submit {
	width: 120px;
	float: right;
	height: 40px;
	margin: 0 0 15px 0;
	border: 1px solid #41515d;
	background: #728594;
	color: #FFF;
	font-family: Georgia;
	font-size: 16px;

}





#servicesIntro {
	width: 350px;
	float: left;
	background: #FFFFFF;
	background: rgba(255,255,255,0.8);
	height: 350px;
}

#ourPricing {
	width: 505px;
	float: left;
	background: #131313;
	height: 350px;
	margin: 0 0 0 20px;
}

#latestProjects {
	width: 350px;
	float: left;
	background: #FFFFFF;
	background:  rgba(255,255,255,0.8);
	height: 350px;
}

#introduction {
	width: 505px;
	float: left;
	background: #FFFFFF;
	background:  rgba(255,255,255,0.8);
	height: 350px;
	margin: 0 0 0 20px;
}

#latestProjects h2.header, 
#servicesIntro h2.header,
#ourPricing h2.header {
	font-family: Georgia;
	font-style: italic;
	font-weight: 100;
	background: url(../images/backgrounds/header-top.png) top left repeat;
	margin: 0;
	padding: 10px 20px;
	color: #FFF;
	font-size: 17px;
}

#latestProjects p, #servicesIntro p {
	padding: 10px 20px;
	margin: 0;
}

div#content h2 {
	font-family: Georgia;
	font-style: italic;
	font-weight: 100;
	margin: 0;
	padding: 10px 20px;
	color: #000;
	font-size: 17px;
}

div#content h3 {
	font-weight: 100;
	margin: 10px 0 0 0;
	padding: 0;
	color: #8f908e;
	font-size: 14px;
}

.latestProjectDetails {
	padding: 5px 20px;
	margin: 0 0 10px 0;
}

.latestProjectDetails img {
	float: left;
	border: 3px solid #FFFFFF;
	margin: 0 10px 0 0;
	-webkit-box-shadow: 2px 2px 3px #888;
}

#specialiseShots {
	width: 290px;
	overflow: auto;
	float: left;
	padding: 20px 0 0 0;
}

#specialiseShots ul {
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}

#specialiseShots ul li {
	padding: 0;
	margin: 0 20px 20px 0;
	float: left;
}

#specialiseShots ul li img {
	border: 3px solid #FFFFFF;
	-webkit-box-shadow: 2px 2px 3px #888;
}

#introduction ul#services {
	float: left;
	margin: 0;
	padding: 20px 0 0 10px;
	width: 190px;
	font-family: Georgia;
	color: #728594;
	font-size: 16px;
}

#introduction ul#services li {
	margin: 0 0 5px 0;
}

#introduction ul#services li span {
	color: #000;
}

#footer {
	background: #0b0c0d;
	height: 130px;
	border-top: 1px solid #FFF;
}

#footerContent {
	padding: 0 60px;
	width: 840px;
	height: 50px;
	margin: 0 auto;
}

#footerLogo {
	float: left;
	margin: -5px 0 0 0;
}

#footerNavigation {
	list-style: none;
	margin: 20px 0 0 20px;
	padding: 0;
	float: left;
}

#footerNavigation li {
	float: left;
	margin: 0 30px 0 0;
	font-size: 14px;
}

#footerNavigation li a {
	font-weight: bold;
	color: #2c2f31;
	text-decoration: none;
}

#footerNavigation li a:hover {
	color: #FFFFFF;
}

h3#phone {
	font-size: 24px;
	color: #FFF;
	float: right;
	font-weight: 100;
	margin: 10px 0 0 0;
	padding: 0;
}

h3#phone span {
	font-size: 14px;
	color: #2c2f31;
	font-weight: bold;
}

#credits {
	padding: 20px 60px 20px 60px;
	width: 840px;
	text-align: right;
	margin: 0 auto;
}

#credits p {
	color: #25282a;
}

#credits p a {
	color: #4f4f57;
	text-decoration: none;
}

#ourPricing table {
	color: #FFFFFF;
	width: 505px;
}

#ourPricing table tr td {
	border-bottom: 1px solid #25272c;
}

#ourPricing table tr.light {
	background: #161719;
}

#ourPricing table tr td.price {
	font-family: Georgia;
	font-size: 18px;
	background: #1d1f24;
	padding: 10px 20px;
}

#mainContentOuter {
	width: 940px;
	margin: 0 auto 60px auto;
	background: rgba(0,0,0,0.1);
	padding: 612px 10px 10px 10px
}

#mainContentInner {
	background: #FFFFFF;
	padding: 20px;
	overflow: auto;
}

#mainContentInner #innerLeft {
	width: 445px;
	padding: 0 5px 0 0;
	float: left;
}

#mainContentInner #innerRight {
	width: 445px;
	padding: 0 0 0 5px;
	float: left;
}


#mainContentInner h3 {
	font-family: Georgia;
	font-size: 18px;
	font-style: italic;
	font-weight: 100;
}

#mainContentInner h4 {
	font-family: Georgia;
	font-size: 16px;
	font-style: italic;
	font-weight: 100;
}

.carDetail {
	width: 430px;
/* 	height: 190px; */
	float: left;
	padding: 20px;	
	position: relative;
}

.carDetail.sold h2,
.carDetail.sold table,
.carDetail.sold .carPreview {
	opacity: 0.3;
}

.carDetail .soldStamp {
    position: absolute;
    top: 0;
    left: 0;
}

.carDetail h2 {
	clear: both;
	color: #000000;
	padding: 10px 0;
	margin: 0;
	font-family: Georgia;
	font-size: 16px;
	font-style: italic;
	font-weight: 100;
}

.carDetail h2 span {
	color: #838383;
}

.carDetail img {
	float: left;
}

.carDetail table {
	float: left;
	margin: 0 0 0 10px;
	color: #838383;
}

.carDetail table td.carInformation {
	color: #000000;
	padding: 5px;
}

.carDetail a.button {
	width: 110px;
	padding: 10px 0;
	margin: 23px 5px 0 10px;
	background: #678d7e;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a4bbb2), to(#5A7C6F), color-stop(.5,#5A7C6F));
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	border: 1px solid #315044;
	display: block;
	float: left;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.carDetail a.button.contactButton {
	margin: 23px 0 0 5px;
	background: #5e6470;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9EA2A9), to(#535862), color-stop(.5,#535862));
	border: 1px solid #2c313c;
}

div#content .carDetail h2 {
	padding-left: 0;
}

div#content h1 {
	font-family: Georgia;
	font-style: italic;
	font-weight: 100;
	margin: 0;
	padding: 10px 20px 0 20px;
	color: #678d7e;
	font-size: 20px;

}

ul.flashMessages {
	font-family: Georgia;
	font-style: italic;
	font-weight: 100;
	margin: 0;
	padding: 10px 20px 0 20px;
	color: #FFF;
	font-size: 20px;
	list-style: none;
}


#modalOverlay {
    background-color: #000;
    cursor: wait;
}

#modalContainer {
    left: 50%;
    top: 15%;
    margin-left: -380px; /* half the width, to center */
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -opera-border-radius: 1em;
    -webkit-border-radius: 1em;
    padding: 1em;
}

#modalContainer iframe {
    width: 600px;
    height: 400px;
    border: none;
    
}

a.modalCloseImg {
    background: url('/assets/theme/icons/cross.png') no-repeat center center;
/*     background: yellow; */
    width: 20px;
    height: 20px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
}

.modalData .carDetail {
	width: 700px;
}

#detailHeader {
	clear: both;
	overflow: auto;
	padding: 0 0 10px 0;
}

#detailHeader h2 {
	float: left;
}

#detailHeader a {
	float: right;
	margin: 0;
}

#detailLeft {
	float: left;
	width: 200px;
}

#detailLeft ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#detailLeft ul li {
	padding: 0;
	margin: 17px 17px 0 0;
	float: left;
	
}

#detailRight {
	float: left;
	width: 500px;
}

#detailRight p {
	padding: 0;
	margin: 0;
}

#detailRight table {
	margin: 30px 0 0 0;
}

#modalContainer {
	position: absolute!important;
}