/*   
Theme Name: Eli Auto Services
Theme URI: http://www.12jewels.com/
Description: Home Page.
Author: Frederick Satchell
Author URI: http://www.12jewels.com/
Version: 1
*/

body {
	background:#fff;
	font-family: sans-serif, arial, helvetica;
	
}

#container {
	position:relative;
	width:1000px;
	margin: 0px auto 0px auto;
}

#content {
	position:relative;
	float:left;
	margin:20px auto 20px auto;
	width:695px;
	min-height:700px;
	border-left:1px #ccc solid;	
	border-right:1px #ccc solid;	
	border-bottom:1px #ccc solid;	
	border-top:7px #ccc solid;
	background:#efefef;	
}

#content p {
	margin: 0px 20px 10px 20px	;
	}
	
#content h2 {
margin-left:15px;	
	}
#sidemenu {
	position:relative;
	float:left;
	margin:20px auto 20px 25px;
	width:275px;
	min-height:300px;
	border-left:1px #ccc solid;	
	border-right:1px #ccc solid;	
	border-bottom:1px #ccc solid;	
	border-top:7px #ccc solid;
	background:#efefef;		
}

#topnav a{
	color:#666;
	position:relative;
	margin: 10px 0px 0px 25px;
	font-size: 1.0em;
	text-decoration:none;
}

#topnav a:hover {
	text-decoration:underline;
}

#subnav a{
	color:#666;
	position:relative;
	margin: 10px 0px 0px 40px;
	font-size: 0.8em;
	text-decoration:none;
}


#subnav a:hover {
	text-decoration:underline;
}

#header {
	position:relative;
	width:1000px;
	text-align:center;
	margin:0px auto 0px auto;
/*	background: url('images/EliAuto_LogoFinal.gif') 0 0  no-repeat; */
}

#footer {
	position:relative;
	clear:both;
	text-align:center;
	height:40px;
	width:1000px;
	background:#666;
	margin: 0px auto 0px auto;
}

#copyright {
	color:#fff;
	font-size:0.8em;
}
#logo {
	position:relative;
	float:left;
	margin:0px 0px 0px 0px;
}

