body  	
{
    margin:15px;
	padding: 0px;
	/*background: #0093DD url(../images/background_1536h.png); */
	background:black; 
	text-align: center;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 90%;
}
#container 
{
    width:99%;
    padding:0;
    /*margin:0 auto;
    padding:0px;
    background-color:White;*/
    min-height:400px;
    border: solid 1px pink;
    
    margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	/*width: 1000px;*/
	padding: 5px 7px 5px 7px;
	border:solid 1px #333333;
	background: white;
	/*height:100%;*/
}
#respheader
{
	/*margin: 5px 0px 0px 0px;
	padding: 0px;
	border:none;
	background: url(../images/headbackground_155h.png) center center repeat-x;
	height:115px;*/
    margin: 5px 0px 5px 0px;
	padding: 0px;
	border:none;
	height:150px;
	/*background: url(../images/headbackground.png) center center repeat-x;*/
    background-color:lightgray;
    border:solid 1px lightgray;
    text-align:left;
}
.honda{
    margin-top:20px;width:30%;max-width:660px;height:auto;
}

#links
{
	float:right; 
	width:175px; 
	padding:10px;
	margin:0px 0px 0px 10px;
	background: url(../images/linksbackground.png) center center repeat-y;
}

.footerright
{
float:right;
clear:none;
color:white;
}

.divwrapper {
    border : none;
    overflow:hidden;
    margin:0px;
 }
.divwrapper div {
    padding: 0px;
}
#leftdiv {
    float:left;
    text-align:left;
    margin:0px 20px 0px 10px;
    /*max-width:200px;*/
    width:70%;
    border: none;
    padding:0px;
    min-height:600px;
    }
#rightdiv {
    overflow:hidden;
    margin:20px 0px 0px 20px;
    border: none;
    min-height:600px;
    }
#rightortop
{
    /*height:470px;text-align:left;
    margin-left:250px;
    float:right;
    */
    /*min-height:450px;*/
    text-align:left;
    padding-left: 240px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0px 0px 0px 10px; 
}
#leftorbottomhome
{
	/*width:240px; 
	padding:0px; 
	margin:0px; 
	border:none;
	vertical-align:top;*/
	
     position: absolute;
     top:188px;
     left:23px;
     width:240px;
     
     text-align:center;
     background-color:#7dbfdf;background-image:url(../images/LeftSideBottom.png);background-repeat:no-repeat;background-position:bottom;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     height:798px;
}
.headerimg
{
    width:100%;
    height:auto;
    max-width:973px;
}
.iframe-googlemap  {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.iframe-googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}    
.floatright{float:right;width:50%;max-width:1000px;height:auto;margin:10px 0px 10px 20px;}
.floatrightAmazon{float:right;width:318px;height:auto;margin:10px 0px 10px 20px;}
.floatleftbook{float:left;width:23%;max-width:231px;height:auto;margin:10px 20px 30px 0px;}

.locations { width:19%;float:left;color:White; }

.jobopenings { float:right;width:300px;padding:0px;margin:20px 50px 0px 0px; }
.jobappleft { clear:both;float:left;width:400px;margin-top:10px;}
.jobappright { margin:10px 0px 0px 500px;width:400px;}
.jobappright25 { margin:25px 0px 0px 500px;width:400px;}
.jobappright40 { margin:40px 0px 0px 500px;width:400px;}

@media all and (max-width: 1580px)
{
   #leftorbottomhome { height:765px; }
}

@media all and (max-width: 1505px)
{
   .locations { width:32%;margin-bottom:10px; }
   #leftorbottomhome { height:720px; }
}

@media all and (max-width: 1430px)
{
   #leftorbottomhome { height:720px; }
}
@media all and (max-width: 1380px)
{
   #leftorbottomhome { height:700px; }
}
@media all and (max-width: 1320px)
{
   #leftorbottomhome { height:685px; }
}
@media all and (max-width: 1290px)
{
   .honda{ float:right;margin-top:10px;margin-right:50px;margin-bottom:0px;width:30%;max-width:500px;height:auto; }
   #respheader { height:120px;     background-color:lightgray; border:solid 1px lightgray; }
   #leftorbottomhome { top:225px; }
}
@media all and (max-width: 1260px)
{
   #leftorbottomhome { height:675px; }
}
@media all and (max-width: 1100px)
{
   #leftorbottomhome { height:640px;top:220px;}
}

@media all and (max-width: 1024px)      
{
   #leftorbottomhome { height:700px;top:264px; }
   .floatright 
    {
        float:none;
        width:100%;
        margin-left:0px;
    }
    .floatleft{
        float:none;
        width:100%;
        margin-right:0px;
        margin-bottom:10px;
        text-align:center;
    }
   .honda{ float:right;margin-left:10px;margin-top:20px;margin-bottom:5px;width:35%;max-width:400px;height:auto; }
   /*.honda { visibility: hidden;}*/
    #respheader { height:100px;     background-color:lightgray;
    border:solid 1px lightgray;
 }
    .locations { width:49%;margin-bottom:10px; }
    .jobopenings { float:none;clear:both;width:100%;max-width:300px;padding:0px;margin:2% 0px 0px 0px; }
    .jobappleft { float:none;width:400px;border:none;}
    .jobappright { clear:both;margin:10px 0px 0px 0px;width:400px;border:none;}
    .jobappright25 { clear:both;margin:10px 0px 0px 0px;width:400px;border:none;}
    .jobappright40 { clear:both;margin:10px 0px 0px 0px;width:400px;border:none;}
}

@media all and (max-width:800px)
{
   body { 	margin: 2% 3% 2% 1%;}
   #respheader { 
       text-align:left;
       height:80px;    
       background-color:lightgray;
        border:solid 1px lightgray;
    }
   #leftorbottomhome { height:775px; top:320px; } 
   .honda{ float:none;clear:both;margin-left:10px;margin-top:10px;margin-bottom:0px;width:60%;max-width:500px;height:auto; }
   .footerright
    {
        float:none;
        clear:both;
    }   
}

@media screen and (max-width: 640px) {
    #leftorbottomhome { height:625px; } 
   .honda{ float:none;clear:both;margin-left:10px;margin-top:10px;margin-bottom:0px;width:80%;max-width:500px;height:auto; }
  
    #leftdiv {
        float: none;
        margin-right:0;
        width:auto;
        border:0;
        margin-bottom:0px;
        min-height:0px;
    }
    #rightdiv {
        margin-left:0;
        min-height:0px;
    }
    #rightortop
    {
        float:none;
        margin:0px;
        width:100%;
        min-height:0px;
        height:auto;
        padding-left:0px;
    }
    #leftorbottomhome
    {
     	position:relative;
        margin:0px;
        width:100%;
        top:0px;
        left:0px;
        /*height:500px;*/
   }
    .locations { width:100%;margin-bottom:10px; }
    
#links
{
	float:none; 
	padding:10px;
	margin:10px 0px 0px 0px;
	background: url(../images/linksbackground.png) center center repeat-y;
}    
}

@media screen and (max-width: 400px) {
    #respheader { height:60px;
                      background-color:lightgray;
    border:solid 1px lightgray;

    }
   
}