@import"reSet.css";

/*eggplant 5c5a65*//*cream fefad4*//*tan fdd49c*//*light brown ba8f72*//*cord 866e6a*//*background grey a7a9ac #fcfbf3*/

body{margin-top:5px;
font-family: 'poiret_oneregular', sans-serif;
line-height:1.4em;
font-size:1em;
color:#444346;
background-color:#5c5a65;
margin:0;}

#bac {
background:#d3d3d3;
position:relative;
z-index:1;
width:100%;
left:0px;
top:0%;
border-bottom:6px solid #fefad4;}

#checkerboard {position:absolute;
z-index:2;
background-image:url(image/logo2.png);
width:100%;
left:0px;
right:0px;
height:133px;}


#wrapper{position:relative;
width:980px;
margin-left:auto;
margin-right:auto;}


header {position:relative;
z-index:3;}

.logo {display: block;
    margin: auto;}


h1 {font-family:'poiret_oneregular', sans-serif;
font-size:1.2em;
color:#97745c;
padding-bottom:2%;
padding-top:1%;
}

h2 {font-family:'warnesregular', sans-serif;}

/*eggplant 5c5a65*//*cream fefad4*//*tan fdd49c*//*light brown ba8f72*//*cord 866e6a*//*background grey a7a9ac* darker cord 63514e*/

nav {font-family:'poiret_oneregular', sans-serif;
z-index:10;
position:relative;
width:98%;
text-align:center;
font-size:1.2em;
padding-bottom:1%;}

nav a:visited{color:#5c5a65;}

nav a:link {color:#5c5a65;
padding-right:1.8%;
padding-left:1.5%;
text-decoration:none;}

nav a:hover {color:#866e6a;}


.clearFloat {clear:both;
width: 60;}

footer{
line-height:26px;
width:980px;
margin-left:auto;
margin-right:auto; 
padding-bottom:3%;
}

footer a:visited{color:#fefad4;}

footer a:link {color:#fff;text-decoration:none;font-size:1em;padding-right:10px;
padding-left:10px;}

footer a:hover {color:#ba8f72;text-decoration:none;}

#footleft{
float:left;
width:27%;
}

#footright{
float:right;
width:30%;text-align:center;
}

#footcenter{
margin-top:1%;
margin-left:31.5%;
}

.text {color:#fff;}

label {color:ba8f72;}

#form {color:#fefad4;
font-family:'poiret_oneregular', sans-serif;}

#formtwo {color:#fefad4;
font-family:'poiret_oneregular', sans-serif;
padding-left:3%;}

#submit {color:#5e2f00;}

#email {color:#5e2f00;}

textarea {background: #fefad4;
border:0;}

input {background-color: #fefad4;
border:0;}

input: focus{border-color: #fefad4;}

input {font-style: italic;
font-size: .8em;
padding: .5em;
border-style: solid;
border-width: 3px;
border:0;}

#rotate{-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
transition: all .5s ease-out;
}

#rotate:hover{
-moz-transform:rotate(360deg);
-moz-transition-timing-function: ease; 
-moz-transition-duration: .5s;
-webkit-transform:rotate(360deg);
-webkit-transition-timing-function: ease; 
-webkit-transition-duration: .5s;
-ms-transform:rotate(360deg);
-ms-transition-timing-function: ease; 
-ms-transition-duration: .5s;
-o-transform:rotate(360deg);
-o-transition-timing-function: ease; 
-o-transition-duration: .5s;
transform:rotate(360deg);
transition-timing-function: ease; 
transition-duration: .5s;
} 

.top {float:right;
color:#5c5a65;
padding-top:3%;
padding-right:2%;
text-decoration:none;}

/**************************************************************Page1*********************************************************************/
/*eggplant 5c5a65*//*cream fefad4*//*tan fdd49c*//*light brown ba8f72*//*cord 866e6a*//*background grey a7a9ac* darker cord 63514e*/
#indexphoto{width:100%;}

.ford {width:96%;
padding-bottom:2%;}

#left{
float:left;
width:28%;
padding-right:1%;
border-right:2px dashed #fefad4;}

