a:link { text-decoration: none; color: #ffffff } 
a:visited { text-decoration: none; color: #ffffff }
a:hover { text-decoration: none; border-bottom: 1px #ffffff dotted; color: #ffffff }

.class2 a:link { text-decoration: none; color: #222222 } 
.class2	a:visited { text-decoration: none; color: #222222 }
.class2	a:hover { text-decoration: underline; color: #222222 }

.class3 a:link { text-decoration: none; color: #7a7a7a } 
.class3	a:visited { text-decoration: none; color: #7a7a7a }
.class3	a:hover { text-decoration: none; color: #222222 }

.class4 a:link { text-decoration: none; color: #222222} 
.class4	a:visited { text-decoration: none; color: #222222 }
.class4	a:hover { text-decoration: none; border-bottom: 1px #222222 dotted; color: #222222 }

.class5 a:link { text-decoration: none; color: #7a7a7a} 
.class5	a:visited { text-decoration: none; color: #7a7a7a}
.class5	a:hover { text-decoration: none; border-bottom: 1px #7a7a7a dotted; color: #7a7a7a }

.class6 a:link { text-decoration: none; color: #e94848} 
.class6	a:visited { text-decoration: none; color: #e94848 }
.class6	a:hover { text-decoration: none; color: #222222 }




.dotted {
	border-bottom: 1px #222222 dotted;
}

body {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #222222;
	background-color: #dedede;
}




/*general fonts/spans
--------------------------------------------------------------------*/

h1 {
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	margin: 6px;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
}


.headingblack {
	font-size: 16px;
	color: #222222;
	margin: 0;
	margin-top: 10px;
}

.headinggray {
	font-size: 14px;
	color: #7a7a7a;
	margin: 0;
}

.heading {
	font-size: 14px;
	color: #222222;
	margin: 0;
}

.headingsml {
	font-size: 12px;
	margin-top: 20px;
}

.headingitalic {
	font-style: italic;
	font-size: 12px;
	margin-top: 20px;
}

.headingitalic_gray {
	color: #7a7a7a;
	font-style: italic;
	font-size: 12px;
	margin-top: 20px;
}




p.further {
	margin-left: 10px;
}

.border_bottom {
	border-bottom: 1px dotted #7a7a7a;
}



/*blockquotes
--------------------------------------------------------------------*/
blockquote.lunn {
color: #ffffff;
font-weight: bold;
padding: 20px;
padding-right: 15px;
padding-bottom: 0;
margin: 0;
margin-top: 10px;
background: url(images/quote-lunn1a.gif) top left no-repeat;
}

blockquote.living {
color: #ffffff;
font-weight: bold;
padding: 20px;
padding-right: 15px;
padding-bottom: 0;
margin: 0;
margin-top: 27px;
background: url(images/quote-liv1.gif) top left no-repeat;
}

blockquote p.living {
margin: 0;
padding: 0;
background: url(images/quote-liv2.gif) bottom right no-repeat;
}

blockquote p.lunn {
margin: 0;
padding: 0;
background: url(images/quote-lunn2a.gif) bottom right no-repeat;
}

blockquote.test {
	width: 450px;
	color: #45496c;
	font-size: 14px;
	line-height: 18px;
	padding: 10px;
	padding-bottom: 5px;
	margin: 10px;
	margin-bottom: 0px;
	margin-top: 20px;
	background: url(images/quote-test1.gif) top left no-repeat;
}

blockquote p.test {
	margin: 0;
	padding: 0;
	background: url(images/quote-test2.gif) bottom right no-repeat;
}

#pictest1, #pictest2, #pictest3 {
	width: 310px;
}


#hudd {
	width: 280px;
}

cite {
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
	margin: 0px;
	padding-left: 20px;
}

cite.test {
	color: #222222;
}

.testimonial {
	margin: 0;
	padding: 0;
}

#fountain {float: right; height: 140px; width: 200px; background-image: url(images/fountain-test.jpg); text-align: right; margin: 0; padding: 0; background-repeat: no-repeat;}
#hudds {float: right; height: 140px; width: 200px; background-image: url(images/hudds-test.jpg); text-align: right; margin: 0; padding: 0; background-repeat: no-repeat;}
#oak {float: right; height: 140px; width: 200px; background-image: url(images/oak-test.jpg); text-align: right; margin: 0; padding: 0; background-repeat: no-repeat;}
#northgate {float: right; height: 140px; width: 200px; background-image: url(images/northgate-test.jpg); text-align: right; margin: 0; padding: 0; background-repeat: no-repeat;}

#testlist ul {
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#testlist li {
	display: inline;
	margin-right: 10px;
}

.backtotop {
	font-size: 11px;
	height: 15px;
	margin: 0;
	margin-top: 40px;
	margin-left: 20px;
	padding: 0;
	padding-left: 25px;
	background-image: url(images/arrow-up.gif);
	background-repeat: no-repeat;
}

#back2 {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	padding-left: 25px;
	padding-bottom: 40px;
}

.backtonews {
	font-size: 11px;
	height: 15px;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	padding-left: 25px;
	padding-bottom: 40px;
	background-image: url(images/arrow-left.gif);
	background-repeat: no-repeat;
}

/*line dividers
--------------------------------------------------------------------*/
#horizlunn {
height: 8px;
margin-top: 10px;
margin-bottom: 10px;
background-image: url(images/horiz-lunn2.gif);
background-position: center;
background-repeat: no-repeat;
}

#horizliv {
height: 8px;
margin-top: 10px;
margin-bottom: 10px;
background-image: url(images/horiz-liv.gif);
background-position: center;
background-repeat: no-repeat;
}

.horiznews {
height: 8px;
margin-top: 10px;
margin-bottom: 10px;
background-image: url(images/horiz-news.jpg);
background-position: left;
background-repeat: no-repeat;
}

#horizcon {
height: 8px;
margin-top: 10px;
background-image: url(images/horiz-news.jpg);
background-position: left;
background-repeat: no-repeat;
}



/*general divs
--------------------------------------------------------------------*/

#top {
height: 120px;
background-color: #1f1f21;
background-image: url(images/top-joint.jpg);
background-position: center;
background-position: bottom;
background-repeat: no-repeat;
}

#container {
width: 850px;
background-color: #FFFFFF;
margin: 0 auto; /*center on page*/
}


#navigation {
	color: #FFFFFF;
	background-color: #7a7a7a;
	margin: 10px;
	margin-top: 0px;
	font-size: 12px;
	background-image: url(images/round/nav-joint.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}


#navigation ul {
	list-style: none;
	padding: 0;
	margin: 10px;
	margin-top: 0px;
	line-height: 24px;
}

#navigation li {
	display: inline;
	padding-right: 3px;
}

.navright {
	float: right;
	margin: 0;
	padding-left: 3px;
}


#content {
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 5px;
	margin: 0;
	margin-right: 280px;
}


#contentsignup {
	height: 450px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 5px;
	margin: 0;
	margin-right: 280px;
}

#content p.main {margin-bottom: 20px;}

#content p.margin {margin: 0px; margin-bottom: 20px;}

#content p.first {margin: 0px; margin-left: 6px; margin-top: 90px; font-size: 12px;}


#living {
	float: right;
	width: 250px;
	color: #ffffff;
	padding: 10px;
	padding-top: 2px;
	margin: 0;
	margin-bottom: 10px;
	background-color: #45496c;
	background-image: url(images/section-liv.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#lunn {
	width: 250px;
	color: #ffffff;
	padding: 10px;
	padding-top: 2px;
	margin: 0;
	margin-bottom: 10px;
	background-color: #929f3c;
	background-image: url(images/section-lunn2.jpg);
	background-position: top;
	background-repeat: no-repeat;
}



#news {
	float: right;
	width: 215px;
	margin: 0;
	margin-right: 10px;
	font-size: 11px;
	width: 215px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 15px;
	background: url(images/news-bg.jpg) top no-repeat;
}

.news {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0;
	margin-right: 10px;
	border: 1px solid #222222;
}

.signup {
	width: 50px;
	height: 50px;
	float: right;
	margin: 0;
	margin-left: 6px;
	border: 1px solid #222222;
}

#news p.story {
	display: block;
	margin: 0;
	padding: 10px;
	padding-left: 0;
	padding-right: 0;
	line-height: 16px;
	font-size: 12px;
}

#news p.story a {
	display: block;
	margin-top: 4px;
	border: none;
	font-size: 11px;
}

.emailpic {
	margin-top: 10px;
	margin-bottom: 10px;
}


#email {
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13px;
}

#emailbox {
	margin-top: 10px;
	width: 210px;
}

