@charset "UTF-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	background-image: url(../_graphics/jennifer-perry-new-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;
}
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, address, blockquote, div, ul, li {
	margin: 0px;
	padding: 0px;
}

.perryorange {
	color: #f74e03;
	}

.textSize16
{
	font-size: 16px;
}
.textThankyou {
	font-size: 22px;
}
.textsizeSmall {
	font-size: 10px;
}
.textSize16orange {
	font-size: 16px;
	color: #f74e03;
}
.gapbot10 {
	padding-bottom: 10px;
}
.gaptop10 {
	padding-top: 10px;
}


a:link, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active {
	color: #F74E03;
	text-decoration: none;
}

a img {
	border-width: 0px;
	border-style: none;
}

a.dark:link, a.dark:visited {
	text-decoration: none;
	color: #fff;
}
a.dark:hover, a.dark:active {
	text-decoration: none;
	color: #f74e03;
}
a.white:link, a.white:visited {
	text-decoration: none;
	color: #AEADB2;
}
a.white:hover, a.white:active {
	text-decoration: none;
	color: #FFF;
}


#topnavHolder ul li, #websiteLeft ul li, #linknav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

#wrapper {
	min-height: 100%;
	width: 100%;
}

#websiteHolder {
	overflow:auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 400px;
	}  /* must be same height as the footer */

#websiteTop {
	float: left;
	width: 980px;
	padding-top: 20px;
	
	}
	
#websitetopLogo {
	float: left;
	width: 530px;
	padding-left: 10px;
	text-align: left;
	}
#websitetopContact {
	float: right;
	width: 430px;
	text-align: right;
	padding-right: 10px;
	}

#websiteMiddle {
	float: left;
	width: 980px;
	padding-top: 20px;
	}
#websiteLeft {
	float: left;
	width: 280px;
	padding-top: 20px;
	padding-bottom: 30px;
	}
	
#leftMenu {
	float: left;
	width: 280px;
	background: url(../_graphics/menu-bg.jpg) no-repeat left top;
	}

ul#menunav li a:link, ul#menunav li a:visited {
	text-decoration: none;
	color: #D0CFD5;
	display: block;
	float: left;
	width: 260px;
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
	line-height: 80px;
}

ul#menunav li a:hover, ul#menunav li a:active {
	color: #FFF;
	}


body#homepage a#mhomepage,
body#about a#mabout,
body#treatment a#mtreatment,
body#fees a#mfees,
body#enquiries a#menquiries
{
	text-decoration: none;
	color: #fff;
	display: block;
	float: left;
	width: 260px;
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
	line-height: 80px;
}

body#homepage a#mhomepage
{
	background: url(../_graphics/menu-home-selected.gif) no-repeat left top;
}
body#about a#mabout
{
	background: url(../_graphics/menu-about-selected.gif) no-repeat left top;
}
body#treatment a#mtreatment
{
	background: url(../_graphics/menu-treatment-selected.gif) no-repeat left top;
}
body#fees a#mfees
{
	background: url(../_graphics/menu-fees-selected.gif) no-repeat left top;
}
body#enquiries a#menquiries
{
	background: url(../_graphics/menu-enquiries-selected.gif) no-repeat left top;
}

#websiteRight {
	float: left;
	width: 700px;
	}
	
#editorialHolder {
	float: left;
	width: 640px;
	padding: 10px 40px 10px 20px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	}
#editorialHeader {
	float: left;
	width: 640px;
	font-size: 18px;
	text-align: left;
	padding-bottom: 10px;
	}
#editorialimageHolder {
	float: left;
	width: 640px;
	padding-bottom: 10px;
	}
	
	#footer {
	position: relative;
	width: 100%;
	margin-top: -400px; /* negative value of footer height */
	height: 400px;
	clear:both;
	background: #000;
} 

#websiteFooter {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	}

#footerpanelHolder {
	float: left;
	width: 980px;
	font-size: 11px;
	color: #FFF;
	padding-top: 15px;
	padding-bottom: 100px;
	line-height: 30px;
	}

#footerlinksLeft {
	float: left;
	width: 580px;
	text-align: left;
	padding-left: 20px;
	}
#footerlinksRight {
	float: left;
	width: 360px;
	text-align: right;
	padding-right: 20px;
	} 
	
#footerlinksmallHolder {
	float: left;
	width: 960px;
	padding-top: 20px;
	padding-bottom: 40px;
	font-size: 9px;
	color: #AEADB2;
	text-align: right;
	padding-right: 20px;
	border-top: 1px dashed #AEADB2;
	}

body#homepage a#bhomepage,
body#about a#babout,
body#domestic a#bdomestic,
body#commercial a#bcommercial,
body#projects a#bprojects,
body#news a#bnews,
body#contact a#bcontact 
 {
	text-decoration: none;
	color: #FFF;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#contactpageHolder {
	float: left;
	width: 640px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 40px;
	padding-bottom: 10px;
	}
#contactPage {
	float: left;
	width: 640px;
	}
#contactpageLeft {
	float: left;
	width: 220px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	}
#contactpageRight {
	float: right;
	width: 420px;
	padding-bottom: 20px;
	}
#thankyouRight {
	float: right;
	width: 380px;
	font-size: 12px;
	text-align: right;
	line-height: 24px;
	background: #F84F22;
	color: #FFF;
	padding: 20px 20px 30px;
}
/* Contact Form Styles */
#contactformHolder
{
	width: 420px;
	float: left;
	}

#contactformbox
{
	width: 380px;
	float: left;
	padding: 19px 19px 29px;
	border: 1px solid #E15820;
}
#contactformfield
{
	width: 380px;
	float: left;
	padding-bottom: 5px;
	font-size: 11px;
	color: #000;
}

#contactformSpacer
{
	width: 380px;
	float: left;
	padding-top: 10px;
}


input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 5px;
	border: 1px solid #5B5B5B;
	width: 368px;
}

input:focus, textarea:focus
{
	background: #f5c0a8;
	}
.contactformbutton {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background: #F74E03;
}

.contactformmulti
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 5px;
	border: 1px solid #5B5B5B;
	width: 368px;
}
.contactformpassword
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 5px;
	border: 1px solid #5B5B5B;
	width: 50px;
}
#contactforminput
{
	width: 380px;
	float: left;
	padding-bottom: 5px;
}

label {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
}

#contactformHeader {
	float: left;
	width: 380px;
	font-size: 18px;
	color: #FFF;
	text-align: left;
	background: #F98626;
	padding-top: 15px;
	padding-bottom: 20px;
}