#right{
float:right;
width:28%;
margin-right:3%;
padding-left:3%;
border-left:2px dashed #fefad4;}

#center{padding-left:3%;
padding-right:3%;
float:left;
width:30%;}

#welcome {font-family:'atomic_ageregular', sans-serif;
text-align:center;
font-size:2em;
width:95%;
padding-bottom:4%;
padding-top:2%;
color:#97745c;}


q:lang(en){quotes:"<>";}

q:before {font-family:timesnewroman;
font-size:2em;
content: '\201C';
}

q:after {font-family:timesnewroman;
font-size:2em;

content: '\201D';
} 
/**************************************************************Page2*********************************************************************/

#leftprocess{
float:left;
padding-left:2%;
width:60%;
padding-right:5%;
padding-top:1%;
border-right:2px dashed #fefad4;}

#rightprocess{
float:right;
width:30%;
color:#5e2f00;
font-size:1.2em;
color:#5c5a65;
padding-bottom:4%;
}

.info{width:100%;
font-size:1em;}

#container {
	width:100%;
	text-align: left;
	padding-bottom:0%;

	column-count: 3; 
	column-gap:50px;
	column-fill:balance;
	column-rule:2px dashed #fefad4;
	
	-moz-column-count: 3; 
	-moz-column-gap: 50px;
	-moz-column-fill:balance;; 
	-moz-column-rule:2px dashed #fefad4;

	-webkit-column-count: 3; 
	-webkit-column-gap: 50px;
	-webkit-column-fill:balance;	 
	-webkit-column-rule:2px dashed #fefad4; 
	
	-o-column-count: 3; 
	-o-column-gap: 50px;
	-o-column-fill:balance;
	-o-column-rule:2px dashed #fefad4; 
	
	-ms-column-count: 3; 
	-ms-column-gap: 50px;
	-ms-column-fill:balance;
	-ms-column-rule:2px dashed #fefad4;  	
}


.dyk {padding-top:5%;
width:100%;
padding-bottom:2%;}

.figs {width:100%;
padding-bottom:2%;
padding-top:3%;
padding-left:20%;}

.ad {
width:65%;
border:solid 1px #a7a9ac;
box-shadow: 5px 5px 9px 1px #5c5a65;
-webkit-box-shadow: 5px 0px 5px 5px #5c5a65;
-moz-box-shadow: 5px 0px 5px 5px #5c5a65;}

/**************************************************************Page3*********************************************************************/


.car {
float:left;
width:20%;
padding-top:1%;
padding-bottom:2%;
padding-right:2%;
}

.lineone {border-bottom:2px dashed #fefad4;
}

#one {float:right;}

.boss {float:left;
padding-right:5%;
padding-bottom:3%;
}

.crew{padding-left:.5%;
padding-right:.5%;}

/**************************************************************Page4*********************************************************************/


#leftside{
float:left;
width:39%;
}

#rightside{
float:right;
width:24%;
padding-right:2%;
}

#middle{padding-left:7%;
float:left;
width:24%;}

.change {width:100%;
border: 4px solid #fefad4;}

.change1 {width:100%;
border: 4px solid #fefad4;}

.imagetext {text-align:center;
color:#97745c;
font-weight:bold;
}





/**************************************************************Media Q***************************************************************************************/

/****************************************************Media Query 980****************************************************/

@media only screen and (max-width:980px) {

#back {width:90%;
}



#wrapper {
width:96%;
margin-left:auto;
margin-right:auto;
}

header {
width:100%;
}

nav {font-family:'poiret_oneregular', sans-serif;
z-index:10;
position:relative;
width:98%;
text-align:center;
font-size:1.2em;
padding-bottom:1%;}

nav a:visited{color:#5c5a65;}

nav a:link {color:#5c5a65;
padding-right:1.8%;
padding-left:1.5%;
text-decoration:none;}

nav a:hover {color:#866e6a;}


footer {
width:80%;
}
#left{
float:left;
width:28%;
padding-right:1%;
border-right:2px dashed #fefad4;
float: none;}

#right{
float:right;
width:28%;
margin-right:1%;
padding-left:2%;
border-left:2px dashed #fefad4;
float: none;}

#center{padding-left:3%;
padding-right:3%;
margin-left:29%;
float: none;}
}