#subscribe {
	margin-top: 10px;
}





#aboutlist {
	width: 500px;
	padding: 20px;
	padding-right: 20px;
	color: #ffffff;
	background-color: #7a7a7a;
	background-image: url(images/about-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	border-bottom: 5px solid #1f1f21;
}

#aboutlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#aboutlist li {
	margin: 0;
	margin-top: 10px;
	padding: 10px;
	padding-bottom: 0;
	border-top: 1px solid #999999
}

.aboutheading {
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	margin-bottom: 20px;
}





/*side navigation
--------------------------------------------------------------------*/

#sidenav {
	float: right;
	font-size: 11px;
	width: 240px;
	margin: 0;
	margin-top: 10px;
	margin-right: 10px;
}

.sidehead {font-size: 12px;font-style: italic;}

.sidehead2 {font-size: 11px;}


#approach a {display: block; width: 224px; height: 192px; padding: 4px; padding-left: 12px; background-image: url(images/approach03.jpg); background-position: 240px 0; margin-bottom: 10px}
#approach a:hover {display: block; background-image: url(images/approach03.jpg); background-position: 0 0; border: none;}

#services a {display: block; width: 224px; height: 192px; padding: 4px; padding-left: 12px; background-image: url(images/services03.jpg); background-position: 240px 0; margin-bottom: 10px}
#services a:hover {display: block; background-image: url(images/services03.jpg); background-position: 0 0; border: none;}


