body {color:#000000;background-color:#007BB5;background-image:url(https://www.haircoloringguide.com/images/background.gif)}
A:link,A:visited{color:0000ff}
A:active,A:hover{color:ff0000}
A.home:link,A.home:visited {color:#ffffff}
A.home:hover,A.home:active {color:#eaeaea}
A.nav:link,A.nav:visited {color:#ffffff}
A.nav:hover,A.nav:active {color:#aaaaaa;font-weight:bold;}

#main {max-width:740px;width:97%;text-align:left;
background-color:#ffffff;padding:5px;
box-shadow: 3px 3px 3px #000;
-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow:3px 3px 3px #000;

border:1px solid #000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;}

#nav {max-width:740px;width:97%;text-align:left;
background-color:#0073AD;padding:5px;
box-shadow: 3px 3px 3px #00639D;
-moz-box-shadow: 3px 3px 3px #00639D;
-webkit-box-shadow:3px 3px 3px #00639D;

border:1px solid #00639D;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
}

#sidead{float:right;width:255px}

#logo img {max-width:357px;width:90%}

#clear {clear:both;}
#left {float:left;}
#image img {float:right;max-width:66px;width:18%;}
IMG {border:0}


#sidead{float:right;width:255px}
#sideimage{float:right;width:300px}
.taptarget {line-height:140%}

@media screen and (max-width: 770px) {
.taptarget {line-height:150%}
}

@media screen and (max-width: 750px) {
#hidden750 {display:none !important;}
}

@media screen and (max-width: 580px) {
.taptarget {line-height:170%}
#nav {box-shadow: 1px 1px 1px #00639D;-moz-box-shadow: 1px 1px 1px #00639D;-webkit-box-shadow:1px 1px 1px #00639D;padding:3px}
#main {box-shadow: 1px 1px 1px #000000;-moz-box-shadow: 1px 1px 1px #000000;-webkit-box-shadow:1px 1px 1px #000000;padding:3px}
#sidead{text-align:center;clear:all;width:100%;margin-left:auto;margin-right:auto;margin-bottom:10px;}
#sideimage{text-align:center;clear:all;width:100%;margin-left:auto;margin-right:auto;margin-bottom:10px;}
}