/****************************************************Media Query 768****************************************************/
@media only screen and (max-width: 768px) {

#back {width:90%;}


#wrapper {
width:96%;
margin-left:2%;
margin-right:2%}

header {
width:100%;}

.logo {/*display: block;*/
    margin-left: auto;
    margin-right: auto;
}
nav {font-family:'poiret_oneregular', sans-serif;
z-index:10;
position:relative;
width:98%;
text-align:center;
font-size:1.2em;
padding-bottom:4%;}

nav a:visited{color:#5c5a65;}

nav a:link {color:#5c5a65;
padding-right:1.8%;
padding-left:1.5%;
text-decoration:none;}

nav a:hover {color:#866e6a;}

footer{
line-height:26px;
width:980px;
margin-left:auto;
margin-right:auto; 
padding-bottom:3%;}

footer a:visited{color:#fefad4;}

footer a:link {color:#fff;text-decoration:none;font-size:1em;padding-right:5px;
padding-left:5px;}

.text {color:#fff;
font-size:.9em;}

#footleft{
float:left;
width:45%;
padding-bottom:3%;
}

#footright{
float:right;
width:45%;
text-align:none;
}

#footcenter{
width:68%;
margin-left:30%;
float: none;
clear:both;

}

.article {width:80%;
}

footer {
width:80%;
}

#welcome {text-align:center;
font-size:1.3em;
width:100%;
padding-bottom:3%;
padding-top:2%;
line-height:1.2em;}


#left {float: left;
width:46%;
padding-right:0%;
border-right:none;
}

#right {float: right;
width:46%;
margin-right:1%;
padding-left:4%;
border-left:2px dashed #fefad4;}

#center {padding-left:0%;
padding-right:0%;
margin-left:0%;
float: none;
width:98%;
padding-top:2%;
clear:both;
}

.boss {float:left;
padding-right:5%;
padding-bottom:0%;
}

#one{font-size:.9em;}

.crew{padding-left:3.5%;
padding-right:3.5%;
}

#leftside{
float:left;
width:39%;
}

#rightside{
float:right;
width:24%;
padding-right:2%;
}

#middle{padding-left:7%;
float:left;
width:24%;}

.change {width:100%;
border: 4px solid #fefad4;}

.imagetext {text-align:center;}

.ford {width:96%;
padding-bottom:2%;
}

.dyk {padding-top:5%;
width:80%;
padding-bottom:2%;}

.figs {width:80%;
padding-bottom:2%;
padding-top:3%;
padding-left:20%;}

.ad {
width:65%;
border:solid 1px #a7a9ac;
box-shadow: 5px 5px 9px 1px #5c5a65;
-webkit-box-shadow: 5px 0px 5px 5px #5c5a65;
-moz-box-shadow: 5px 0px 5px 5px #5c5a65;}



#container {
	width:100%;
	text-align: left;
	padding-bottom:3%;

	column-count: 2; 
	column-gap:50px;
	column-fill:balance;
	column-rule:2px dashed #fefad4;
	
	-moz-column-count: 2; 
	-moz-column-gap: 50px;
	-moz-column-fill:balance;; 
	-moz-column-rule:2px dashed #fefad4;

	-webkit-column-count: 2; 
	-webkit-column-gap: 50px;
	-webkit-column-fill:balance;	 
	-webkit-column-rule:2px dashed #fefad4; 
	
	-o-column-count: 2; 
	-o-column-gap: 50px;
	-o-column-fill:balance;
	-o-column-rule:2px dashed #fefad4; 
	
	-ms-column-count: 2; 
	-ms-column-gap: 50px;
	-ms-column-fill:balance;
	-ms-column-rule:2px dashed #fefad4;  	
}
.lineone {border-bottom:2px dashed #fefad4;
}

.car {
float:left;
width:25%;
padding-top:3%;
padding-bottom:2%;
padding-right:2%;}



}

/****************************************************Media Query 480****************************************************/
@media only screen and (max-width: 480px) {

body {font-size: .8em;}

#back {width:90%;
}

