.footer {
position:relative;
width:1200px;
bottom:0px;
z-index:4500;
padding:50px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:left;
line-height:24px;
}

.footer ul {
width:360px;
display:block;
padding:0px;
margin:0px 59px 20px 0px;
float:left;
}

.footer li {
display: block;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
}

.footer a {
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:right;
line-height:24px;
color:white;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.footer a:hover {
color:#ff7200;
}


.footerbottom {
width:1200px;
padding:30px 0px 0px 0px;
margin:40px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:center;
line-height:24px;

border-style:dotted;
border-bottom-width:0px;
border-top-width:3px;
border-left-width:0px;
border-right-width:0px;
border-color:#ffffff;
}

.footerbottom a {
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:right;
line-height:24px;
color:#ff7200;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.footerbottom a:hover {
color:white;
}











/* DIV footer for 1200px */

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

.footer {
width:900px;
position:relative;
bottom:0px;
z-index:4500;
padding:50px 20px 0px 20px;
margin:0px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:left;
line-height:24px;
}

.footer ul {
width:250px;
display:block;
padding:0px;
margin:0px 30px 0px 0px;
float:left;
}

.footer li {
display: block;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
}

.footer a {
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:right;
line-height:24px;
color:white;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.footer a:hover {
color:#ff7200;
}


.footerbottom {
width:860px;
padding:30px 0px 0px 0px;
margin:40px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:center;
line-height:24px;

border-style:dotted;
border-bottom-width:0px;
border-top-width:3px;
border-left-width:0px;
border-right-width:0px;
border-color:#ffffff;
}

.footerbottom a {
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:right;
line-height:24px;
color:#ff7200;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.footerbottom a:hover {
color:white;
}

}

/* END DIV footer for 1200px */








/* DIV footer for 1000px */

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

.footer {
width:640px;
position:relative;
bottom:0px;
z-index:4500;
padding:50px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:left;
line-height:24px;
}

.footer ul {
width:180px;
display:block;
padding:0px;
margin:0px 30px 0px 0px;
float:left;
}

.footer li {
display: block;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
}

.footer a {
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:right;
line-height:24px;
color:white;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.footer a:hover {
color:#ff7200;
}


.footerbottom {
width:640px;
padding:30px 0px 0px 0px;
margin:40px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:center;
line-height:24px;

border-style:dotted;
border-bottom-width:0px;
border-top-width:3px;
border-left-width:0px;
border-right-width:0px;
border-color:#ffffff;
}

.footerbottom a {
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:right;
line-height:24px;
color:#ff7200;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.footerbottom a:hover {
color:white;
}

}

/* END DIV footer for 1000px */










/* DIV footer for 800px */

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

.footer {
width:auto;
position:relative;
bottom:0px;
z-index:4500;
padding:50px 20px 0px 20px;
margin:0px auto;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:center;
line-height:24px;
}

.footer ul {
width:100%;
display:block;
padding:0px;
margin:0px auto;
float:none;
}

.footer li {
display: block;
clear:both;
margin:0px 0px 10px 0px;
padding:0px;
}

.footer a {
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:center;
line-height:24px;
color:white;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.footer a:hover {
color:#ff7200;
}


.footerbottom {
width:100%;
padding:30px 0px 0px 0px;
margin:40px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:center;
line-height:24px;

border-style:dotted;
border-bottom-width:0px;
border-top-width:3px;
border-left-width:0px;
border-right-width:0px;
border-color:#ffffff;
}

.footerbottom a {
font-family: 'Roboto', verdana;
font-weight:300;
font-size:14px;
letter-spacing:0px;
text-align:right;
line-height:24px;
color:#ff7200;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.footerbottom a:hover {
color:white;
}

}

/* END DIV footer for 800px */