/* www.burnaby-dental.com */


body {
	text-align: center;
	margin-top: 10px;
	background-image: none;
	background-repeat: repeat;
}

#wrapper {
	width: 990;
	background-color: transparent;
 	margin-left: auto;
	margin-right: auto;
}


#page {
	position: relative; left: 0px; top: 0px;
	width: 986px;
	background-color: transparent;
	
	text-align: left;
}



#masthead {
	position: relative; left:0px; top:0px;
	width: 986px;
	height:195px;
	background-color: transparent;
	background-image: none;
	padding: 0px;
	border: solid 2px #ffcc66;
}

#masthead2 {
	position: relative; left:0px; top:0px;
	width: 986px;
	height:195px;
	background-color: transparent;
	background-image: none;
	padding: 0px;
	border: solid 2px #ffcc66;
}

#logo {color: black;
	position: absolute; left:48px; top: 35px;
	width: 102px;
	height: auto;
	text-align:center;
	background-image: none;
	background-color: transparent;
}

#bdc {
	position: absolute; top:75px; left: 150px;	
	text-align: center;
	font: bold 30px Arial, Helvetica, sans-serif;
}

.address {color: black;
	text-align: center;
	font: bold 14px Arial, Helvetica, sans-serif;
}



#staff-photo {
	position: relative; top:1px; left:-1px;
	float: right;
}

#whitechart {
	position: absolute; top:2px; left:641px;
}

#childhood-smiles {
	position: absolute; top:0px; left:608px;
}

#dental-office {
	position: absolute; top:2px; left:728px;
}

#popat {
	position: absolute; top:0px; left:750px;
}

#chan {
	position: absolute; top:0px; left:824px;
}

#gold-filling {
	position: relative; top:25px; left:-10px;
	float: right;
}

#crowns {
	position: relative; top:15px; left:-10px;
	float: right;
}

#bridge {
	position: relative; top:0px; left:-10px;
	float: right;
}

#porcelain {
	position: relative; top:10px; left:-10px;
	float: right;
}

#bonding {
	position: relative; top:30px; left:-10px;
	float: right;
}

#gold {
	position: relative; top:30px; left:-10px;
	float: right;
}

#root-canal {
	position: relative; top:0px; left:-10px;
	float: right;
}

#smiles-angie {
	position: absolute; left: 360px; top: 26px;
	width: 250px;
	background-color: transparent;
	background-image: none;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: center;
}

#headline {
	position: relative; top:30px; left:225px;
	width: 759px;
	background-color: none;
	background-image: url(../images/gold-bg.jpg);
	background-repeat: repeat;
	height:auto;
	border: solid 2px #ffcc66;
	padding: 0px;
}

body>html #headline {
	position: relative; top:30px; left:225px;
	background-color: #ffcc66;
	background-image: none;
	width: 759px;
	height: 16px;
	border: solid 2px #ffcc66;
}
.stained-glass {
	position: absolute; top: 210px; left:5px;
	background-color: transparent;
	width: 173px;
	height: auto;
}

#menu {
	position: absolute; top:370px; left:5px;
	background-color: transparent;
	background-image: none;
	width: 173px;
}

.nav-column {
	background-color: #FFDEAD;
	background-image: none;
	width: 158px;
	height: 24px;
	padding: 5px 5px 5px 8px;
	text-align: left;
	font: 16px bolder Arial, Helvetica, sans-serif;
	border: solid 1px #ffcc66;
}



H1 {position: relative; top:0px;
	color:black;
	text-align: center;
	background-color: #ffcc66;
	background-image: none;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
}

body>html H1 {position: relative; top:-12px;
	color:black;
	text-align: center;
	background-color: #ffcc66;
	background-image: none;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
}



.quick-links {
	position:relative;
	width:auto;
	text-align:center;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#content-box {
	color: black;
	position:absolute; left: 225px; top:290px;
	background-color: #FFDEAD;
	background-image: none;
	width: 745px; 
	padding: 8px;
	border: 2px solid #ffcc66;
	font-size: 16px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}


.bottom-link {
	text-align: center;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}


.brackets {
	font-size: 12px;
}

sup {
	font-size: 100%; position: relative; top: 4px;
}

#cities {color: #A9A9A9;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#small-title {color: #003471;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

#small-text {color: #003471;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	
}


#left-column {
	position: relative; left:10px; top: -47px;
	width: 220px; 
	padding: 3px;
	background-color: transparent;
	font-size: 13px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}


