@charset "UTF-8";

/* CSS Document CINEMACAR
------------------------------------------------------------- */
html, body {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	background:url(../images/bk.jpg) repeat-x #8b8b8b;
	height:100%;
}

p {
	margin: 0 0 14px 0;
	font-size:12px;
	line-height: 18px;
}

a {
	color:#FC0;
	text-decoration:none;}

a:hover {color: #000000;}	
	
	
/* Layout container
------------------------------------------------------------- */
#container {
	margin:auto;
	width:984px;
	height:100%;
	background:url(../images/containercross.jpg);
}
	

/* Top section 
------------------------------------------------------------- */
#top {
	width:984px;
	height: 234px;
	float:left;
}

#logo {
	width:284px;
	height: 234px;
	float:left;}	
	
#call {
	width:662px;
	height: 36px;
	background:url(../images/callus.jpg);
	padding:10px 0 0 38px;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #CCEBF5;
}	
	
#slogan {
	width:700px;
	height: 119px;
	padding:0 0 0 0;
	float:left;
}	
	
/* Code for the menus
------------------------------------------------------------- */
#menu {
	width:578px;
	height: 69px;
	background:url(../images/menu.jpg);
	padding:0 0 0 122px;
	float:left;
}

#menu ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li a {
	float:left;
	height:69px;
	display:block;
	background-position:bottom;
	text-indent: -999999px;
	overflow: hidden;}
	
#menu li.home a{
	background-image: url(../images/menu/home.jpg);
	width: 98px;}
	
#menu li.about a{
	background-image: url(../images/menu/about.jpg);
	width: 111px;}
	
#menu li.vehicles a{
	background-image: url(../images/menu/vehicles.jpg);
	width: 113px;}
	
#menu li.app a{
	background-image: url(../images/menu/application.jpg);
	width: 125px;}
	
#menu li.contact a{
	background-image: url(../images/menu/contact.jpg);
	width: 131px;}

#menu li a:hover{
	background-position: top;}	
	
#menu li.selected a{
	background-position: top;}


/* Page Content
------------------------------------------------------------- */
#flash {
	width:565px;
	height: 160px;
	background:url(../images/flash.jpg);
	float:left;}	
	
#car {
	width:419px;
	height:263px;
	float:left;
}
	
#slogan2 {
	width:565px;
	height:90px;
	background:url(../images/slogan2.jpg);
	padding:13px 0 0 0;
	float:left;
}

#content {
	width:984px;
	background:url(../images/cross.jpg);
	float:left;}
	
#left {
	width:362px;
	height:190px;
	background:url(../images/mission.jpg) no-repeat;
	float:left;
	padding: 60px 80px 0 80px;
}
	
#right {
	width:442px;
	background:url(../images/welcome.jpg) no-repeat;
	float:left;
	padding: 0 0 0 20px;
}

/* Footer area
------------------------------------------------------------- */
#footer {
	width:614px;
	height:30px;
	background:url(../images/footer.jpg) no-repeat;
	padding:18px 0 0 370px;
	float:left;
	color: #FFF;
	margin: 0 -3px 0 0;
	font-family: Geneva, Verdana, sans-serif;
	font-size: 11px;
}

	
/* Classes and styles
------------------------------------------------- */
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:25px;
	color:#005285;
	margin:0;
	padding:0 0 8px 0;
	font-weight:normal;
	line-height: 25px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFCC66;
	margin:0;
	padding:0 15px 0 0;
	font-weight: normal;
	line-height: 18px;
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#fff;
	margin:0;
	padding:0 0 15px 0;
	font-weight: bold;
}

img {
	border:0;}

.size14 {
	font-size:14px;}

.red {
	color:#E5250C;}

.lightGray {
	color:#ccc;}
	
ul, li {
	padding:0;
	margin:0;}
	
li.check {
	color:#fff;
	font-size:12px;
	background:url(../images/check.jpg) no-repeat top left;
	padding:0 0 10px 25px;
	list-style:none;
	margin: 0;
}

li.checkRed {
	color:#fff;
	font-size:12px;
	background:url(../images/checkred.jpg) no-repeat top left;
	padding:0 0 10px 25px;
	list-style:none;
	margin: 0;
}