@charset "utf-8";
/*

Theme Name: HID Retrofit
Theme URI: http://www.iamjasz.com
Description: Custom wordpress theme for HIDRetrofit.net. PLEASE DO NOT EDIT THIS AS A RESPECT TO THE THEME DEVELOPER.
Tags: HIDRetrofit, iamJASZ, Jasz Cawil, Light, Clean, Business, Car, Reponsive
Author: Jasz
Author URI: http://www.jasz.ml
Version: 1.0

*/
	/* RESET
	----------------------------------------------------------------------------------------------- */
	
	html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, address, code, img, small, dl, dt, dd, ol, ul, li,
	fieldset, form, textarea, label {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		text-decoration: none;
		list-style: none;
		text-align: left;
		font-weight: normal;
		}
	
		h1, h2, h3, h4, h5, h6{
			font-weight:normal;
			margin:0;
			line-height:1.1em;
			clear:both;
			}
		
		h1{font-size:2em;margin-bottom:.5em;}	
		h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
		h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
		h4{font-size:1.25em;margin-bottom:.6em;}
		h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
		
		p, blockquote, ul, ol, dl, table, pre{line-height:inherit;margin:0;}
		
		dl {padding:5px;}
		/* dt {margin:0 0 5px 10px;} */
		dd {padding:0 0 0 2em;}
		
		ul, ol, dl{padding:0;}
		ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
		li{margin:0; padding:0; list-style:none;}
		/*
		abbr[title], acronym[title]{cursor:help;}
		*/
		blockquote {padding:0 0 0 2em;}
		pre, code, samp, kbd, var{font:100% mono-space,monospace;}
		pre{overflow:auto;}
		abbr, acronym{
			text-transform:uppercase;
			border-bottom:1px dotted;
			letter-spacing:1px;
			cursor:help;
			}
		fieldset{
			border:1px solid #ccc;
			padding:1em 2em;
			margin:0 0 1.5em 0;
			}
			
		ins{text-decoration:none;color:#900;font-style:italic;}
		
		small{font-size:.9em;}
		sup, sub{font-size:.8em;}
		em, cite, q{font-style:italic;}
		hr{display:none;}	
		table{width:100%;border-collapse:collapse;}
		th, td, caption{text-align:left; padding:2px;}
		label{display:block; padding:5px 0;}
		legend{font-weight:bold;}
		input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 10px; border:0;}
	
	/* END RESET
	----------------------------------------------------------------------------------------------- */
	body {				width:100%;
		font-family: 'Source Sans Pro', Arial, Helvetica, Sans-Serif;
		font-size: 15px;
		line-height: 1.5em;
		color: #323334;
		font-weight: normal;
		padding: 0;
		margin: 0;
		}
		
	#wrapper {
		/*overflow:hidden;*/
		margin:0 auto;
		padding: 0;
		width: 100%;
		height: auto;
		}
		
	a {color:#efefef; text-decoration:none;}
	a:hover {color:#fff; text-decoration:none; }
	
	
	p {margin:0 0 20px 0;}
	
	.bg-1 {
		background: #f2f2f2;
		}
		
	.bg-2 {
		background: #f2f2f2 url(Images/bg-2.jpg) no-repeat;
		}
		
	/* LAYOUT
	--------------------------------------------------------------------- */

	#header {display:inline-block;
		padding: 0;
		width:100%
		}
		
		.top {
			width:auto;
			height:200px;
			margin: 0 0 0 100px;
			/*background: url(Images/header-bg.png) top center no-repeat;*/
			}
			
			.top .logo {float:left; width:50px; margin:30px 100 0 0;}
			.top .quick-contact {float:right; width:303px; margin:66px 50px 0 0;}
		div.navBg {
			width: 100%;
			height: 35px;
			background:#323334;}	
		ul.nav {
			width: 960px;
			margin:0 auto;
            padding-left:10px;
			color:#fff;
			}
			
			ul.nav li {
				float:left;
				padding:0;
				margin-top:7px;

				border-right:1px solid #767676;
				line-height:1.3
				}
				
			ul.nav li:last-child {border-right:0;}

                 ul.navfb {
			float:right;
			background:#323334;
			color:#fff;
			}
			
			ul.navfb li {
				float:right;
				padding:0 21px 0 20px;
				margin-top:13px;
				border-right:1px solid #767676;
				line-height:1.3
				}
				
			ul.navfb li:last-child {border-right:0;}
	
		div.tabletMenu {display:none;padding:0 10px}
		div.tabletMenu select {width:100%;margin:0 auto;padding:10px 0;background:#323334;color:#FFF;text-align:center;}
		div.tabletMenu select option {color:#FFF}
		div.car {
			width: 960px;
			margin:0 auto;
			height: 396px;
			}
			
			div.car2 {
			width: 100%;
			margin:0 auto;
			height:480px;
			background: #f2f2f2 url(Images/divider-1.png) repeat-x bottom center;
			}
			
			
		#header .headline {
			width: 410px;
			height: 396px;
			float:right;
			text-align: right;
			margin-right:11px;
			}
			
			#header .headline .align-1 {margin:50px 0 25px 0;}
			

	#welcome {display:inline-block;
		padding:0 0 50px 0;
		width: 100%;
		background: #f2f2f2 url(Images/divider-1.png) repeat-x bottom center;
		}
		#welcome .welcomeWrap {width:960px;margin:0 auto}
		#welcome .text	{width:615px; float:left;}
		
			#welcome .text a {color:#000; text-decoration:underline;}
		
			#welcome .text h2 {font-size:26px; font-weight:600;}
			#welcome .text p {width:600px;}
			#welcome .text p span.title {font-size:15px;}
		
		#welcome .kit	{width:340px; margin-top:20px; float:left;}
		
		#welcome .topgear {margin-top:-15px; margin-right:10px;float:right;}
		
		
		p.fp	{font-size:17px;}
		p.sp	{font-size:15px;}
		
		.a-left {float:left; z-index:200; margin-top: -20px;}
		
		.a-right {float:right; z-index:200; margin-top: -20px;}
	
	#main-content {
		margin: 20px 0 0 0;
		padding: 0;
		width: 100%;
		}
		
		#main-content h2	{}
			
		#main-content div.boxes {width:100%}
		#main-content ul.boxesWrap {width:960px;margin:0 auto}
		
		#main-content ul.boxesWrap li	{width:300px; margin-right:30px; float:left}
		#main-content ul.boxesWrap li:last-child	{margin-right:0;}
		#main-content ul.boxesWrap li p {font-size:15px; line-height:1.3}
		
		.m-bottom	{margin-bottom:10px; color:#686868;}
		
	.button {
		float:left;
		text-decoration:none;
		font-size: 12px;
		color: #333333;
		padding: 4px 15px !important;
		font-weight:normal;
		background: -moz-linear-gradient( top, #f4f4f4 0%, #e0e0e0);
		background: -webkit-gradient( linear, left top, left bottom, from(#f4f4f4),	to(#e0e0e0));
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
		-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
		box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
		text-shadow: 0px 0px 0px rgba(000,000,000,0.4), 1px 1px 0px rgba(255,255,255,1);
		border:1px solid #a9a9a9;
		cursor:pointer;
	}
	.button:hover{
		color: #FFF;
		background: -moz-linear-gradient( top, #888 0%, #555);
		background: -webkit-gradient( linear, left top, left bottom, from(#888),	to(#555));
		-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(0,0,0,0);
		-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(0,0,0,0);
		box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(0,0,0,0);
		text-shadow: 0px 0px 0px rgba(000,000,000,0.4), 1px 1px 0px rgba(0,0,0,0);
		}

	/* PAGE 2 --------------------------------------------------------------------------- */
	
	#template-header	{
		width: 960px;
		height: 124px;
		float:left;
		/* background: url(Images/header-bg.jpg) no-repeat;  url(Images/content-bg.jpg)*/
		}
			
	.t-adjuster	{margin-top:40px !important;}
	.t-spacer	{margin-right:30px;background: url(Images/contBorder.png) top right repeat-y}
	
	#pageContent {width:100%;display:inline-block;background:#f2f2f2}
	#pageContent .pageContWrap {width:960px;margin:0 auto}
	#page-title	{display:inline-block;
		width:100%;
		padding:10px 0;
		}
		
		#page-title h2 {font-size:26px; font-weight:600;}
		
	.content-area	{
		width:615px;
		height:auto;
		float:left;
		padding:0 15px 20px 0;
		color:#686868;
		}
		.content-area a {color:#333;}
		.content-area p {line-height:1.4}
		
		.content-area ul {}
		.content-area ul li { list-style-type:none !important;}
			.margright10 {margin-right:10px;}
			.margbottom20 {margin-bottom:20px;}
		
		.content-area ul.post { float:left; margin:0 0 20px 0; height:auto; width:615px; border-bottom:1px solid #dcdcdc;}
			.post-title {font-size:20px; margin:0; font-weight:600;}
			.content-area ul.post li.thumb {width:130px; height:auto; margin:0; float:left;}
			.content-area ul.post li.content {font-size:13px; float:left; height:auto; width:485px;}
			.content-area ul.post li:first-child {margin-top:0;}
			.content-area ul.post li:last-child {border-bottom:0;}
		
		.content-area ul.pagination {width:615px; margin:70px auto 0;}
		.content-area ul.pagination li {float:left;}
			.content-area ul.pagination li.more {width:120px; float:right; text-align:right;}
			.content-area ul.pagination li.previous {width:120px; float:left;}
		
		.content-area h3 {font-size:17px; color:#333; font-weight:600;}
		.content-area p.answer {font-size:16px; margin-bottom:35px;}
		
		/* FAQ PAGE ------------------------------ */
		.content-area ul.faq {margin-left:20px; margin-bottom:25px;}
		.content-area ul.faq li { list-style-type:square !important;}
		
		/* CONTACT US PAGE ------------------------------ */
		.content-area ul.phys-add {width:615px; height:180px; border-bottom:1px solid #dadcdc;}
		.content-area ul.phys-add li.label {float:left; clear:both; width:140px; margin-right:10px; text-transform:uppercase; font-size:10px; margin-bottom:10px;}
		.content-area ul.phys-add li.data {float:left; width:460px; margin-bottom:10px;}
		
		/* RETROFIT GALLERY PAGE ------------------------------ */
		ul.emblems {}
		ul.emblems li {float:left; width:198px;margin:0 0 10px 0; text-align:center;border:1px solid transparent}
		ul.emblems li:hover{border:1px solid #c3c3c3}
		/* SINGLE'S PAGE TEMPLATE ------------------------------ */
		ul.project-lists {float:left; margin:0 0 20px 0; height:auto; width:615px;}
			ul.project-lists li.thumb {width:130px; height:auto; margin:0; float:left;}
			ul.project-lists li.content {font-size:13px; float:left; height:auto; margin:0; width:485px;}
			ul.project-lists li.divider {clear:both; height:20px; display:block; border-top:1px solid #dcdcdc; }
			ul.project-lists li:first-child {margin-top:0;}
			ul.project-lists li:last-child {border-bottom:0;}
		
		/* Upgrading Your Lighting System PAGE ------------------------------ */
		h3.UYLS {font-size:21px; color:#333; font-weight:600; margin:10px 0 20px 0;}
		
		ul.test-output {width:615px; margin:0 0 20px 0; height:auto;}
		ul.test-output li {width:300px; float:left;}
		ul.test-output li p.centerd {text-align:center; margin:5px 0 10px 0; font-weight:normal; text-transform:uppercase; font-size:11px;}
		ul.test-output li p.small {font-size:13px; text-align:left !important;; line-height:1.3 !important; color:#929292; }
		
		/* SINGLE'S PAGE TEMPLATE ------------------------------ */
		ul.gallery {float:left; width:615px; margin:20px 0 0 0;}
		ul.gallery li {margin:0 5px 0 0; float:left; width:200px;}
		.cboxElement {margin:0; padding:0;}
		
		ul.proj-info {float:left; margin:0; font-size: 17px; width:485px;}
		ul.proj-info li {clear:both;}
			ul.proj-info li.title { font-size:10px; text-transform:uppercase;}
			ul.proj-info li.detail {margin:0 0 5px 0;}
		
		.gallery img {border: 0 solid #CFCFCF !important;}
		.cboxLoadedContent {display:none !important;}
		
		/* ABOUT US PAGE  ------------------------------ */
		ul.about-us {float:left; width:615px;margin:0 0 20px 0; }
		ul.about-us li {clear:both; list-style-type:square !important; list-style-position:inside !important;}
		
		h4{font-size:20px; font-weight:600;}
		
		/* RETROFIT PACKAGES PAGE  ------------------------------ */
		ul.gallery-ql {float:left; width:300px;margin:20px 0 20px 0; }
		ul.gallery-ql li {float:left; width:100px; margin:0; text-align:center;}
		
		/* LATEST WORKS PAGE  ------------------------------ */
		
		img.attachment-post-thumbnail {float:left; border:3px solid #fff;}
		img.attachment-category-thumb {float:left; border:4px solid #fff;}
		
		.more-link { text-decoration:underline; text-transform:uppercase; font-size:10px;}
		
		.clearfix {clear:both;}
		
	.sidebar	{
		width:300px;
		height:auto;
		float:left;
		padding:0 0 20px;
		}
		
		.sidebar a {}
		
		.sidebar .search {display:none;}
		
		.sidebar .widget {margin:0 0 20px 0;}
		#nav_menu-2 {}
		#nav_menu-2 h2{}
		.menu-item {padding:3px 0 3px 20px;}
		
		h2.widgettitle {font-size:20px; font-weight:600;}
		
		.sidebar .textwidget p{font-size:14px; line-height:1.3; color:#323334; margin:0 0 15px 0;}
		.sidebar .textwidget a {color:#323334;}
		.sidebar .textwidget a:hover {text-decoration:underline;}
		
		.sidebar .textwidget a.reset-link {margin:8px 0 15px 0 !important; color:#323334; float:left; display:block; }
		
		.sidebar .textwidget h2 {font-size:15px; color:#333;}
		
	button.css3button {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #333333;
		padding: 5px 10px;
		background: -moz-linear-gradient(
			top,
			#ebebeb 0%,
			#d1d1d1);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#ebebeb),
			to(#d1d1d1));
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		border: 1px solid #dbdbdb;
		-moz-box-shadow:
			0px 1px 3px rgba(150,148,150,0.5),
			inset 0px 0px 1px rgba(255,255,255,0.7);
		-webkit-box-shadow:
			0px 1px 3px rgba(150,148,150,0.5),
			inset 0px 0px 1px rgba(255,255,255,0.7);
		box-shadow:
			0px 1px 3px rgba(150,148,150,0.5),
			inset 0px 0px 1px rgba(255,255,255,0.7);
		text-shadow:
			0px -1px 0px rgba(250,245,250,0.4),
			0px 1px 0px rgba(255,255,255,0.3);
	} 

	
	
	/* FOOTER --------------------------------------------------------------------------- */
	
	#footer {
		display:inline-block;
		margin: 50px 0 0 0;
		padding: 20px 0;
		width: 100%;
		background: url(Images/divider-1.png) repeat-x top center;
		}
		#footer .footWrap {width:960px;margin:0 auto}
		#footer .copyright	{width:570px; float:left; font-size:14px;}
		
		#footer ul.links	{width:390px; float:left; line-height:1.5}
		
			#footer ul.links a	{color:#333; font-size:14px;}
			#footer ul.links a:hover	{color:#000;}
			
			#footer ul.links li	{float:left; padding:0 11px 0 10px; border-right:1px solid #b8b8b8; border-left:1px solid #fff;}
			#footer ul.links li:last-child	{padding:0 0 0 10px; border-right:0; }
			#footer ul.links li:first-child {border-left:0;}
			
		.small	{font-size:13px;}
		#footer .copyright .footCopyright {color:#323334 !important}
		

	/* FORM7 PLUGIN --------------------------------------------------------------------------- */
	
	.myform{ margin:0 auto; width:615px; height:310px; clear:both; border-top:1px solid #fff; padding-top:25px;}
	
	span.req {color:#ff0000; margin-left:6px;}
	
	#contact {}
	#contact label {display:block; font-weight:normal; text-align:left; width:140px; float:left; clear:both;text-transform:uppercase; font-size:10px;}
	#contact input {float:left; font-size:12px; padding:4px 2px; width:300px; margin:2px 0 10px 10px;}
	#contact select {float:left; font-size:12px; padding:4px 4px 4px 2px; width:206px; margin:2px 0 10px 10px;}
	#contact textarea {float:left; font-size:12px; padding:4px 2px; width:400px; margin:2px 0 10px 10px; }
	#contact div{height:40px; vertical-align:middle; }
	
	span.wpcf7-not-valid-tip {color:#ff0000; background:none !important; width:180px !important; padding:2px 0 20px 5px !important; border:0 !important;}
	
	span.wpcf7-form-control-wrap {padding:0 !important;}
	
	.wpcf7-validation-errors {border:none !important;}
	
	
	/* FORM ----------------------------------------------------------------------------------- */
	
	
	form {}
	form input, textarea, select {outline: none; border:1px solid #bdbdbd}
	form textarea {resize:none; overflow: auto; background:#fff;}
	
	form input.wpcf7-submit {
		float:left;
		text-decoration:none;
		font-size: 14px;
		color: #333333;
		padding: 7px 12px !important;
		font-weight:normal;
		background: -moz-linear-gradient( top, #f4f4f4 0%, #e0e0e0);
		background: -webkit-gradient( linear, left top, left bottom, from(#f4f4f4),	to(#e0e0e0));
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
		-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
		box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
		text-shadow: 0px 0px 0px rgba(000,000,000,0.4), 1px 1px 0px rgba(255,255,255,1);
		border:1px solid #a9a9a9;
		cursor:pointer;
		width:80px !important;
		}