
*{
  margin:0;
  padding:0;
}

.title {
  font-family:Arial;
  font-size:24px;
  margin-top:15px;
  margin-bottom:25px;
}


#menu{
width:1024px;
background-color:#fcbb7a;
}


ul.nav{
list-style:none;
overflow:hidden;
margin-left:150px;
margin-top:-1px;
}

ul.nav li{
float:left;
}

ul.nav a{
display:block;
padding:10px 30px;
font-family:Arial;
font-size:14px;
color:#000B70;
text-decoration:none;
-webkit-transition:all 0.5s ease;
-moz-webkit-transition:all 0.5s ease;
}

ul.nav a:hover{
background-color:#f7921e;
color:#ffffff;
}


ul.navdrop{
list-style:none;
position:absolute;
background-color:#ffd953;;
visibility:hidden;
opacity:0;
-webkit-transition:all 0.5s ease;
-moz-webkit-transition:all 0.5s ease;
z-index:1000;
}

ul.navdrop li{
float:none;
}

ul.nav li:hover ul.navdrop{
visibility:visible;
opacity:1;
}

/*SSM navigation */
ul.ssmnav{
list-style:none;
overflow:hidden;
margin-left:135px;
margin-top:-1px;
}

ul.ssmnav li{
float:left;
}

ul.ssmnav a{
display:block;
padding:10px 30px;
font-family:Arial;
font-size:14px;
color:#000B70;
text-decoration:none;
-webkit-transition:all 0.5s ease;
-moz-webkit-transition:all 0.5s ease;
}


ul.ssmnav a:hover{
background-color:#f7921e;
color:#ffffff;
}

ul.ssmnavdrop{
list-style:none;
position:absolute;
background-color:#ffd953;;
visibility:hidden;
opacity:0;
-webkit-transition:all 0.5s ease;
-moz-webkit-transition:all 0.5s ease;
z-index:1000;
}

ul.ssmnavdrop li{
float:none;
}

ul.ssmnav li:hover ul.ssmnavdrop{
visibility:visible;
opacity:1;
}




/* Costmeteology Nav */
ul.costnav{
list-style:none;
overflow:hidden;
margin-left:150px;
margin-top:-1px;
}

ul.costnav li{
float:left;
}

ul.costnav a{
display:block;
padding:10px 30px;
font-family:Arial;
font-size:14px;
color:#000B70;
text-decoration:none;
-webkit-transition:all 0.5s ease;
-moz-webkit-transition:all 0.5s ease;
}

ul.costnav a:hover{
background-color:#f7921e;
color:#ffffff;
}


ul.costnavdrop{
list-style:none;
position:absolute;
background-color:#ffd953;
visibility:hidden;
opacity:0;
-webkit-transition:all 0.5s ease;
-moz-webkit-transition:all 0.5s ease;
z-index:1000;
}

ul.costnavdrop li{
float:none;
}

ul.costnav li:hover ul.costnavdrop{
visibility:visible;
opacity:1;
}



.push {
margin-top:10px;
height:50px;
}

.push1 {
margin-top:-150px;
height:100px;
}


#footermenu {
	width: device-width;
	position: relative;
}

.footernav {
	position: relative;
	height: 20px;
	width: 1024px;
}


  
ul.footernav{
list-style:none;
overflow:hidden;
margin-left:120px;
margin-top:-1px;
}

ul.footernav li{
float:left;
}

ul.footernav a{
padding:10px 30px;
font-family:Arial;
font-size:14px;
color:#000B70;
text-decoration:none;
-webkit-transition:all 0.5s ease;
-moz-webkit-transition:all 0.5s ease;
}

ul.footernav a:hover{
color:#f7921e;
}

ul.footercostnav{
list-style:none;
overflow:hidden;
margin-left:150px;
margin-bottom:5px;
}

ul.footercostnav li{
float:left;
}

ul.footercostnav a{
padding:10px 30px;
font-family:Arial;
font-size:14px;
color:#000B70;
text-decoration:none;
-webkit-transition:all 0.5s ease;
-moz-webkit-transition:all 0.5s ease;
}

ul.footercostnav a:hover{
color:#f7921e;
}

.copyright {
  width:1024px;
  background-color:#f7921e;
  
}

p.copytitle {
  width:300px;
  font-family:Arial;
  font-size:10px;
  color:#ffffff;
  padding-bottom:10px;
  padding-top:10px;
  margin:0 auto;
}