#lunnside {
	width: 220px;
	height: 45px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: right;
	background-image: url(images/side-lunn.jpg);
	background-color: #333333;
	margin-bottom: 10px;
}

#livside {
	width: 220px;
	height: 45px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: right;
	background-image: url(images/side-liv.jpg);
	background-color: #333333;
	margin-bottom: 10px;
}

/*contacts
--------------------------------------------------------------------*/
#address {
	width: 200px;
	float: left;
	padding: 0;
}

#download1, #download2 {
	padding: 0;
	margin: 0;
	line-height: 20px;
}

#download1 img, #download2 img {float: left; margin-right: 5px;}


/*company
--------------------------------------------------------------------*/
#company {
	width: 300px;
	float: left;
	padding: 0;
}



/*footer
--------------------------------------------------------------------*/

#footer {
	clear: both;
	height: 150px;
	background-color: #1f1f21;
}

#footercontent {
	font-size: 10px;
	text-align: right;
	color: #ffffff;
	width: 850px;
	margin: 0px auto; /*center on page*/
	padding-top: 10px;
}

#footercontent p {
	margin: 0;
}

#footleft {
	float: left;
	text-align: left;
}

#footercontent p.address {
	color: #7a7a7a;
}




/*banners
--------------------------------------------------------------------*/

#bannerhome {width: 830px; height: 245px; margin: 0px; margin-left: 10px; margin-right: 10px;}
#bannerabout {width: 830px; height: 245px; margin: 0px; margin-left: 10px; margin-right: 10px; background-image: url(images/banners/007.jpg)}
#bannerapproach {width: 830px; height: 245px; margin: 0px; margin-left: 10px; margin-right: 10px; background-image: url(images/banners/008.jpg)}
#bannerservices {width: 830px; height: 245px; margin: 0px; margin-left: 10px; margin-right: 10px; background-image: url(images/banners/009.jpg)}
#bannertest {width: 830px; height: 245px; margin: 0px; margin-left: 10px; margin-right: 10px; background-image: url(images/banners/010.jpg)}
#bannernews {width: 830px; height: 245px; margin: 0px; margin-left: 10px; margin-right: 10px; background-image: url(images/banners/011.jpg)}
#bannerlinks {width: 830px; height: 245px; margin: 0px; margin-left: 10px; margin-right: 10px; background-image: url(images/banners/016.jpg)}
#bannercontact {width: 830px; height: 245px; margin: 0px; margin-left: 10px; margin-right: 10px; background-image: url(images/banners/013.jpg)}
#bannersitemap {width: 830px; height: 245px; margin: 0px; margin-left: 10px; margin-right: 10px; background-image: url(images/banners/014.jpg)}




/*image rollover
--------------------------------------------------------------------*/

#link01 {width: 250px; height: 150px; float: left}

#link01 a {background-image: url(images/link01.jpg); position: absolute;}

#link01 a:hover {background-image: url(images/link01over.gif)}

#link02 {height: 150px; margin-left: 255px; margin-right: 255px}

#link02 a {background-image: url(images/link02.jpg); position: absolute;}

#link02 a:hover {background-image: url(images/link02over.gif)}

#link03 {width: 250px; height: 150px; float: right}

#link03 a {background-image: url(images/link03.jpg); position: absolute;}

#link03 a:hover {background-image: url(images/link03over.gif)}



#bar {
clear: both;
height: 10px;
}

/*Links page
--------------------------------------------------------------------*/


a.link {
	display: block;
	color: #222222;
	padding: 10px;
	border: none;
	border-left: 2px solid #929f3c;
	margin: 0;
	margin-bottom: 10px; 
}

a.link:visited {
	color: #222222; 
}

a.link:hover {
	background-color: #c3c3c3;
	border: none;
	border-left: 2px solid #929f3c;
	color: #222222;
}

.linktitle {
	color: #45496c;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}


/*News page
--------------------------------------------------------------------*/

a.newsbox {
	display: block;
	height: 129px;
	padding: 10px;
	border: none;
	border-left: 2px solid #929f3c;
	background-color: #ffffff;
	margin: 0;
	margin-bottom: 10px;
	color: #222222; 
}

a.newsbox:visited {
	color: #222222; 
}

a.newsbox:hover {
	background-color: #dedede;
	border: none;
	border-left: 2px solid #929f3c;
	color: #222222;
}

.newstitle {
	color: #45496c;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

.date {
	color: #1f1f21;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

a.newsbox img {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	border: 2px solid #45496c;
}


.newspic {
	border: 4px solid #c3c3c3;
}



#patient {float: left;}
#patient a {display: block; width: 224px; height: 192px; padding: 4px;padding-left: 12px;background-image: url(images/patients03.jpg); background-position: 240px 0; margin-bottom: 10px}
#patient a:hover {display: block; background-image: url(images/patients03.jpg); background-position: 0 0;}