/* Significant Cars CSS */

  
body {
	background: #000 url(http://significantcars.com/images/bg_1937packard.jpg) center center fixed no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Georgia, Times New Roman, serif;
	color: #FFF;
       }
	   
/*Navigation styles */

#consignments .consignments, #wanted .wanted, #bservices .bservices, #aservices .aservices, #contact .contact
{ font-size: 16px;
  font-weight: bold;
}

#navlist li
{ display: inline;
  list-style-type: none;
  font: Tahoma, Geneva, sans-serif;
  font-size: 14px;
  padding-right: 20px;
  background:none;
}

#navlist a:hover
{font-style: italic;}

/* slideshow js imagefade styles */

#slideshow1 { height: 150px; width: 800px; margin: auto; background-color:#000; overflow: hidden;}
#slideshow2 { margin: 0; width: 620px; height: 195px; float:left; overflow: hidden; }
#slideshow2 img {height: 175px; width: 600px; padding: 9px; border: 1px solid #ccc; background-color: #eee; top: 0; left: 0; }
#navss2 { z-index: 50; position: absolute; bottom: 7px; right: 5px;}
#navss2 a { margin: 1px 1px; padding: 3px; padding-top: -1px; border: 1px solid #ccc; background:#999; text-decoration: none; color:#000;}
#navss2 a.activeSlide { background: #6C8AFF }
#navss2 a:focus { outline: none; }
 
/* Constant Contact email styles */

#emailform
{ width: 175px;
background-image:url(http://significantcars.com/images/bg_opacity40.png);
height: 175px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
}
#emailform h2
{font-size: 10px;
font-style:italic;
line-height: 12px;
}

h1 {
	font-size: 30px;
	text-decoration: italic;
	line-height: 32px;
	text-align:center;
}

h2 {
	font-size: 25px;
	line-height: 28px;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	border-width: 0;
}

/*Prevents a blue border showing on img links in IE*/
img {
	border: 0;
}

/* Include this class in a br to force a new line */
.clearboth { clear: both; }

/*container, what you use to hold the whole page in */
#container {
	width: 880px !important;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bg_opacity40.png);
	text-align: center;

}

#container-c {
width: 880px;
margin: 10px auto;
/*background: rgba(25, 25, 25, 0.75);
-moz-box-shadow: 10px 10px 5px #000;
-webkit-box-shadow: 10px 10px 5px #000;
box-shadow: 10px 10px 5px #000;*/
}

/* css relating to the top and nav part of the page */
#top {
width: 100%;
margin-bottom: 5px;
}

#content {
width: 800px;
margin-bottom: 20px;
}

/*css for the featured cars*/
.featurecar {
display: inline;
width: 405px;
margin: 10px auto;
}

.featurecar img
{
padding: 10px;
background: #FFFFFF;
}

/*featured collection*/
#feature {
width: 100%;
margin: 10px auto;
}
#feature img {
padding: 10px;
background: #333333;
}
/* temp feature with an image map*/
#feature1 {
width: 100%;
margin: auto;
}
#feature img {
padding: 0px;
}

.f2 {
text-align: center;
width: 48%;
margin: auto 5px;
float: left;
}

.f2-sp {
text-align: center;
width: 99%;
margin: auto;
float: left;
}

.f2d-sp {
clear: both;
color: #FFFFFF;
font-size: 11px;
width: 49%;
margin: 10px auto;
}

.f2d {
clear: both;
color: #FFFFFF;
font-size: 11px;
width: 100%;
margin: 10px auto;
}

.f2d2 {
clear: both;
color: #FFFFFF;
font-size: 12px;
width: 675px;
margin: auto;
}

/*consignments css
.consignment {
float: left;
display: inline;
width: 170px;
height: 198px;
vertical-align: middle;
margin-right: 15px;
margin-left: 15px;
text-align:center;
} */

.consignment-fl {
float: left;
display: inline;
width: 210px;
height: 198px;
vertical-align: middle;
margin-right: 15px;
margin-left: 160px;
margin-top: 30px;
}
.consignment-f {
float: left;
display: inline;
width: 210px;
vertical-align: middle;
margin-right: 15px;
margin-left: 30px;
margin-top: 5px;
}
.consignment-s {
display: inline-block;
width: 170px;
height:200px;
vertical-align:middle;
margin: 4px;
text-align:center;
	zoom: 1;
	*display:inline;
}

.consignment {
	display:inline-block;
	width: 170px;
	height:200px;
	vertical-align:middle;
	margin: 4px;
	zoom: 1;
	*display:inline;
}

.consignment img {
background: #FFFFFF;
padding: 10px;
	-webkit-box-shadow: 0 13px 6px -6px black;
    -moz-box-shadow: 0 13px 6px -6px black;
    box-shadow: 0 13px 6px -6px black;
}

