/* Copyright 2009 Local Motors | All Rights Reserved */

/*RESETS*/
html{margin-bottom:1px;height:100%}
body{height:100%; margin-bottom:1px;}
body,div,ul,li,h1,h2,h3,h4,h5,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}em{font-style:normal;font-weight:normal}li{list-style:none;list-style-image:none}th{text-align:left}h1,h2,h3,h4,h5{font-size:100%;font-weight:normal}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}body{}table{font-size:inherit}
/* Global */
body {color:#CCCCCC; background:#0B1016}
.wrapper {clear:both; width:1000px; margin:0 auto; position:relative; }
a {color:#CCCCCC; text-decoration:none}
:link, a:visited, a:active
{
  outline: none;
  border: none;
}

#loginBox, #newsletter {margin:0 2px 0 0;}
form#newsletter{
	padding:0;
}

/*####### Header ########*/
#header {height:175px; z-index: 100;}
    #logo a {width:730px; height:75px; top:14px; position:relative; text-indent:-999em; display:block; background:url(../images/home/bgHomeLogo.png) no-repeat}
    div#nav {margin-top:40px; padding-left:12px; float:left; background:url(../images/home/mainmenu-ul-bg-l.png) no-repeat 0 0}
        ul#multi-ddm {padding-right:12px; height:44px; float:left; font-size:16px; background:url(../images/home/mainmenu-ul-bg-r.png) no-repeat 100% 0; list-style:none}
            #multi-ddm > li {float:left}
                #multi-ddm span {float:right;}
                #multi-ddm a {line-height:36px; display:block; margin:0; outline:none}
                #multi-ddm li#nav0 a#nav0a {text-indent:-999em; width:86px; background:url(../images/home/mainmenu-li-cars.png) no-repeat}
                #multi-ddm li#nav0 a#nav0a:hover {background-position:0 -44px}
                #multi-ddm li#nav1 a#nav1a {text-indent:-999em; width:153px; background:url(../images/home/mainmenu-li-participate.png) no-repeat}
                #multi-ddm li#nav1 a#nav1a:hover {background-position:0 -44px}
                #multi-ddm li#nav2 a#nav2a {text-indent:-999em; width:104px; background:url(../images/home/mainmenu-li-about.png) no-repeat}
                #multi-ddm li#nav2 a#nav2a:hover {background-position:0 -44px}                
                    #multi-ddm > li ul {display:none;	position:absolute;	margin:0px 0 0 0;	z-index:90;	padding:10px 0; background:url(../images/template/bgMainMenuUlUl.png) no-repeat 0 100%}
                        #multi-ddm > li ul li {width:185px !important; padding: 0 5px 0 0;}                                   
                        
                         
#multi-ddm .parent > a::after {
	content: "\2023";
	right: 10px;
	position: absolute;
}
                            #multi-ddm > li ul a:hover {color:#FFF}
                                #multi-ddm > li ul li ul {margin: -44px 0 0 190px;	position: absolute; background: none; padding: 0; }
                                	#multi-ddm > li ul li ul li.first, #multi-ddm > li ul li ul li.first:hover {
	background-position: 0px 0px;
	padding-top: 10px;
}
                                	#multi-ddm > li ul li ul li.last, #multi-ddm > li ul li ul li.last:hover {
	background-position: 0px 100%;
	padding-bottom: 10px;
}
									#multi-ddm > li ul li ul li:hover,
                                	#multi-ddm > li ul li ul li {
	background-color: transparent;
	background:url(../images/template/bgMainMenuUlUl.png) no-repeat;
	background-position: 50%;
	overflow: hidden;
}

#multi-ddm li ul a {display: block;	width:170px; padding:5px 10px; line-height:26px;}

#multi-ddm li ul a:hover {
	background-color: #000 !important;
}

/* Nav Overrides for the splash page */

#usermenu .admin{position:absolute;right:0;top:-23px; float:right; background: none; }

form#cse-search-box {top:78px;}
        
#loginStatus {top:-20px;margin:0 0 0 0;}
#loginLetter {top:23px;}

/* ####### Main #######*/
#main {height:560px}
    #main .wrapper {height:560px}
        ul#carmenu {position: absolute; top: 12px; padding: 0 7px; right: 56px; text-align:left; float:right;z-index:3;position:relative; font: 13px/1.231 'lucida grande',Tahoma,arial,helvetica,sans-serif; }
            #carmenu li {display:inline-block; float: left; list-style:none; background: url(../images/home/LongBlackBar.png) no-repeat 50% 36%;}
            	#carmenu li.first {
	background-position: 0% 36%;
	padding-left: 8px;
}
				#carmenu li.last {
	background-position: 100% 36%;
	padding-right: 8px;
}
                #carmenu a {display:block; margin:0; float: left; padding:7px 6px 7px 10px; font-size:
                10px; text-transform:uppercase; background:url(../images/template/iconCarmenuLi.png) no-repeat 1px 50%}
                #carmenu li:hover a {
	color: white;
}
                #carmenu li.first a {background:transparent}
                 #carmenu.active li.active a {
	color: white;
}
				/*#carmenu a::before {
	content: "[";
}
				#carmenu a::after {
	content: "]";
}
				#carmenu a::before, #carmenu a::after {
	color: transparent;
}
				 #carmenu.active li.active a::before, #carmenu.active li.active a::after {
	color: inherit;
}*/
        ul#dashmenu {width:676px; bottom: 0px; margin-left:-338px; left:50%; position:absolute;z-index:10; }
      
            #dashmenu li {float:left; padding:0 4px}
            #dashmenu li.active {
	background-position:0 10px;
}
                #dashmenu a {height:163px; width:161px; padding-top: 20px; text-indent:-999em; display:block; outline:none;background-repeat: no-repeat; background-position: 0 10px; }
                #dashmenu li#item1 a {background-image:url(../images/home/what-is-local-motors.png)}
                #dashmenu li#item2 a {background-image:url(../images/home/design-a-car.png)}
                #dashmenu li#item3 a {background-image:url(../images/home/buy-an-experience.png)}
                #dashmenu li#item4 a {background-image:url(../images/home/build-it.png)}
        #makecars {height:103px; width:304px; left:50%; margin-left:-152px; top:170px; text-indent:-999em; position:absolute; display:block; outline:none; background:url(../images/home/makecoolcars.png) no-repeat}
        #dashmenu li#item0 #makecars {
	top: -217px;
	width: 100%;
}


