* {
    padding: 0;
    margin: 0;
}
html {
    height: 100%;
    margin-bottom: 1px;
}
body {
    background-color:#ffffff;
    color: #333333;
    font-size: 14px;
    font-family: "Century Gothic", Verdana, Helvetica, Arial;
    width: 600px;
    padding: 20px;
    margin: 0;
}
a {
    text-decoration:none;
}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
a, h1, h2, h3, .blue {
  color:#6699ff;
  font-weight:normal;
}
p, h1, h2, h3, label, input, textarea  {
  margin-bottom:10px;
}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:16px;}

ul{ margin: 0px 0px 0px 20px;}
li{  margin: 0px 0px 0px 0px; }

hr { height:2px; background-color:#6699ff; border:0px; }body {
    width: 100%;
    padding: 0px;
}
img {
    border:0px;
}
#wrapper {
    margin: 0px auto;
    max-width: 1600px;
     background: #ffffff url(images/smile11.jpg) bottom right no-repeat;
    min-width: 990px;
}
#masthead {
    height: 149px;
    border: 1px solid white; /* hack otherwise stuff blows out */
    margin-bottom: 10px;
}
#studio393 {
    width: 307px;
    float: left;
    text-align: right;
    margin-top: 40px;
}
#studio {
    color: #666666;
    font-size: 48px;
}
#blue393 {
    color: #6699ff;
    font-size: 36px;
}
#masthead-bar {
    height: 149px;
    width: 20px;
    float: left;
    background: url(images/white-teeth-masthead-bar.gif) bottom no-repeat;
}
#white-light {
    text-align: left;
    text-transform: uppercase;
    margin-top: 120px;
    color: #666666;
    font-weight: bold;
    font-size: 16px;
}
#menu {
    float: left;
    width: 287px;
    font-size: 16px;
    text-align: right;
    padding:30px 20px 20px 0px;
    border: 1px solid white; /* this is to fix the alignment thrown out by the previous hack */
}
#menu ul {
    margin: 0px;
}
#menu ul li {
    list-style: none;
}
#menu ul li.active a {
    font-weight: bold;
}
#menu ul li a {
    color: #333333;
    font-weight: normal;
}

/************ one column styles *************/
.white-teeth-bar-top {
    background: url(images/white-teeth-bar-top.gif) no-repeat top left;
}
.white-teeth-bar-bottom {
    background: url(images/white-teeth-bar-bottom.gif) no-repeat bottom left;
    padding: 20px 20px 20px 40px;
}
.content {
    float: left;
    width: 660px;
    text-align: left;
    background: url(images/white-teeth-bar.gif) repeat-y left;
}

/************ two column styles *************/
#twoColumns {
    float: left;
    width: 660px;
    background: url(images/white-teeth-bar-twoColumns.gif) repeat-y left;
}
#twoColumns .white-teeth-bar-top {
    background: url(images/white-teeth-bar-top-twoColumns.gif) no-repeat top left;
}
#twoColumns .white-teeth-bar-bottom {
    background: url(images/white-teeth-bar-bottom-twoColumns.gif) no-repeat bottom left;
    padding: 0px;
    *border:1px solid white; /* hack otherwise stuff blows out (IE of course) */
}
#twoColumns .content1 {
    float: left;
    width: 310px;
    padding: 20px 20px 20px 40px;
    *padding: 19px 10px 20px 39px; /* padding is 1 px less than above to correct the 1px solid white; hack above */
}
#twoColumns .content2 {
    float: left;
    width: 230px;
    padding: 20px 20px 20px 40px;
}


/************ footer *************/
#footerAddress {
    clear: both;
    padding: 80px 0px 120px 347px;
    color: black;
}
#footerAddress a {
    text-decoration: none;
    color: #333;
     color: black;
}
#footerMenu {
    clear: both;
    padding: 0px 40px 0px 0px;
     color: black;
}
#footerMenu div {
    padding: 5px 0px 0px 0px;
    text-align: right;
     color: black;
}
#footerMenu a {
    text-decoration: none;
    border-right: 2px solid white;
    padding: 0px 10px;
     color: black;
}
#footerMenu a.lastFootlerLink {
    border: 0px;
    color: black;
}
#footerBleachBright {
    clear: both;
    padding: 0px 0px 0px 0px;
    text-align: left;
     color: black;
}
#footerBleachBright div {
    padding: 18px 0px 0px 3px;
    float: left;
    width: 300px;
    color: black;
}
#footerBleachBright div#footerCopyright, #footerBleachBright div#footerCopyright div {
    padding: 3px 20px 0px 0px;
    float: right;
    width: 500px;
    color: black;
    text-align: right;
    font-size: 10px;
}
#footerBleachBright div#footerCopyright div a {
    color: black;
}

.clearBoth{
    clear: both;
}input, textarea {
    width: 160px;
    font-family: "Century Gothic", Verdana, Helvetica, Arial;
    color:#333333;
    border: 1px solid #333333;
    padding-left: 3px;
}
textarea {
    height:50px;
    padding-left: 1px;
}
.button {
    width:75px;
}


.inputContainer {
/*	float: left;
	clear: both;*/
	width: 615px;
	height: 40px;
/*	background-color: orange; */
	font-size: 12px;
}
.inputTag {
	width: 90px;
	float: left;
	display: inline;
	font-size: 12px;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 20px;
/*	background-color: yellow; */
}
.inputTagRight {
	float: left;
	display: inline;
	font-size: 12px;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 20px;
	text-align: right;
	width: 120px;
	margin-right: 10px;
/*	background-color: yellow; */
}
.inputFieldLong {
	width: 510px;
	float: left;
	display: inline;
/*	background-color: blue; */
}
.inputFieldLong input {
	width: 505px;
	height: 20px;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	font-size: 13px;
}
.inputFieldLong textarea {
	width: 505px;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	font-size: 13px;
}
#messageBoxLarge {
	height: 80px;
}
#messageBoxSmall {
	height: 70px;
}
#messageBoxLarge textarea {
	height: 65px;
}
#messageBoxSmall textarea {
	height: 50px;
}
.inputFieldShort {
	width: 105px;
	float: left;
	display: inline;
}
.inputFieldShort input {
	width: 100px;
	height: 20px;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
}
.submitButton {
	float: right;
	display: inline;
	margin-right: 15px;
}
#apptEmailForm .button {
	border: 0;
	width: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
}
#apptEmailForm .button:hover {
}