.consignment-fl img {
background: #FFFFFF;
padding: 10px;
}

.consignment-f img {
background: #CCD1F9;
padding: 5px;
}

.consignment-s img {
background: #D93400;
padding: 10px;
	-webkit-box-shadow: 0 10px 8px -6px rgba(255, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 8px -6px rgba(255, 0, 0, 0.5);
    box-shadow: 0 10px 8px -6px rgba(255, 0, 0, 0.5);
}

#footer {
margin: 0px auto 50px;
font-size: 11px;
color: #FFFFFF;
clear:both;
}

/* individual consignment page css */
/*modified index.html for individual listings css */
#c-basics {
	width: 100% !important;
	height: 3.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 28px;
}
#c-basics, #c-details, #c-pics, #footer {
	-webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
	background:rgba(0, 0, 0, 0.9);
}

#basics {
	width: 550px;
	float: left;
	margin-right:30px;
	line-height:1.5;
}

#basics, #basics2 {
	text-align:center;
	font-variant:small-caps;
	vertical-align: top;
}

#basics2 {
	width: 300px;
	float: right;
	line-height: 1;
}

#price p {margin-top:0;margin-bottom:4px;}
#basicsalfa {
	width: 100%;
	float: left;
	background:url(http://significantcars.com/images/bg_opacity60.png);
	text-align:left;
}
#basics2alfa {
	width: 100%;
	float: right;
	background:url(http://significantcars.com/images/bg_opacity60.png);
}

#vnamealfa {
font-size: 36px;
width:100%;
text-align:center;
}

#vname {
font-size: 28px;
display: inline;
}

#pricealfa {
font-size: 22px;
font-style: italic;
text-align: center;
width:100%;
float: right;
}

#c-details {
	width: 100%;
	padding: 10px 0 10px 30px;
	margin: 10px 0 10px 0;
	float: right;
	text-align:left;

}

#c-desc {
min-height: 100px;
text-align: center;
padding: 15px;
width: 490px;
background: rgba(0, 0, 0, 0.9);
float:left;
font-size:0.85em;
}

#c-pics {
	width: 350px;
	float:right;
	height:100%;
	overflow-y: auto;
	border-left: 1px solid #CCCCCC;
	margin-top:10px;
}

#c-pics p, .timg {
	display:inline-block;
	width: 108px;
	height: 108px;
	margin: 2px;
	border-style:solid;
	border-width:1px;
	border-color:#666;
	zoom: 1;
	*display:inline;
}
#c-pics img {
	padding: 4px;
background-color: #FFFFFF;
}
	

.details {
	width: 283px;
	line-height:1.5;
	padding: 4px 4px;
	margin-bottom:4px;
	float: left;
}

.d-field {
	width: 45%;
	float: left;
	text-align: right;
}

ul {
list-style-type: none;
}
li:hover {
background: #666666;
}

.d-data {
	width: 50%;
	float: left;
	text-align: left;
	margin-left: 5px;
}


/*.cdesc {
height: 250px;
text-align: center;
vertical-align: middle;
width: 625px;
overflow: auto;
float: right;
line-height: 14px;
font-size: 10px;
}*/

.timg img {
padding: 3px;
background-color: #FFFFFF;
margin: 2px;
}

.timg {
display: inline;
}

#fullsize {
	width: 100%;
}


/* Blog Posts / Articles CSS */

#container-a {
width: 800px;
margin: 10px auto;
background: url(../../images/bg_opacity40.png);
}

#container-a  #atitle {
	width: 100%;
	text-align: center;
	font-variant: small-caps;
	font-size: 3em;
	margin-bottom: 10px;
	text-outline: 1px;
}

#article {
	width: 85%;
	margin: auto;
	text-align: justify;
}

#article p {
	text-indent: 2em;
	margin-bottom: -5px;
}

.intro em {
	float: left; 
	font-style: italic; 
	font-size: 6em; 
	line-height: 60px; 
	padding-top: 4px; 
	padding-right: 16px; 
	padding-left: 3px;
	display:inline;
	font-family: 'Bookman Old Style', Georgia, serif;
}

.summ em {
	float: left;
	font-style: italic;
	font-size: 4em;
	line-height: 50px;
	padding-top: 4px;
	padding-right: 12px;
	padding-left: 3px;
	display:inline;
	font-family: 'Bookman Old Style', Georgia, serif;
}

#article .intro,#article .summ {
	text-indent: 0em;
}

.desc em {
	float: left;
	font-style: italic;
	font-size: 4em;
	line-height: 50px;
	padding-top: 4px;
	padding-right: 12px;
	padding-left: 3px;
	display:inline;
	font-family: 'Bookman Old Style', Georgia, serif;
}
