/*********** nww-style bop35 web design studio nickswebworks nick sharpe 122310 -010611 ******/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define visible focus styles! 
:focus {outline: ?????;} */

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/*************************************************** END RESET  ************************************************/

/*** © 2012 NicksWebWorks.com - css by Nick Sharpe updated 120812 *************/
body, html { height: 100%; }

body {min-width: 100%;height:100%;font-family: Arial, helvetica, sans serif;color:#323232;/*background-image:url("https://www.dennisbuyscars.com/images/cornblu-grad-768x11.gif");background-repeat:repeat-x;*/}
strong, th, h1,h2,h3,h4,h5,h6 {font-weight: bold;}
em{font-style:italic;font-weight:500;}
h1{font-size:152%;margin:0;padding:0px;}			
h2{font-size:132%;margin:0;padding:0;line-height:1.2em;}
h3{font-size:112%;margin:10px 0 5px 0;padding:0;font-weight:bold;}
h4{font-size:95%;padding:0;font-weight:bold;}
h4 em{font-style:oblique;}
p{font-size:1em;margin:0;padding:0;}
.cca{margin:0;padding:0;color:#19bfff;font-weight:bold;font-size:122%;}
.ccablue{color:#00aeff;}
.bold{font-weight:bold;}
 @font-face {font-family: avenir ; src: url( 'https://www.dennisbuyscars.com/fonts/avenir_65_medium.otf' ) format("opentype"); }      
    /* Then use it like you would any other font */  
.avenir{font-family: Avenir, Arial, helvetica, sans-serif;  }
.quote{font-size: .9em;font-style: italic;font-family: Georgia, serif;}
/*************************** LAYOUT *********************************/

#container{position:relative;top:0;margin:0 auto;width:1024px;height:auto;background-color:#fff;}		
#wrapper {position:relative;width:1024px;height:auto; top:0;margin:0 auto;padding:0;}

#header { height:114px; width: 1024px;margin: 0 auto;padding: 0px 17px 0 0px;}
#logo { width: 360px; float: left;font-size: 0; line-height: 0;}
#logo a { height: 110px; display: block; background: url("https://www.dennisbuyscars.com/images/dbc-321-head-blk-500x155.png") no-repeat 0 0; background-size: contain; text-indent: -9999px;}

.search { float: right;margin-top: 20px;width: 280px;}
.search h2{font-size: 1.2em;margin: 0 0 5px;padding: 0;color: green;}
.search p {text-align: left;font-weight: bold;margin-bottom: 10px;}

.tagline em{position:absolute; top:55px;left:50px;*left:120px;width:220px;height:18px;margin:0;padding:0;color:#424242;font-family:trebuchet;font-weight:100;font-style:oblique;font-size:.8em;display:none;}
.phonebox{position:absolute;top:10px;right: 0;width:400px;height:30px;margin:0 auto;color:#00aeff;font-style:italic;font-size:1.5em;font-weight: 200;padding:5px 0px;}
ul {list-style-type:none;}
ul.socials{position:relative;top:0px;left:0px;margin:0;padding:0;width:520px;height:40px;}
ul.socials li{display:inline;margin:0 10px 0 0;padding:0;color: #49873F;}
ul.socials li a{float:left;text-decoration:none;margin:0 10px 0 0;padding:0;border: none;}
ul.socials li a:hover{color:orange;}

/***************************** NAVIGATION TOP NAV UL ******************************** */

#navigation { height: 62px;width: 100%;margin: 0 auto; padding-top: 4px; font-family: 'Ubuntu', sans-serif; font-weight: 700; background: url(images/navigation.png) repeat-x 0 0; box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -o-box-shadow: 0px -1px 2px rgba(0,0,0,0.1);}
#navigation ul { height: 42px;width: 1024px;margin: 0 auto; padding-top: 4px;list-style: none; list-style-position: outside;position: relative;left: 0;}
#navigation ul li { float: left; padding-right: 2px; line-height: 52px;/* background: url(images/nav-border.png) no-repeat right 0; */ font-size: .85em; text-transform: uppercase; }
#navigation ul li a { display: block; padding: 0 22px 0 8px; color: #878787; text-decoration: none; }
#navigation ul li a:hover,
#navigation ul li.active a  { text-decoration: none; color: #2b9208; }
#navigation ul li.first a { padding-left: 28px; }
#navigation a.nav-btn { display: none; }

ul {list-style-type:none;}
ul#topnav{margin:0;padding:0;width:980px;height:20px;}
ul#topnav li{display:inline;margin:0;padding:0 0 3px 0;color:#e8e8e8;font-family:Arial; text-transform:uppercase;font-size:.85em;}
ul#topnav li a{float:left;text-decoration:none;padding:0 10px 10px 10px;color:#666;}
ul#topnav li a:hover{color:orange;}						
ul#topnav li.current a{color:#00aeff;font-weight:bold;font-size:1.1em;} 

/************** VALUEPROP ***************************************************/

#valueprop{width: 100%;height:300px;padding:0;margin:30px 0 0;}
#valueprop h3{margin:5px;padding:10px;font-size:36px;line-height:4px;color:#264380;letter-spacing:.1em;text-shadow:1px 1px 1px #333;font-style:oblique;}

#slider-wrap{position:relative;top:0;width:1024px;height:280px;margin:0 auto;padding:0;}
#slider-wrap a{color: #fff;text-decoration: none;}

h2{font-size: 36px;font-family: Avenir, arial, helvetica, sans-serif;color: #264380;margin: 10px 0 0 0;}
h2#complete{margin-bottom: .5em;color: #ffffff;font-size: 36px;line-height: 50px;font-weight: 400;font-family: 'Kaushan Script', cursive;}

/********* VP Buttons   ********************/
    #slider-wrap h2.vplearn{position: absolute;top:180px;left: 0px;width: 180px;padding: 0 0 30px 10px;font-style: italic;font-size: 1.5em;font-weight: 500;}
    #slider-wrap h2.vpstarted{position: absolute;top:180px;left: 220px;width: 180px;padding: 0 0 30px 10px;font-style: italic;font-size: 1.5em;font-weight: 500;} 
	
/**************** MAIN *******************/
.main a.m-btn-grey { display: none; }

.main { padding: 47px 0px 0px;  background: url(images/main.png) repeat-x 0 0; }
.main h2 { font-size: 22px; color: #2d5900; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main h3 { font-size: 18px; color: #5e5e5e; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500;  }
.main section { clear: both; background: url(images/section-shadow.png) no-repeat center bottom; padding: 0 20px 60px; }

section{width: 100%;height:auto;padding:30px 0;background-color: #eee;}/*box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1) inset;background: none repeat scroll 0% 0% rgb(238, 238, 238);}*/

.feature-home{width:988px;height:auto;margin:0 auto;padding:0px 10px 30px;}

#box3{position:relative;top:0;left:0;width:1024px;height:400px;margin:0;padding:0;color:#666;text-align:left;}
#box3 h3{font-size: 1.8em;margin-bottom: 20px;color: #0071ef;font-family:Avenir, Arial,Helvetica,sans-serif;font-weight: 600;}
#box3 hr{height:1px;background-color:#0e3c51;}                        
#boxa{position:absolute;top:0;left:10px;}        
#boxb{position:absolute;top:0;left:365px;}        
#boxc{position:absolute;top:0;right:10px;}                                      
#boxa, #boxb, #boxc{width:300px;height:380px;margin:0 0 20px 0;padding:20px 0;} 
.orange{margin:0;padding:5px 0 0 5px;height:15px;color:#424242;font-size:1.07em;font-weight:bold;text-transform: uppercase;text-shadow:1px 1px 1px #fff;}

#box3 p{ margin-top:10px;font-size: 1em;line-height: 1.5em;}

/* from dbc */
ul.list{position:relative;top:10px;left:0;margin:0 0 20px 0;padding:0;width:300px;height:180px;list-style:disc inside;}
ul.list li{margin-top:-2px;padding:0;color:#000;font-size:1em;line-height:2em;font-weight:bold;text-transform:uppercase;text-align:left;font-family:'lucida sans unicode', sans-serif;} ul.list a{color:green;text-decoration:none;}

#fancy-quote{position:relative;top:0;margin:0 auto;padding:0;width:940px;height:60px;}
#fancy-quote p{width:820px;margin: 0 auto;font-size:1.3em;line-height: 1.5em;text-align:center;font-family:Georgia;font-style: italic;}

div.feature-home h2{font-weight: 100;}
p.featuretxt{color:#666;text-align:justify;margin:10px 0;padding: 0;font:1em/1.5em Avenir, Arial, Tahoma, sans-serif;font-weight: 100;}
p.home-txt{font-size: 48px;color: rgb(102, 102, 102);}
.feature-home h3{padding:0 0 0 10px;}
.feature-home h4{padding:0 0 0 10px;}
.feature-home h5{margin-top: 10px;padding:0 0 0 10px;}
.featuretxt{padding:0 0 0 10px;}
.post-img{float:right;width: 300px;margin:0;padding: 10px;}
.post-img img{width: 300px;}

.post-cnt{width: 620px;height: auto;margin: 0;}

ol.whysell{list-style: decimal inside;}

div#logo .post-img{width: 380px;}
div#logo .post-img img{width: 320px;}
div#logo .post-cnt{width:480px;}

#feature{position:relative;top:0;left:0;margin:10px;padding:0;width:300px;height:auto;border:2px solid #e1e1e1;-moz-border-radius: 12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
#feature ul{display:block;}#feature ul li{margin:5px auto;padding:10px 0 0 0;width:260px;height:auto;font-size:1em;font-weight:bold;text-align:center;border:1px solid #666;background-color:#0071ef;}
#feature ul li a{text-decoration:none;color:#fff;border:none;}
#feature ul li a:hover{display:block;text-decoration:none;color:#0000ff;background-color:#00b25a;margin:-10px 0 0px;padding:10px 0 0 0;width:260px;height:30px;font-size:1em;font-weight:bold;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #999;border-radius:7px;-webkit-box-shadow:4px 5px 5px #888888; /* Safari and Chrome */}

ol.whysell li{margin-bottom: 1em;}

/* ******** END MAIN DIV ****************/
/******************CSS3 BUTTONS *****************/
h2.getstarted{text-decoration: none;color:#fff;width:200px;height:20px;margin:15px auto 0;padding:7px 0 8px 20px;font-size:1.4em;font-family:Ubuntu, arial, helvetica sans-serif;font-weight:700;border:1px solid #999;
border-radius:7px;
-webkit-box-shadow: 3px 3px 5px #333; /* Safari and Chrome */
box-shadow: 3px 3px 5px #333;
background: rgb(64,196,39); /* Old browsers */}
h2.getstarted a:hover{display:block;color:#fff;height:20px;margin:0px 0 0 -20px;padding:7px 0 10px 20px; text-decoration:none;font-size:1em;letter-spacing: -.02em;font-family:arial, helvetica sans-serif;font-weight:700;border:1px solid #999;
border-radius:7px;
-webkit-box-shadow: 4px 5px 5px #888888; /* Safari and Chrome */
box-shadow: 4px 5px 5px #888888;
background: #5c8756; /* Old browsers */}

h3.readmore, #full980 h3.readmore{color:#fff;width:160px;height:20px;margin:15px auto 0;padding:7px 0 8px 20px;font-size:1.1em;font-family:Ubuntu, arial, helvetica sans-serif;font-weight:700;border:1px solid #999;
border-radius:7px;
-webkit-box-shadow: 4px 5px 5px #888888; /* Safari and Chrome */
box-shadow: 4px 5px 5px #888888;
background: rgb(180,221,180); /* Old browsers */}
h3.readmore a:hover{display:block;color:#fff;width:160px;height:20px;margin:-10px 0 0 -20px;padding:7px 0 20px 35px; text-decoration:none;font-size:1em;font-family:arial, helvetica sans-serif;font-weight:700;border:1px solid #999;
border-radius:7px;
-webkit-box-shadow: 4px 5px 5px #888888; /* Safari and Chrome */
box-shadow: 4px 5px 5px #888888;
background: #5c8756; /* Old browsers */}

div.bottomquote{float: left;}
	
div#footer{position:relative;top:0px;left:0;width: 100%;height:200px;padding:20px 0;background-color:#e1e1e1;}			
#footer p{color:#24749f;margin:5px;font-size: .75em;letter-spacing: 2px;text-align:center;padding: 10px 2px 10px 2px;}
#footer a:link{color:#24749f;}			
#footer a:visited{color: #0060ff;}
#footer a:hover{color: #00FFFF;}
#footer p img{vertical-align:sub;}		
/************************************** QUICK-LINKS *******************************************/

#quick-links{margin:0 auto;font:9px Verdana,Arial,Helvetica,sans-serif;color:#4f5773;text-decoration:none;vertical-align:top;text-align:center;width:840px;height:40px;}
#quick-links a,#quick-links a:hover,#quick-links a:active,#quick-links a:visited{color:#4f5773;}

/*************************************** FOOTNAV  ********************************************/
		
ul{list-style-type:none;}
ul#footnav{position:relative;top:10px;margin:0 auto;width:1024px;height:25px;padding:0;}
ul#footnav li{float:left;margin:0;padding:0 0 3px 0;color:#3d73b3;font-family:Arial; text-transform:uppercase;font-size:.8em;}
ul#footnav li a{text-decoration:none;padding:0 10px 10px 10px;}
ul#footnav li a:hover{color:#ffc19f;text-shadow:1px 1px 1px #000;}						
ul#footnav li.current a{color:#6699ff;font-weight:bold;} 
ul#footnav li a:visited {color: #24749f;}
			
/* #Media Queries
================================================== =====================================================================================*/

@media only screen and (max-width:767px) {body { width: auto; }
	.shell { width: 320px; margin: 0 auto;  }
        #container{position:relative;top:0;margin:0 auto;width:320px;height:auto;background-color:#fff;}		
        #wrapper {position:relative;width:320px;height:auto; top:0;margin:0 auto;padding:0;}
        
	#header{position: relative; top: 0;left: 0;margin: 0;padding:0; width:100%;height: 50px;}
        h1#logo a { background: url(images/dbc-401-logo-blu-grn-250.png) no-repeat 0 0; -webkit-background-size: 250px 23px; -moz-background-size: 250px 23px; background-size: 250px 23px;  }

	.logo {position: relative;top: 0;left: 0; display: block; margin: 0; padding: 0 0 0 0;height:30px;width: 200px;}
        .logo img{width:200px;height:50px;background-image: url(https://www.dennisbuyscars.com/images/dbc-401-logo-blu-grn-250.png);}
        .logo h1{display: none;}
        .logo h2{display: none;}
        #tagline{display: none;}
/**/    .phonebox{display: none;}

	.search { display: none; }/**/
/*.search{position: relative;top: 0;left:40px;width: 240px;}
.search .addy{display: none;}
        ul#topnav{display: none;}*/

	#navigation { padding: 0 0 0 0; height: 36px; }
	#navigation a.nav-btn { display: block; font-size: 13px; line-height: 36px;  padding-top: 0px; height: 28px; padding-left: 22px; text-transform: uppercase; color: #2b9208; font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span.arr { background: url(images/nav-arr.png) no-repeat 0 0; width: 13px; height: 9px; position: absolute; right: 14px; top: 12px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr.png) no-repeat 0 bottom; }

	#navigation { position: relative; z-index: 1000; }
	#navigation ul { display: none; position: absolute; top: 36px; left: 0;  width: 100%;}
	#navigation ul li { display: block; line-height: 36px !important; float: none; background: url(images/navigation.png) repeat 0 0;  }
	#navigation ul li a { padding: 0 22px; }
	#navigation ul li.first a { padding-left: 26px; display: none;}
        
        
        #valueprop{width: 100%;height:300px;padding: 0px 0px 0px;margin-bottom: 0px;border: 1px solid;background: none;}
        #slider-wrap{position:relative;top:0;width:100%;height:280px;margin:0;padding:0;}
        h2{font-size: 36px;font-family: Avenir, arial, helvetica, sans-serif;color: #0071ef;margin: 10px 0 0 0;}
        h2.vplearn{width: 80px;}
        
        #slider-wrap h2.vplearn{position: absolute;top:140px;}
        #slider-wrap h2.vpstarted{position: absolute;top:180px;left: 200px;width: 180px;padding: 0 0 30px 10px;font-style: italic;font-size: 1.5em;font-weight: 500;} 
	
        section{padding: 0px;}
        section.box3{height: auto;margin-top: 0px;}
        
        #box3{position:relative;top:0;left:0;width:100%;height:auto;margin:0;padding:0;color:#666;text-align:left;}
        #box3 h3{font-size: 1.8em;margin-bottom: 20px;color: #0071ef;font-family:Avenir, Arial,Helvetica,sans-serif;font-weight: 600;}
        #box3 hr{height:1px;background-color:#0e3c51;}                        
        #boxa{position:relative;top:0;left:10px;}        
        #boxb{position:relative;top:0;left:10px;}        
        #boxc{position:relative;top:0;left:10px;}                                      
        #boxa, #boxb, #boxc{width:300px;height:350px;margin:0;padding:0 0 30px 0;}
        
        ul.list{position:relative;top:10px;left:0;margin:0 0 20px 0;padding:0;width:300px;height:180px;list-style:disc inside;}
        ul.list li{margin-top:-2px;padding:0;color:#000;font-size:1.1em;line-height:1.5em;font-weight:bold;text-transform:uppercase;text-align:left;font-family:'lucida sans unicode', sans-serif;} ul.list a{color:green;text-decoration:none;}

        
        /************ FEATURE HOME *******************************/
        
        /*.feature-home{width:300px;height:auto;margin:0 auto;padding:10px;}*/
      /* #fancy-quote{position:relative;top:20px;margin:30px auto 60px;width:240px;height:60px;padding:30px;}*/
      
        #feature{position:relative;top:0;left:0;margin:0px;padding:0;width:280px;height:auto;}

        div.feature-home h2{font-weight: 100;}
        p.featuretxt{color:#666;text-align:left;margin:10px 0;padding: 0px 27px 20px 0px;font:18px/24px Arial, Tahoma, sans-serif;font-weight: 100;}
        p.home-txt{font-size: 48px;color: rgb(102, 102, 102);}
        .feature-home h3{padding:0 0 0 10px;}
        .feature-home h4{padding:0 0 0 10px;}
        .feature-home h5{margin-top: 10px;padding:0 0 0 10px;}
        .featuretxt{padding:0 0 0 10px;}
        .feature-home p{text-align:left;margin-bottom: 10px;padding: 0;font:16px/20px Arial, Helvetica, sans-serif;}


	.main {padding: -10px 0 0 0; }
	.main section { background: url(images/m-section-shadow.png) no-repeat center bottom; padding: 0 20px 20px 20px; }
	.main .cols { margin: 0 0 0 0; }
	.main .cols .col { width: 188px; float: none; display: block; padding-bottom: 22px; margin: 0 auto; }
	.main .cols .col img { float: none; display: block; margin: 0 auto; }
	.main .cols .col + .col { padding-left: 0px; }
	.main .cols .col-cnt { text-align: center; float: none; display: block;  }
	.main a.m-btn-grey { display: block; background: url(images/m-btn-grey.png) repeat-x 0 0; margin: 0 10px 14px;  height: 39px; text-align: center; line-height: 39px; border: 1px solid #9e9f9f; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; display: block; font-weight: bold; font-size: 18px;  color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
	.main a.m-btn-grey:hover { background-position: 0 bottom; text-decoration: none; }

	.main .post  { background: url(images/m-section-post.png) no-repeat center bottom; padding-top: 0px; padding-left: 20px;   }
	.main .post .video-holder { width: 280px; height: 242px; float: none; display: block;  margin: 0 auto 10px;line-height: 1.4em;  }
	.main .post .video-holder img { width: 280px; }
	.main .post .video-holder li img { width: 28px; height: 28px; }
	.main .post-cnt { float: none; display: block;  width: 100%; }
	.main .post-cnt p strong { display: block; padding-bottom: 12px; }

	.testimonial h2 { font-size: 21px; }
	.testimonial p.author { text-align: center; }
        
        div#footer{height: auto;}
        div#footer p.keys{display: none;}
	#footer h2 { padding-bottom: 12px; }
	.footer-cols { padding-left: 10px; padding-right: 0; padding-bottom: 0; }
	.footer-cols .col { width: 150px; float: none; display: block; padding-bottom: 22px; }
	.footer-cols .col + .col { padding-left: 0px; }
	.footer-cols .col ul li { font-size: 12px; }

	.footer-bottom { height: 58px; }
	.footer-bottom { padding: 10px 9px 20px; height: 100%; }

	.footer-bottom .footer-nav { float: none; display: block; text-align: center; padding: 0 0px 18px; }
	.footer-bottom .footer-nav ul li { padding: 0 4px; border: 0; font-size: 10px !important;  }

	.footer-bottom p.copy { float: none; display: block; text-align: center;  }
	.footer-bottom p.copy strong { display: block;  padding-top: 10px; }
	.footer-bottom p.copy span { display: none; }
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 

	#navigation a.nav-btn span.arr { background: url(images/nav-arr@2x.png) no-repeat 0 0; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr@2x.png) no-repeat 0 bottom; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
	.search{position: relative;top: 0;margin: 0 auto;text-align: center;}
	h1#logo a { background: url(images/dbc-401-logo-blu-grn-250.png) no-repeat 0 0; -webkit-background-size: 81px 23px; -moz-background-size: 81px 23px; background-size: 81px 23px;  }
}