#left-column-home {
	position: relative; left:0px; top: -57px;
	background-color: transparent;
	width: 220px; 
	padding: 3px;
	font-size: 13px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#menu-box {
	position: relative; top:0px; left:0px;
	width: 220px; height: auto;
	padding: 0px;
	background-color: transparent;
	background-image: none;
}

.menu-fill {
	background-color:#0283AA;
	width: auto; height: auto;
}



a:link { color:blue; text-decoration:none}
a:visited {color:#696969; text-decoration:none}
a:hover {color:Red; text-decoration:underline;}

#nav-column a:link { color:blue; text-decoration:none}
#nav-column a:visited {color:#696969; text-decoration:none}
#nav-column a:hover {color:red; text-decoration:underline;}


.bottom-link a:link { color:blue; text-decoration:none}
.bottom-link a:visited {color:#696969; text-decoration:none}
.bottom-link a:hover {color:Red; text-decoration:underline;}

#content-box a:link { color:#A57B18; text-decoration:none}
#content-box a:visited {color:#FF8C00; text-decoration:none}
#content-box a:hover {color:Red; text-decoration:underline;}

.quick-links a:link { color:blue; text-decoration:none}
.quick-links a:visited {color:#696969; text-decoration:none}
.quick-links a:hover {color:Red; text-decoration:underline;}

.ads { position: relative; left:10px; top:-30px;
	padding: 5px;
	width: 210px;
	background-color: white;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: thin solid black;
	z-index: auto;
}

.ads-header {color:white;
	position: relative;
	padding: 5px;
	width: 200px; height: auto;
	background-color: #0283AA;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

ul {
	position: relative; left: -15px; top: 0px;
}

.a-text {color:black;
	font-size:11px;
	font-weight:bold;
	font-style: italic;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.b-text {color:black;
	font-size:13px;
	font-weight:bold;
	font-style: italic;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.c-text {color:black;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.s-text {color:Teal;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#bottom {color:white;
	width:724px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;	
}


.bio-box {
	color: black;
	width: 710px;
	padding: 5px;
}

.box-left {
	position:relative; left:0px; top:0px;
	padding:3px;
	width:270px;
	background-color:white;
	float:left;
	border: solid 2px #8FBC8F;
}

.box-right {
	position:relative; left:0px; top:0px;
	padding:3px;
	width:270px;
	background-color:white;
	float:right;
	border: solid 2px #8FBC8F;
}

.pic-right {color: Black;
	position:relative; left:0px; top:0px;
	width: auto;
	background-color: none;
	padding:0px;
	margin:0px;
	float: right;
	border: thin solid black;
}

.pic-left {color: Black;
	position:relative; left:0px; top:0px;
	width: auto;
	background-color: none;
	padding:0px;
	margin:0px;
	float: left;
}

#floleft {
	float:left;
}

#floright {
	float:right;
}


.floleft {
	float:left;
}

.floright {
	float:right;
}

.underline {text-decoration: underline;}

/* COLOUR FORMATING */

.bigred {color:red; font-size:20px;}
.black {color:black}
.blackn {color:black; font-weight: normal;}
.blacku {color:black; text-decoration: underline;}
.blue {color:blue}
.bluem {color: #3300ff;}
.bluemu {color: #3300ff; text-decoration:underline;}
.bluesky {color:#1E90FF;
font-family: Arial, Helvetica, sans-serif;}
.blush {color:#FF6347;}
.blushb {color:#FF6347; font-weight:600;}
.blushu {color:#FF6347; font-weight:600; text-decoration:underline;}
.brown {color:#8B4513;
font-family: Arial, Helvetica, sans-serif;}
.brownu {color:#8B4513; text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;}

.forest {color:#006400;}

.grass {color:Green;}
.grayb {color:#696969; font-weight:600;}

.magenta {color:Fuchsia}
.midnight{color:#191970}
.maroon {color:#6a0303}
.maroonu {color:#6a0303; text-decoration: underline;}
.maroonb {color:#6a0303; font-weight: bold;}
.mercy {color: #781400;}

.navy {color:navy;}
.navyb {color:navy; font-weight: bold;}
.navyu {color:navy; text-decoration: underline;}
.navyc {color:navy; text-align: center;}
.navycb {color:navy; font-weight: 600; text-align: center;}
.navycbu {color:navy; font-weight: 600; text-align: center; text-decoration: underline;}
.orange {color: #f7941d}
.orangeb {color: #f86820}
.peri {color: #2FA5C9;}

.red {color:red}

.sky {color:#87CEEB}
.skyd {color:#1E90FF}
	
.tan {color:#D2B48C;}
.twilight{color:#594BAB}

.white {color: White;}

.yellow {color:yellow}

.decou {	text-decoration: underline;}