/*  
Theme Name: 'North Texas Cash for Cars'
Theme URI: 
Description: 'North Texas Cash for Cars'
Author: 'Marco-Mainstream Media Works'
Author URI: ''
Version: 1.0Theme Name: North Texas Cash for Cars
Theme URI:
Description:  
Version: 0.1
Author: 
Author URI: #
*/
@charset "utf-8";
/* CSS Document */

html, body, div, span, ul, li, a, img, p, input, h1, h2, h3, select { margin:0px; padding:0px; border:0px; }

body { background:url(images/bggrey.gif) repeat; }

.clear     { clear:both; }
.container { width:1000px; margin:0px auto; }

#top       { 
				background:-moz-linear-gradient(top, #080808 0%, #111111 100%); 
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#080808), color-stop(100%,#111111)); 
				background:-webkit-linear-gradient(top, #080808 0%,#111111 100%); 
				background:-o-linear-gradient(top, #080808 0%,#111111 100%); 
				background:-ms-linear-gradient(top, #080808 0%,#111111 100%); 
				background:linear-gradient(to bottom, #080808 0%,#111111 100%); 
				filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#111111',GradientType=0 );
				border-bottom:solid 5px #ffea00;
				padding:20px 0px 0px 0px; 
		   }
#logo      { float:left; padding:0px 0px 20px 10px; }
#cont      { 
				background:url(images/iconphone.png) no-repeat left;
				padding:0px 0px 0px 50px; 
				float:right; 
				font-family: 'Roboto', sans-serif; 
				color:#FFF; 
				font-size:18px; 
				text-transform:uppercase;  
				line-height:1em;
				width:140px;
		   } 
#cont .yel { color:#ffea00; font-weight:bold; }

#nav {
			background:-moz-linear-gradient(top, #2f2f2f 0%, #060606 100%); 
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2f2f), color-stop(100%,#060606)); 
				background:-webkit-linear-gradient(top, #2f2f2f 0%,#060606 100%); 
				background:-o-linear-gradient(top, #2f2f2f 0%,#060606 100%); 
				background:-ms-linear-gradient(top, #2f2f2f 0%,#060606 100%); 
				background:linear-gradient(to bottom, #2f2f2f 0%,#060606 100%); 
				filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#060606',GradientType=0 );
				font-family: 'Roboto', sans-serif; 
				border-top:solid 1px #6e6e6e;
				border-left:solid 1px #6e6e6e; 
				border-right:solid 1px #6e6e6e; 
                                z-index:6; 
                                position: relative;
                                text-transform:uppercase; 
                                margin-top:10px;    
	 }
	 
#nav > ul {
	display:block;
	
	width:100%;
}

#nav > ul > li {
	list-style: none;
	
	border-right:solid 1px #6e6e6e; 
	float: left;
	padding: 20px 40px 20px 40px;
}

#nav > ul > li:hover,
#nav > ul > li > ul.sub-menu > li:hover {
	position:relative;
}

#nav > ul > li:hover > ul.sub-menu,
#nav > ul > li > ul.sub-menu > li:hover > ul.sub-menu {
	display:block;
	opacity:1;
}

#nav > ul > li:first-child {
	border-left: none;
}

#nav li a {
	color: #fff;
	text-decoration: none;
}

#nav > ul > li > ul.sub-menu,
#nav > ul > li > ul.sub-menu > li > ul.sub-menu {
	font-size:12px;
	
	position: absolute;
	top:55px;
	z-index:100;
	width: 200px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
	border:none; color:#ffd27c !important;
	
}

#nav > ul > li > ul.sub-menu {
	top:100%;
	left:0;
}

#nav > ul > li > ul.sub-menu > li > ul.sub-menu {
	top:0;
	left:100%;
	  
}

#nav > ul > li > ul.sub-menu > li,
#nav > ul > li > ul.sub-menu > li > ul.sub-menu > li { 
	background: #212020; 
	display: block; 
	color:#fff;
	text-shadow: 0 -1px 0 #000;
	border:none;
	width: 200px;
        padding:10px;
}


#slider { }

#scroll { background: url(images/bgin.gif) repeat; padding:10px 0px 10px 0px;  }
#scroll .line { background:#ffea00; width:100%; height:1px; }
#scroll .thumbs { float:left; padding:10px 8px 10px 8px; }

