html, body {
	height: 100%;
}

body {
	margin-left: 200px;
	margin-right: 200px;
	padding: 0px;
	background: #feffff;
	font-family: 'Chivo', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	color: #363636;
}




h1, h2, h3 {
	margin: 0;
	padding: 0;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 190%;
}

strong {
	
}

a {
	color: #171717;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

.image {
	display: inline-block;
}

.image img {
	display: block;
	width: 100%;
}

.image-full {
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
}

.image-left {
	float: left;
	margin: 0 2em 2em 0;
}

.image-centered {
	display: block;
	margin: 0 0 2em 0;
}

.image-centered img {
	margin: 0 auto;
	width: auto;
}

hr {
	display: none;
}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/
ul.style1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.style1 li {
	border-top: solid 1px #E5E5E5;
	padding: 0.80em 0;
}

ul.style1 li:first-child {
	border-top: 0;
	padding-top: 0;
}

ul.style2 {
	margin: 0px;
	padding: 20px;
	list-style-type: circle;
	font-weight: 500;
}

ul.style2 li {
	border-top: solid 0px #E5E5E5;
	line-height: 30px;
}

ul.style2 li:first-child {
	border-top: 0;
	padding-top: 0;
}

/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/
ul.contact {
	margin: 0;
	padding: 1.5em 0em 2.5em 0em;
	list-style: none;
}

ul.contact li {
	display: inline-block;
	padding: 0em 0.30em;
	font-size: 1em;
}

ul.contact li span {
	display: none;
	margin: 0;
	padding: 0;
}

ul.contact li a {
	color: #FFF;
}

ul.contact li a:before {
	display: inline-block;
	background: #3f3f3f;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
}

ul.contact li a.icon-twitter:before {
	background: #2DAAE4;
}

ul.contact li a.icon-facebook:before {
	background: #39599F;
}

ul.contact li a.icon-dribbble:before {
	background: #C4376B;
}

ul.contact li a.icon-tumblr:before {
	background: #31516A;
}

ul.contact li a.icon-rss:before {
	background: #F2600B;
}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/
.title {
	margin-bottom: 2em;
	text-transform: capitalize;
}

.title h2 {
	font-weight: 400;
	font-size: 1.6em;
	color: #c7a472;
}

.title .byline {
	letter-spacing: 0.15em;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 0.90em;
	color: #6F6F6F;
}

/** WRAPPER */
#wrapper {
	background: #FFFFFF url(images/bg01.png) repeat;
}



.clearfix {
	clear: both;
}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
#header-wrapper {
	overflow: hidden;
	background-size: 100%;
	padding: 0.2em 0em 0.2em 0em;
	background: #333333;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
#header {
	position: relative;
	overflow: hidden;
	text-align: center;
}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/
#logo {
	width: 1500px;
	height: 100px;
	margin: 0 auto;
	padding: 2em 0em;
	text-transform: capitalize;
}

#banner-bmw-logo {
	display: inline-block;
	background: url(../img/bmw-logo01.jpg);
	width: 250px;
	height: 250px;
	float: left;
}

#logo h1 {
	letter-spacing: 0.10em;
	font-size: 3em;
}

#logo p {
	letter-spacing: 0.10em;
	color: #FFF;
}

#logo a {
	text-decoration: none;
	color: #FFF;
}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/
.banner-header {
	border-style: solid;
	border-color: #ac8a56;
	height: 125px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/janu-logo-dune05.jpg) no-repeat left;
	background-color: #6A748D;
	background-size: cover;
}

.banner-main {
	overflow: hidden;
	height: 430px;
	background: url(../img/jano-home-pic.jpg) no-repeat center;
	background-size: cover;
}

.banner-about {
	overflow: hidden;
	height: 330px;
	background: url(../img/bmw01.jpg) no-repeat center;
	background-size: cover;
}

.banner-service {
	overflow: hidden;
	height: 330px;
	background: url(../img/service08.jpg) no-repeat center;
	background-size: cover;
}

.banner-schedule {
	overflow: hidden;
	height: 330px;
	background: url(../img/calendar04.jpg) no-repeat center;
	background-size: cover;
}

.business-hours {
	overflow: hidden;
	height: 230px;
	background: url(../img/calendar04.jpg) no-repeat center;
	background-size: cover;
}

.banner-contact {
	overflow: hidden;
	height: 330px;
	background: url(../img/contact01.jpg) no-repeat center;
	background-size: cover;
}

#address-dubai-main {
	overflow: hidden;
	height: 280px;
	background-size: cover;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:0px;	
}

#address-al-quoz {
	overflow: hidden;
	height: 280px;
	background-size: cover;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:0px;
}
}




#address-sharjah-main {
	overflow: hidden;
	height: 280px;
	background-size: cover;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:0px;
}

#about-side {
	overflow: hidden;
	height: 280px;
	background: url(../img/jano11.jpg) no-repeat center;
	background-size: cover;
}

#banner .image {
	
}

/** MENU */
#menu-wrapper {
	background: #c8a672;
}

#menu {
	overflow: hidden;
	height: 45px;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
	width:1030px;
	border-style: solid;
	border:2px;
	border-color: #a9a9a9;
}

#menu li {
	display: inline-block;
	padding: 0px 0px 0px 0px;
}

#menu a {
	display: block;
	letter-spacing: 1px;
	padding: 0px 40px;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	font-size: 1.0em;
	line-height: 45px;
	border: none;
	color: #FFF;
	font-weight: bold;
}

