/* css for Dennis Barnfield website */

html{
background: #04121f url('../images/background.jpg') no-repeat;
}

#wrapper {
background-color:#2a4664;
width:830px;
margin:auto;
text-align:left;
overflow:hidden; /*makes sure it wraps around all the contents*/
}

h1 {
float: left;
width: 448px;
height: 40px; 
background: url('../images/DennisLogo.jpg') no-repeat 0 0;
text-indent: -999px;
}

h2 {
font-family:arial, helvetica, sans-serif;
font-size:1.75em;
color:#fff;
line-height:1.25em;
letter-spacing:1px;
padding:30px 0 15px 18px;
}

p {
font-family:arial, helvetica, sans-serif;
font-size:1.15em;
color:#fff;
line-height:1.5em;
padding:5px 20px 5px 20px;
}

sup {
font-size:.65em;
}

a:link {color:#ff3; text-decoration:none;} 
a:visited {color:#ff3; text-decoration:none;}
a:active {color:#ff0;}
a:hover {color:#fff;}

/* ----------------------- header ------------------------------ */

#hd {
background-color:#fff;
width:830px;
border-bottom:solid 3px #003;
}

#phoneimg {
float:left;
padding:0 0 0 160px;
}

ul#phone {
/*border:solid 1px red;*/
font-family:georgia, times, serif;
font-size:1.60em;
text-transform:uppercase;
font-weight:strong;
line-height:15px;
padding:7px 0 7px 0;
color:#34506e;
float:right;
width:170px;
}

/*ul#phone sup {
font-size:.65em;
}*/

ul#phone li {
list-style:none;
}

/* ----------------------- nav bar ------------------------------ */


ul#nav {
background-color:#34506e;
width:830px;
overflow:hidden;
}

ul#nav li {
display:inline;
color:#fff;
}

ul#nav li a {
color:#fff;
float: left;
display: block;
text-decoration:none;
line-height:2.5em;
padding: 0 8px;
text-align:center;
}

ul#nav li #first {
padding: 0 0 0 15px;
}

ul#nav li a:hover #first {
display: block;
padding:0 5px 0 10px;
background: #4e6881;
}

ul#nav li a:hover {
text-decoration: none;
background: #4e6881 url('../images/arrow.gif') no-repeat center bottom;
}

ul#nav li #selected {
text-decoration: none;
color:#fff;
background: #4e6881 url('../images/arrow.gif') no-repeat center bottom;
}

/* -------------------------- body --------------------------------- */


	
#bd {
background:url(../images/bar.jpg) repeat-x top left; float:left; 
width: 830px;
}

#feature {
float:right;
width:230px;
background-color:#fff;
border:5px solid #34506e;
overflow:hidden;
margin:10px;
padding:10px;
display:inline;
}

#feature img {
border:0;
padding:5px 5px 5px 10px;
}

#feature p {
font-family:georgia, times, serif;
font-size:1.6em;
font-weight:strong;
line-height:1em;
color:#34506e;
border-bottom:dotted 1px #34506e;
}

ul#textlist {
padding:0 0 0 20px;
font-size:1.15em;
line-height:1.5em;
color:#fff;
}

ul#textlist li{
list-style:none;
}

#map {
float:right;
width:400px;
height:400px;
border:5px solid #34506e;
margin:15px;

}

/* -------------------------- footer -------------------------------- */

#ft {
width:100%;
overflow:hidden;
}

p#address {
background-color:#406E9F;
margin:10px 0 10px 10px;
float:left;
font-size:0.8em;
font-weight: normal;  
line-height:2em;
}

p#bf {
background-color:#406E9F;
margin:10px;
font-size: 0.8em;
font-weight: normal;  
line-height:2em;
text-align: right;  
}

p#bf a {
color :#fff;
border-bottom: none;
font-weight: bold;
text-decoration: none;
}

p#bf a:link{
color :#fff;
border-bottom: none;
font-weight: bold;
text-decoration: none;
}

p#bf a:hover {
color: ##ff9;  
text-decoration: underline;  
}

p#bf span a,#bf span a:hover {  
font-weight: normal;  
text-decoration: none;  
}  