#dashSlides,
#slidesContainer {
	background: #000 url(../images/template/slideshowHome/ajaxLoader.gif) no-repeat center center;
}



        #slideshow > div {width:1000px; height:488px; top:0; left:0; position:absolute; overflow:hidden; }
         #slideshow .closeslide {
	position: absolute;
	display: block;
	right: 16px;
	width: 36px;
	height: 36px;
	top: 7px;
	z-index: 1;
	opacity: 0;
	background: url(../images/template/slideshowHome/buttonClose.png) no-repeat;
	text-indent:-9999px;
}
        	#slideshow .slide {
	position: relative;
	width: 1000px;
	height: 488px;
}
			#slideshow #homeslideshow .control {
	display: none;
	visibility: hidden;
	opacity: 0;
}
			#homeslide {
	z-index: 0;
}
            #slideshow .control {top:420px; width:41px; height:41px; position:absolute; text-indent:-999em; z-index: 100; cursor:pointer; display:block;}
            #slideshow .control.leftControl {left:10px; background:url(../images/template/slideshowHome/buttonArrowL.png) no-repeat}
            #slideshow .control.rightControl {right:10px; background:url(../images/template/slideshowHome/buttonArrowR.png) no-repeat}
				
			#slideshow > #dashSlides, #dashSlides {
	top: 488px;
	opacity: 0;
	display: none;
}
			#slideshow > #slidesContainer, #slidesContainer {
	top: -448px;
	opacity: 0;	
	display: none; 
}

.slide .more {
	position: absolute;
	bottom: 150px;
	right: 100px;
	overflow: hidden;
}

.slide .more * {
	background: url(../images/template/slideshowHome/buttonNextActive.png) no-repeat;
	/*This is to preload the hover state bg*/
	background-image: url(../images/template/slideshowHome/buttonNextOver.png);
	background-image: url(../images/template/slideshowHome/buttonNext.png);
	height: 40px;
	float: left;
	line-height: 35px;
	text-indent: 15px;
	color: lightgray;
	text-shadow: black 0 0 1px;
	display: inline-block;
}
.slide .more *::first-letter {
	text-transform: uppercase;
}
.slide .more .pointer {
	width: 36px;
	background-position: 100% 0;
}
.slide .more:hover * {
	background-image: url(../images/template/slideshowHome/buttonNextOver.png);
	color: white;
}
.slide .more:active * {
	background-image: url(../images/template/slideshowHome/buttonNextActive.png);
}
.slide .more:active {
	bottom: 149px;
}

/* ####### Slides #######*/
#slideRallyFighter.loaded {
	background: url(../images/home/slides/RallyFighter.jpg);
}
#slideBostonBullit.loaded {
	background: url(../images/home/slides/BostonBullit.jpg);
}
#slideDesmosedici.loaded {
	background: url(../images/home/slides/Desmosedici.jpg);
}
#slideGreenApple.loaded {
	background: url(../images/home/slides/GreenApple.jpg);
}
#slideMiamiRoadster.loaded {
	background: url(../images/home/slides/Miami-Roadster.jpg);
}
#slideMoreCars.loaded {
	background: url(../images/home/slides/MoreCars.jpg);
}
#slideMakeCoolCars.loaded {
	background: url(../images/home/slides/MakeCoolCars.jpg);
}
#slideWhatIsLM.loaded {
	background: url(../images/home/slides/WhatIsLM.jpg);
}
#slideDesignCars.loaded {
	background: url(../images/home/slides/DesignCars.jpg);
}
#slideBuy.loaded {
	background: url(../images/home/slides/Buy.jpg);
}
#slideBuildIt.loaded {
	background: url(../images/home/slides/BuildIt.jpg);
}



/* ####### NewsFlash ####### */
#newsflash {height:28px; line-height:28px; text-align:left; color:#757575; background:#2A2A2A;position:relative;}
	#newsflash p {display:inline; position: absolute;white-space:nowrap;top:0;}
    #newsflash a {color:#ACACAC;display:inline-block;position:absolute;}
    #newsflash a:hover, #footermenu li:hover > a {color:white;}


/* ####### Footer #######*/
#footer{}
            
#ieWarnDiv { position: absolute; width: 100%; margin:auto; z-index: 500; top:300px;}
#ieWarnDiv a {
	text-decoration: underline;
}
#ieWarnDiv a:hover {
	color: #fff;
}

#ieWarnDiv .inner {
	margin: 0 auto;
	width: 600px;
	border: 1px solid #fff; 
	background: #000; 
	padding:20px;
}

.hide {
	display: none;
}

/* facebook */
.dark{color:#6D84B4;display:inline !important;}