/* CSS Document */

* {
padding:0px;
margin:0px;
border:0px;
}

a:visited {
text-decoration:underline;
}

body {	
font-family: Arial, Helvetica, sans-serif;	
color:#336699;
text-align:center;
background-color:#666666;
font-size:12px;

}


#mainContainer {
float:left;
margin-top:20px;
margin-left:100px;
width:815px;
background-color:#006666;
z-index:1;
border:black solid 1px;

}


#banner {
float:left;
width:815px;
height:200px;
background-color:#006666;
border-bottom:1px black solid;
z-index:1;
}


#banner img {
float:left;
margin-top:30px;
margin-left:15px;
border:solid 1px black;

}


#logo {
float:left;
margin-left:10px;
margin-top:12px;
width:123px;
height:180px;
background-color:#FFffff;
border:solid 1px black;

}



#logo img {
margin:0px;
border:0px;

}


#addressPhone {
float:left;
margin-top:15px;
margin-left:100px;
width:677px;
height:15px;
padding-top:5px;

}


#addressPhone table {
border:0px;
margin:0px;
padding:0px;

}


#addressPhone td {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:white;
font-weight:bold;
border:0px;
margin:0px;
padding:0px;

}


#hours {
/*position:absolute;
top:0px;
left:0px;*/
float:right;
margin-top:-90px;
margin-right:5px;
height:75px;
width:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.5em;
text-align:center;
color:white;
font-weight:bold;
background-position:top left;
background-repeat:no-repeat;
z-index:3;
/*background-color:blue;*/
}

ul#headerContainer {
float:left;
width:815px;
height:55px;
/*background-color:yellow;*/
/*border: thin solid black;*/
border-top:0px;
border-bottom:1px solid black;

}

#title {
float:left;
width:483px;
height:45px;
line-height:1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:bold;
color:#99FFFF;
text-align:center;
background-color:#339966;
padding:5px 5px;
border:0px;
display:inline;
/*background-color:white;*/
}

#title.smallerFontTitle {
font-size:20px;

}

#breadCrumb {
float:left;
width:795px;
height:20px;
font-size:14px;
padding-top:10px;
padding-left:20px;
padding-bottom:25px;
/*border-right:1px solid black;
border-left:1px solid black;*/
background-color:#006666;
}

#breadCrumb a {
float:left;
margin-right:10px;
/*background-color:yellow;*/
text-decoration: none; 
border:none;
border-style:none;
margin:0px;
padding:0px 10px;
color:#99FFFF;
}

#pickUp_delivery {
float:left;
width:150px;
height:45px;
font-size:12px;
font-weight:bold;
line-height:1.25em;
padding:5px 5px;
text-align:center;
background-color:#339966;
/*background-color:tan;*/
color:#333333;
border:0px;
border-left:thin black solid;
display:inline;
}


#contactUs {
float:left;
width:150px;
height:45px;
font-size:12px;
font-weight:bold;
line-height:1.25em;
padding:10px 5px 0px;
text-align:center;
background-color:#339966;
/*background-color:yellow;*/	
color:#333333;
border:0px;
border-right:thin solid black;
display:inline;
}

#addressPhone {
position:absolute;
top:0px;
left:140px;
width:677px;
height:15px;

}


#addressPhone table {
border:0px;
margin:0px;
padding:0px;

}


#addressPhone td {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:white;
font-weight:bold;
border:0px;
margin:0px;
padding:0px;

}


ul#contentContainer {
float:left;
width:815px;
background-color:#006666;
padding:0px 0px 25px 0px;
margin:0px 0px 0px 0px;
/*border:black 1px solid;*/
border-top:0px;
clear:left;
display:inline;
}

#intro_beforeAfter {
float:left;
margin-left:75px;
width:650px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
margin-top:0px;
margin-bottom:35px;
border-top:solid gray 2px;
border-bottom:solid gray 2px;
padding-top:10px;
}

#intro_beforeAfter p {
line-height:1.5em;
text-indent:0px;
margin-bottom:10px;
text-align:left;
}

#intro_beforeAfter h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
float:left;
width:100%;
height:20px;
margin-bottom:15px;


}

li {
padding:0px;
list-style:none;
color:#ffffff;

}

li.beforeAfterContainer {
float:left;
width:100%;
display:inline;
/*border:1px solid yellow;*/
height:300px;

}

.beforeContainer {
float:left;
width:350px;
height:236px;
display:inline;
margin-left:40px;

}


.afterContainer {
float:left;
margin-left:45px;
display:inline;
width:350px;
height:236px;
}


li.title {
float:left;
width:100%;
color:white;
font-size:16px;
text-align:center;
margin-top:5px;
padding:5px;
font-weight:bold;
/*background-color:orange;*/
}

.image {
float:left;
width:100%;
/*background-color:pink;*/


}

.image img {
border:thin solid black;
display:inline;

}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;

}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#test {
float:left;
width:600px;
height:25px;
background:blue;

}