p#bf, p#bf a, #bf span a:hover {  
/*---- Change this colour to suit your page ---*/  
color: #ADAFA4;  
}

/* ================== contact form elements ================ */



/*===========  Used Machines Pages  ========== */

.vehicle_details {color:#fff;}

.car-list-details table {table-border:5px; padding:20px; color:#34506e; background:#fff;} 
.car-list-details table th {background:#000; color:#fff; font-weight: strong; text-align:center;}
.car-list-details table td {padding-left:20px; padding-right:20px;}
.car-details table {padding :20px;}

.car-details-right ul {color:#fff;}
.car-details-right ul li {list-style:none;}

.car-list-details { padding:0 20px; color:#fff;}
.car-image {padding:20px 0 0 0}

#mainimage {width:200px; height:160px;border:1px solid #fff;}
#secondaryimage {width:50px; height:40px;border:1px solid #fff;}

/* ================ links page ==================== */

#list {padding:10px 30px 10px 30px; color:#fff;}
#list img {float:left; padding-right:10px; width:94px; height:30px; border:0;}
#list li {clear:left; list-style:none; font-size:1em; font-weight:strong; padding-top:5px; }
#list li a {font-size:1.5em; font-weight:strong; padding:10px 0; }
.linktext { padding-bottom:25px; }

body#innerpages div#feature {width:220px; }

strong {font-weight:bold;  color:#8399AF;}

ul#showroom {margin:0 0 0 1.5em; }
ul#showroom li {    float:left; width:150px;  list-style:none; min-height: 150px;  vertical-align: top; margin:0 3em 2em 0;}
ul#showroom li img {background:#C2C9CF none repeat scroll 0 0; border:1px solid #23292F; padding:0.3em; }

form#contact-form {float:left; margin:1em 2em; width:30em; }
form#contact-form label {display:block; float:left; font-size:90%; font-weight:bold; width:12em; }
form#contact-form h3 {background:#7D868F none repeat scroll 0 0; border:1px solid #262B2F; color:#FFFFFF; font-size:100%; font-weight:bold; margin:0.4em 0; padding:0.5em 1em; }
form#contact-form p {font-size:90%; padding-left:0; }
form#contact-form input, form#contact-form select, form#contact-form textarea {padding:.2em;}
form#contact-form input {width:20em;}
form#contact-form select {width:20.7em;}
form#contact-form textarea {width:31em; margin:.8em 0 0}
form#contact-form fieldset {margin:0.5em 0 2em;}
#verification_img {margin:0 0 0 9.8em;}
#verification_code {width:13.5em!important;}
form#contact-form button {background:#04121F; color:#FFF; border:none; padding:.3em .5em; height:2em; margin:0 0 0 9.8em;}
form#contact-form span {color:#DF0000}

ul#used-machinery {margin:0 0 0 1.5em; }
ul#used-machinery  a {text-decoration:underline; }
ul#used-machinery li {display:inline-block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 3em 2em 0; min-height:450px; vertical-align:top; width:160px; }
ul#used-machinery li img {background:#C2C9CF none repeat scroll 0 0; border:1px solid #23292F; margin-bottom:0.5em; padding:0.3em; }
ul#used-machinery h4 {font-size:157%; font-weight:normal; margin-bottom:0.3em; }
ul#used-machinery  p {width:100%; font-size:90%; padding:0;}

p.intro {padding:0 20px 15px;    }

ul#used-mac {margin:0 0 0 1.5em; }
ul#used-mac a {text-decoration:underline; }
ul#used-mac li {display:inline-block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 2em 0; min-height:334px; vertical-align:top; width:199px; }
ul#used-mac li img {background:#C2C9CF none repeat scroll 0 0; border:1px solid #23292F; margin-bottom:0.5em; padding:0.3em; }
ul#used-mac table {border-collapse:collapse; font-size:94%; width:108%; }
ul#used-mac table th, ul#used-mac table td {border:medium none; padding:0 0.5em 0 0; }
ul#used-mac table tr {background:#C2C9CF none repeat scroll 0 0; float:left; padding:0.5em; width:80%; }
ul#used-mac table tr.odd {background:#04121F none repeat scroll 0 0; color:#FFFFFF; }
ul#used-mac table th, ul#used-mac table td  {border:none;}
ul#used-mac table th {font-weight:bold;}
ul#used-mac h4 {color:#FFFF33; font-size:133%; font-weight:normal; margin-bottom:0.2em; }
.car-image { padding:0;}

div#art-container {float:left; margin:0 0 0 1.5em; width:31em; }
div#scrolling-content {color:#FFFFFF; font-size:91%; line-height:1.7; }
div#art-container table {border-collapse:collapse; font-size:94%; width:120%; }
div#art-container table th, div#art-container table td {border:medium none; padding:0 0.5em 0 0; }
div#art-container table tr {background:#C2C9CF none repeat scroll 0 0; float:left; padding:0.5em; width:80%; }
div#art-container table tr.odd {background:#04121F none repeat scroll 0 0; color:#FFFFFF; }
div#art-container table th, div#art-container table td  {border:none;}
div#art-container table th {font-weight:bold;}
div#art-container h4 {color:#FFFF33; font-size:177%; font-weight:normal; margin-bottom:0.2em; }

div.images-frame {float:right; margin-top:2.4em; width:30em; }
div.images-frame img, .news_img {background:#C2C9CF none repeat scroll 0 0; border:1px solid #23292F; margin:0 0.3em 0.5em 0; padding:0.3em; }

div#ft {float:left; width:100%;}
.news_img {margin: 0em}
div.img-cont {float:right; width: 18em;}
div.specials-cont {float:left; width: 50em;}
div.specials-wrapper {float:left; width:100%; font-size:90%; margin: 0 0 0 2em;}
div.specials-wrapper h2 {margin-bottom:.5em; padding:0;}
div.specials-wrapper  p {padding-left:0; font-size:100%; line-height:1.9}

p {font-size:93%; line-height:1.8;}

div#testimionials {background:#14222F none repeat scroll 0 0; color:#FFFFFF; float:right; line-height:1.5; margin:23px 23px 40px; padding:20px; width:19em; }
div#testimionials dt {color:#8FA7BF; font-size:125%; }
div#testimionials dd {font-size:95%; margin:12px 0; }
div#testimionials cite {font-style:italic;  color:#8399AF}


#nav-main, #nav-main ul {
background:#34506E none repeat scroll 0 0;
float:left;
line-height:1.5em;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
width:100%;
z-index:9999;
}

#nav-main a {
color:#FFFFFF;
display:block;
padding:5px 15px;
text-decoration:none;
}

#nav-main a:hover{
background-color:#fff;
color:#333;
}

#nav-main li{
float:left;
position:relative;
list-style:none;
}

#nav-main ul {
display:none;
position:absolute;
top:25px;
width:172px;
}

#nav-main li ul a {
float:left;
height:auto;
width:142px;
}

#nav-main ul ul{
top:auto;
}	

#nav-main li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav-main li:hover ul ul, #nav-main li:hover ul ul ul, #nav-main li:hover ul ul ul ul{
display:none;
}
#nav-main li:hover ul, #nav-main li li:hover ul, #nav-main li li li:hover ul, #nav-main li li li li:hover ul{
display:block;
}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    
    
/* -- Machinery For Hire Page -- */

.hireWrapper {
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #04121F;
	width: 790px;
}

h4.modelName {
	font-size: 16px !important;
	color: #ffff33!important;
	text-transform: uppercase;
	float: left;
	margin-bottom: 10px !important;
	width: 790px;
}

.modelImage {
	float: left;
	width: 175px;
	background: #C2C9CF none repeat scroll 0 0;
	border: 1px solid #23292F;
	padding: 0.3em;
}

table.hireInfo {
	float: left;
	margin-left: 20px;
	width: 560px !important;
	padding: 0 !important;
	margin-top: 1px;
}

table.hireInfo tr {
	width: 560px !important;
}

table.hireInfo th {
	width: 110px;
}

.infoHire {
	float: left;
	width: 770px;
	margin-bottom: 10px;
}

a.hireMoreInfo {
	clear: both;
	float: right;
	color: #ffff33;
}