.menu_li_selected {
	background: #6c748b;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}

#menu .current_page_item a {
	background: #C0005F;
}

/** PAGE */
#page {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0em 0em 0em;
}

.container {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;	
}

.container2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;	
}

/** CONTENT */
#content {
	float: right;
	width: 650px;
}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/
#sidebar {
	float: left;
	width: 345px;
}



#sidebar .title h2 {
	font-size: 1.6em;
}

#sidebar .box1 {
	margin-bottom: 3em;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
#copyright {
	overflow: hidden;
	padding: 1em 0em;
	text-align: center;
}

#copyright p {
	letter-spacing: 0.20em;
	text-align: center;
	text-transform: capitalize;
	font-size: 0.80em;
	color: rgba(255, 255, 255, .5);
}

#copyright a {
	text-decoration: none;
	color: rgba(255, 255, 255, .7);
}

/*********************************************************************************/
/* Welcome                                                                       */
/*********************************************************************************/
#welcome {
	overflow: hidden;
	padding: 5em 0em;
	border-bottom: 1px solid #E5E5E5;
	text-align: center;
}

#welcome h2 {
	letter-spacing: 0.20em;
	text-transform: capitalize;
	font-size: 2.6em;
}

#welcome p {
	font-size: 1.3em;
}

#welcome .byline {
	display: block;
	padding: 0em 0em 1.5em 0em;
	letter-spacing: 0.15em;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 1.2em;
	color: #6F6F6F;
}

/*********************************************************************************/
/* Portfolio                                                                     */
/*********************************************************************************/
#portfolio-wrapper {
	background: rgba(0, 0, 0, .04);
	padding: 6em 0em;
	color: rgba(255, 255, 255, .7);
}

#portfolio {
	overflow: hidden;
}

#portfolio .title h2 {
	font-size: 1.2em;
	color: #FFF;
}

#portfolio .byline {
	font-size: 1em;
	color: #EEA7C1;
}

#column1, #column2, #column3, #column4 {
	width: 282px;
}

#column1, #column2 {
	float: left;
	margin-right: 24px;
}

#column3 {
	float: left;
}

#column4 {
	float: right;
}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/
.button {
	display: inline-block;
	margin-top: 1.5em;
	padding: 0.50em 3em 0.50em 2em;
	background: #BB005D;
	letter-spacing: 0.20em;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 0.90em;
	color: #FFF;
}

.button:before {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	color: #FFF;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
.footer-wrapper {
	overflow: hidden;
	padding: 0px;
	margin:0px;
	background: #1E1B1A;
}

.footer {
	font-family: 'Chivo', sans-serif;
	font-size: 11pt;
	font-weight: 300;
	color: #ffffff;
	margin:0px;
	background: #c8a672;
	padding:10px;

}

.footer .title h2 {
	font-weight: 400;
	font-size: 12px;
	color: #FFF;
}

.footer .title {
	border-color: #2D2926 !important;
}

#footer .style1 li {
	border-color: #2D2926 !important;
}

#footer .style1 a {
	font-size: 1em;
	color: #B1B1B1;
}

#box1 {
	float: left;
	width: 354px;
	margin-right: 24px;
	padding-right: 30px;
}

#box2 {
	float: left;
	width: 354px;
	margin-left: 24px;
	padding-right: 30px;
}

#box3 {
	float: right;
	width: 344px;
	padding-left: 40px;
}

.box4 {
	float: left;
	width: 100%;
	margin-left: 24px;
	padding-right: 30px;
}

/*********************************************************************************/
/* Contact and Schedule email styles                                                               */
/*********************************************************************************/
.contact_div {
	height: 400px;
	width: 300px;
	border-color: blue;
	border-style: solid;
	border-width: medium;
}

.contact_div_columnA {
	height: 200px;
	width: 30%;
	background-color: powderblue;
	border-color: gray;
	border-style: solid;
	border-width: thin;
}

.contact_div_columnB {
	height: 200px;
	width: 70%;
	background-color: powderblue;
	border-color: gray;
	border-style: solid;
	border-width: thin;
}

.contact_div_message_title_row {
	height: 200px;
	width: 100%;
	background-color: powderblue;
	border-color: gray;
	border-style: solid;
	border-width: medium;
}

.contact_div_message_row {
	height: 200px;
	width: 100%;
	background-color: powderblue;
	border-color: gray;
	border-style: solid;
	border-width: thin;
}

/****** side ba ***************************************/
.sidebar {
	font-family: 'Chivo', sans-serif;
	font-size: 9pt;
	font-weight: 300;
	color: #363636;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

/*********** Locations **********/


.jano-locations {
	float: left;
	width: 100%;
}	
	


.address-table, td, th {  
  border: 1px solid #ddd;
  text-align: left;
}

.address-table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 15px;
}

.contact-table, td, th {  
  border: 0px solid #ddd;
  text-align: left;
  padding: 10px;
}

.contact-table {
  border-collapse: collapse;
  width: 100%;
}

/*********** Form format ************/
.input-name-format{
    border-style: solid;
    border-width: 1px;
    font-size:16px;
    padding:3px;
    width:350px;
}

.input-tel-format{
    border-style: solid;
    border-width: 1px;
    font-size:16px;
    padding:3px;
    width:200px;
}
.input-textarea-format{
    border-style: solid;
    border-width: 1px;
    font-size:16px;
    padding:3px;
    width:450px;
}

.input-button-format{
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    padding: 6px;
    background-color: #c7a472;
    color: #ffffff;
}