#wrapper {
width:96%;
margin-left:1%;
margin-right:1%
}

header {
width:100%;
}

.logo {/*display: block;*/
    margin-left: auto;
    margin-right: auto;
}

nav {width:100%;
font-family:'poiret_oneregular', sans-serif;
z-index:10;
list-style:none;
position:relative;
font-size:1em;
padding-bottom:5%;

}

nav a:visited{color:#866e6a;}

nav a:link {color:#866e6a;
text-decoration:none;display:block;

}

nav a:hover {color:#fdd49c;}

.picture1{float:left;
margin-left:13.5%;
}

.picture2{float:left;
margin-left:13.5%;
}


footer {
width:96%;
padding-left:2%;
padding-right:2%;
}

.copy {color:#fff;
padding-right:4%;
padding-left:4%;
float:left;
width:120%;
}

.fbox{
padding-right:4%;
padding-left:4%;
float:left;
display:inline;
width:100%;
}


#welcome {
display:none;
visibility:hidden;}

.ford {width:100%;
padding-bottom:2%;
margin-left:2%;
padding-top:2%;
}


#left {
float:none;
clear: both;
width:96%;
margin-left:2%;
border-bottom:none;
padding-bottom:3%;
}

#right {
float:left;
clear: both;
width:96%;
padding-left:0%;
margin-left:2%;
padding-bottom:3%;
border-left:none;
}

#center {
float:none
clear: both;
width:96%;
margin-left:2%;
}


#one{font-size:.9em;
margin-left:2%;
float:left;
}

.crew{padding-left:15%;
padding-right:0%;
width:75%;
}

.boss {float:left;
padding-right:15%;
padding-left:15%;
padding-bottom:3%;
width:65%;
}

#leftside{
float:none;
clear: both;
width:100%;
}

#rightside{
float:left;
width:100%;
clear: both;
padding-right:2%;
}

#middle{padding-left:0%;
float:none;
clear: both;
width:100%;}

.change {width:90%;
margin-left:2%;
border: 4px solid #fefad4;}

.change1 {width:90%;
margin-left:2%;
border: 4px solid #fefad4;}

#footleft{
float:none;
width:100%;
padding-bottom:3%;
clear: both;
}
#footcenter{
display:none;
visibility:hidden;
}

#footright{
float:left;
width:100%;
padding-bottom:3%;
clear: both;
}

.article {width:100%;
float: left;
}

#rightprocess{display:none;
visibility:hidden;
}

#leftprocess{
width:100%;}

#container {
	width:100%;
	text-align: left;
	padding-bottom:3%;
    margin-left:2%;
	margin-right:2%;

	column-count: 1; 
	column-gap:50px;
	column-fill:balance;
	column-rule:2px dashed #fefad4;
	
	-moz-column-count: 1; 
	-moz-column-gap: 50px;
	-moz-column-fill:balance;; 
	-moz-column-rule:2px dashed #fefad4;

	-webkit-column-count: 1; 
	-webkit-column-gap: 50px;
	-webkit-column-fill:balance;	 
	-webkit-column-rule:2px dashed #fefad4; 
	
	-o-column-count: 1; 
	-o-column-gap: 50px;
	-o-column-fill:balance;
	-o-column-rule:2px dashed #fefad4; 
	
	-ms-column-count: 1; 
	-ms-column-gap: 50px;
	-ms-column-fill:balance;
	-ms-column-rule:2px dashed #fefad4;  	
}

.dyk {padding-top:5%;
width:100%;
padding-bottom:2%;}

.figs {width:80%;
padding-bottom:2%;
padding-top:3%;
padding-left:10%;}

.ad {
width:65%;
border:solid 1px #a7a9ac;
box-shadow: 5px 5px 9px 1px #5c5a65;
-webkit-box-shadow: 5px 0px 5px 5px #5c5a65;
-moz-box-shadow: 5px 0px 5px 5px #5c5a65;}

.line{border-top:1px dashed #fefad4;
padding-top:2%;
padding-bottom:2%;}

.lineone {border-bottom:none;
}


.car {
float:left;
width:25%;
padding-top:3%;
padding-bottom:2%;
padding-right:2%;}
}