#logo img {
	height:100px;
}
#nav {
	position:relative;
	background:#efefef;
	width:1000px;
	height:40px;
	margin:0px auto 0px auto;
	border-top: 2px #333 solid;
	border-bottom: 1px #333 solid;
	clear:both;
}

		ul.dropdown {
			position:relative;
			width:1000px; 
			color:#999; 
			text-decoration:none; 
			list-style-type: none; 
			z-index:5000; 
			height:40px; 
			padding:0px; 
			font-family: sans-serif, arial, helvetica;
			margin: 0px 0px 0px 0px;
			width: 1000px;
			float:left;
		}


		ul.dropdown ul {
		 	list-style: none;
		 	margin: 0px;
		 	padding: 0px 0px 0px 0px;
		 	visibility: hidden;
		 	position: absolute;
		 	top: 100%;
		 	left: 0;
		 	z-index: 5002;
		 	width: 100%;
		}

	/* Main Menu Attributes */

		ul.dropdown li {  position:relative; color:#333; text-decoration:none; list-style-type: none; float:left; font-size:0.7em; 
						 font-weight:bold; padding: 14px 0px 13px 0px; vertical-align: middle; zoom: 1; text-transform:uppercase;}
		ul.dropdown li:hover { list-style: none; position:relative; padding: 14px 0px 13px 0px; background: #cccccc; color:#333; }
		ul.dropdown li a:link		{ color:#333; text-decoration:none; background: none; margin:0px 10px 0px 10px; padding: 14px 0px 13px 0px;}
		ul.dropdown li a:visited	{ color:#333; text-decoration:none; background: none; margin:0px 10px 0px 10px; padding: 14px 0px 13px 0px;}
		ul.dropdown li a:hover		{ color: #333; text-decoration: none; background: none; margin:0px 10px 0px 10px; padding: 14px 0px 13px 0px;}
		ul.dropdown li a:active		{ color: #333; text-decoration: none; background: none; margin:0px 10px 0px 10px; padding: 14px 0px 13px 0px;}

	/* Sub Menu Attributes */

		ul.dropdown ul li 		{  border-bottom: 1px #ccc solid; font-size:0.9em; width:auto; z-index:200; background: #efefef; width:200px; text-align:left; padding: 12px 0px 12px 0px; float: none; text-transform:uppercase;}
		ul.dropdown ul li:hover 	{ background:#ccc; z-index:200; width:200px; text-align:left; margin:0px 0px 0px 0px; padding: 12px 0px 12px 0px;}
		ul.dropdown ul li a:link	{ background:none; color: #333; text-decoration: none; margin:0px 0px 0px 0px; padding: 12px 0px 12px 5px;}
		ul.dropdown ul li a:visited	{ background:none; color: #333; text-decoration: none; margin:0px 0px 0px 0px; padding: 12px 0px 12px 5px;}
		ul.dropdown ul li a:hover	{ background:#ccc; color: #333; text-decoration: none; margin:0px 0px 0px 0px; padding: 12px 0px 12px 5px; width:250px;}
		ul.dropdown ul li a:active	{ background:none; color: #333; text-decoration: none; margin:0px 0px 0px 0px; padding: 12px 0px 12px 5px;}

		ul.dropdown li:hover > ul 	{ visibility: visible;}
			/* -- level mark -- */

	/* ul.dropdown li.hover */

/* Trick the WordPress Theme Bot *Evil* */
.aligncenter			{ display: block; margin: 0 auto; }
.alignright				{ float: right; margin: 0 0 1em 1em; }
.alignleft				{ float: left; margin: 0 1em 1em 0; }
.floatleft				{ float: left; }
.floatright				{ float: right; }
img.aligncenter, img.alignright, 
img.alignleft			{ border: 3px solid #EEE; }

#homeTable {
	width:1000px;
	margin: 20px auto 20px auto;
}

#homeTable td {
	width:316px;
	border: 1px #ccc solid;	
}

#postTitle h1 {
	color:#8d8d8d;
	font-size:1.5em;
	text-align:left;
	margin:0px 0px 15px 0px;
	font-weight:normal;
}

#postData {
	color:#8d8d8d;
	font-size:0.9em;
	text-align:left;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

#slides {
	position:relative;
	margin: 25px auto 25px auto;
	width:100%;
	float:left;
	text-align:center;
}

/* big nav   */

.menuWrapper{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:0px auto;
    height:500px;
    width:999px;
    background-position:0px 0;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu{
    list-style:none;
    width:1000px;
}
ul.menu > li{
    float:left;
    width:332px;
    height:500px;
    border-right:1px solid #777;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li.last{
    border:none;
}
.bg1{
    background-image: url('images/1.jpg');
}
.bg2{
    background-image: url('images/2.jpg');
}
.bg3{
    background-image: url('images/3.jpg');
}
ul.menu > li > a{
    float:left;
    width:333px;
    height:50px;
    margin:450px 0px 0px -38px;
    text-align:center;
    line-height:50px;
    color:#ddd;
    background-color:#333;
    letter-spacing:1px;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0px 0px 1px #fff;
}
ul.menu > li ul{
    list-style:none;
    float:left;
    margin:-180px 0px 0px -38px;
    width:100%;
    height:110px;
    padding-top:20px;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li ul li{
    display:none;
}
ul.menu > li ul.sub1{
    background-image:url('images/bg1sub.png');
}
ul.menu > li ul.sub2{
    background-image:url('images/bg2sub.png');
	margin-left:0px;
}
ul.menu > li ul.sub3{
    background-image:url('images/bg3sub.png');
	margin-left:0px;
}
ul.menu > li ul li a{
    color:#fff;
    text-decoration:none;
    line-height:30px;
    margin-left:20px;
    text-shadow:1px 1px 1px #444;
    font-size:11px;
}
ul.menu > li ul.sub1 li{
    display:block;
}
ul.menu > li ul li a:hover{
    border-bottom:1px dotted #fff;
}