h1   { font-size:30px; font-family: 'Roboto', sans-serif; color:#191919; margin:0px 0px 10px 0px;  }
h1 a { color:#191919; text-decoration:none; }

h2   { font-size:20px; font-family: 'Roboto', sans-serif; color:#191919; margin:0px 0px 5px 0px; }
h2 a { color:#191919; text-decoration:none; }

h3   { font-size:20px; font-family: 'Roboto', sans-serif; color:#191919; margin:0px 0px 5px 0px; }
h3 a { color:#191919; text-decoration:none; }

#content { background:#FFF; padding:10px 0px 10px 0px; }

#cont_left  { width:620px; float:left; padding:20px 15px 0px 15px; }
#cont_left p { font:12px Arial, Helvetica, sans-serif; color:#1d1c1c; text-align:justify; line-height:1.5em;  }
#cont_left input, textarea { border:solid 1px #CCC; padding:2px 2px 2px 2px; }

#cont_right { width:330px; float:left; padding:0px 20px 0px 0px;  }
#cont_right ul { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#191919;  }
#cont_right li { list-style:none; padding:0px 0px 3px 0px; }
#cont_right li a { text-decoration:none; color:#191919; }
#testi {
		   background:#e7e7e7;
	      -moz-border-radius: 15px;
	      -webkit-border-radius: 15px;
	      -khtml-border-radius: 15px;
	      border-radius: 15px;
	   	  padding:20px 0px 20px 0px;
		  	
	   }
#light    { background:#f0efef; border-top:solid 1px #FFF;  border-bottom:solid 1px #FFF;   }	   
#testi h2 { text-align:center; margin:0px 0px 0px 0px;  }	   
#testi img { text-align:center; margin:10px auto; display: block;  }
#testi .name { font:bold 14px Arial, Helvetica, sans-serif; color:#191919; text-align:center; text-transform:uppercase; margin:0px 0px 10px 0px;  }
#testi p  { font:12px Arial, Helvetica, sans-serif; color:#191919; text-align:center; padding:0px 10px 0px 10px; line-height:1.5em; }
.arrow {
float: right;
margin-right: 15px;
width: 0;
height: 0;
border-top: 20px solid #e7e7e7; /*Change colour here to match .testimonial*/
border-left: 20px solid transparent;
border-right: 0px solid transparent; /*Make this 30px to create a triangle*/
}	  



#footer    { 
				background:url(images/bgfut.gif) repeat-x #000; 
				font-family: 'Roboto', sans-serif; 
				color:#c8c4c4; 
				font-size:12px; 
				padding:0px 0px 10px 0px; 
		   } 
#footer .whitebrd { background:#FFF; height:10px; width:100%; }		   
#footer ul        { margin:0px auto; text-align:center; padding:22px 0px 22px 0px; text-transform:uppercase;  }
#footer li        { list-style:none; display:inline; padding:0px 8px 0px 8px; }
#footer li a      { color:#c8c4c4; text-decoration:none; }
#footer p         { text-align:center; padding:8px 0px 10px 0px; }
#footer .yel      { font-weight:bold; color:#ffea00; }

.responsiveMenuSelect { background:#000 !important; color:#fff; padding:10px 0px 10px 0px; }

#socs        { background:#ffffff; border-top:solid 5px #ffea00; margin:10px 0px 10px 0px;    }
#socs h2     { 
				font-family: 'Open Sans', sans-serif; 
				text-transform:uppercase; 
				padding:10px 0px 10px 0px; 
				font-weight:700; 
				color:#686868; 
				font-size:14px; 
				text-align:center; 
				border-bottom:solid 1px #dfdfdf;  
			 }
#socs ul     { width: auto; margin:0px auto; display:block; text-align:center;}			 
#socs li     { list-style:none; display:inline; margin:0px 3px 0px 3px;  }		

/* Styles for tablet and laptop */
@media (max-width: 999px) and (min-width: 768px) {
	.container { width:100%; }
	
	#logo      { float:none; }
	#logo img  { text-align:center; margin:0px auto; width:auto; display:block; }
	
    #cont      { float:none; margin:0px auto; width:100%; padding:0px 0px 10px 0px; background:none; text-align:center; }
	
	#slider img { width:100%; }
	
	#scroll .thumbs { float:none; padding:10px 0px 10px 0px; margin:0px auto; display:block;   }
	
	#content { padding:0px 10px 0px 10px; }
	
	#cont_left    { width:100%; float:none; padding:10px 0px 10px 0px;   }
	#cont_left h1 { text-align:center; }
	#cont_left p  { text-align:center; }
	
	#cont_right { width:100%; float:none; padding:0px 0px 0px 0px; }
	#cont_right h2 { text-align: center; } 
	#cont_right li { text-align:center; padding:0px 0px 3px 0px; }
	
	#footer ul { padding:15px 0px 0px 0px; }
	
	::-webkit-scrollbar { display: none; }
    ::-moz-scrollbar { display: none; }
}

/* Styles for mobile */
@media (max-width: 767px) {
	.container { width:100%; }
	
	#logo      { float:none; } 
	#logo img  { text-align:center; margin:0px auto; width:auto; display:block; }
	
	#cont      { float:none; margin:0px auto; width:100%; padding:0px 0px 10px 0px; background:none; text-align:center; }
	
	#slider img { width:100%; }
	
	#scroll .thumbs { float:none; padding:10px 0px 10px 0px; margin:0px auto; display:block; }
	
	#content { padding:0px 10px 0px 10px; }
	
	#cont_left    { width:100%; float:none; padding:10px 0px 10px 0px; }
	#cont_left h1 { text-align:center; }
	#cont_left p  { text-align:center; }
	
	#cont_right { width:100%; float:none; padding:0px 0px 0px 0px;  }
	#cont_right h2 { text-align: center; } 
	#cont_right li { text-align:center; padding:0px 0px 3px 0px; }
	
	#footer ul { padding:15px 0px 0px 0px; }
	
	::-webkit-scrollbar { display: none; }
    ::-moz-scrollbar { display: none; }
}