
/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#2a2d31;background:#5b5959;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:19px;line-height:1;margin-bottom:0.5em;}
h2 {font-size:14px;margin-bottom:0.25em;}
h3 {font-size:14px;line-height:1;margin-bottom:0.5em;}
h4 {font-size:13px;line-height:1.25;margin-bottom:0.5em;}
h5 {font-size:12px;font-weight:bold;margin-bottom:0.5em;}
h6 {font-size:12px;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#000; text-decoration:none; }
a {color:#2a2d31;text-decoration:underline;}
a.hidden{text-decoration:none}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
-------------------------------------------------------------- */

label       { font-weight: normal; text-align:right; font-size:12px;float:left;margin: 10px 3px 10px 9px;  }
fieldset    { padding:0 0 0 0; margin:0px 0px 0 5px; border:0; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
 select {
  background-color:#fbfcff;
  background-image:url(../images/modern/inputbg.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  border:1px solid #ccc;

}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus, select:focus {
  border-color:#94956a;

}

textarea:focus{
  border-color:#666;

}



input[type=text], input[type=password],
input.text, input.title, select {
  margin:0.5em 0;
    height:20px;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      {  border:1px solid #bbb;
  height:150px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:1; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


input[type=submit] { 
	cursor:pointer; 
	background:none; 
	float:right;
	margin:0 15px 0px 0; 
	font-size:15px; 
	color:#555555; 
	padding:0; 
	background-image: url(../images/modern/spriteme1.png);
 	background-position: -11px -569px;
	border:none; 
	width:125px;
	height:50px;
	}
	
input[type=submit]:hover { 
	color:#fff;
	background-position: -138px -569px;
	
	}

.white{color:#fff;}
.black{color:#000;}
.greybg{
		background-color:#e4e2e0;
	
}

/* grid.css */
.container {width:1053px;margin:0 auto; background-image:url(../images/modern/background.jpg); background-repeat:repeat-y; padding:15px;}
.sidebar {background-image:url(../images/modern/background-sidebar.png); background-repeat:repeat-y; padding:0;width:1083px;}


#flash{z-index:-1;}
.footer {width:1028px; 
font-size:11px;
height:90px;margin:0 auto;
background-image:url(../images/modern/footer.png);
background-repeat:no-repeat; 
padding:15px 15px 0px 40px; 
color:#fff;}
.footer a{color:#fff;}

.header{padding:10px;}
.headerwhite{
	width:1053px;
	background-image:url(../images/modern/background.jpg); 
	background-repeat:repeat-y;
	padding:20px 0px 0 15px;
	margin:0px;}
.form{
	margin:-50px 5px 0 0;
	z-index:1;
	position:relative;
	float:right;
	background-image: url(../images/modern/spriteme1.png);
    background-position: -8.5px -194px;
	height:329px;
	width:259px;
	padding:20px 20px 20px 30px;
	display:inline;
	font-size:12px;

}

.form h2, .form h1{
	margin:0;
}

div.callToaction{
	height:133px;
	overflow:hidden;
	`
}


.sidebarContent .form{
	margin:0px -27px 40px 0;
	z-index:1;
	position:relative;
	float:right;
	background-image: url(../images/modern/spriteme1.png);
    background-position: -8.5px -194px;
	height:329px;
    width:259px;
	padding:20px 20px 20px 30px;
	display:inline;

}



.sidebarContent{
	
	padding:0px 50px 45px 0px;
	line-height:2.5;
	margin:0px 9px 0 20px;
	font-size:13px;
	width:263px;
	display:inline;
	position:relative;
	float:right;
	
}

.sidebarContent p{
	margin:10px 0  0 150px;
	display:block;
	clear:left;
}


.caption{
	font-size:11px;
	line-height:1.2;
	width:200px;
	text-align:center;
	font-style:italic;
	font-weight:normal;
	padding:0 25px 0 25px;
	margin-bottom:20px;
}

.contentImage{

	border:1px solid #CCC;
	margin:0px 25px 15px 35px;
	
}





.quicklinks{

	background-color:#e4e2e0;
	padding:20px 20px 20px 20px;
	line-height:2.5;
	margin:10px 0 20px 0;
	font-size:13px;
}
.quicklinks h1{
	margin:5px 0 0 10px;
}



.quicklinks .col1{
	border-right:1px dotted #d6d3d0;
	margin-right:20px;
	padding-right:10px;
}


	

.menu{
	margin:0px 34px -80px 0;
	padding:0px 0 0 18px;
	clear:both;
	position:relative;
	float:right;
	width:855px;
	
	
}

div.divider{
	float:right;
	display:inline;
	margin:-60px -25px 0 0;
}


.menu ul{
	float:right;
	margin:6px 0px 0 0;
	padding:0;
	
}

.menu ul li{
	float:left;
	line-height:1.2;
	padding:10px 25px 8px 20px;
	margin:0;
	height:52px;
	position:relative;
	display:block;
    
	text-align:left;
	vertical-align:middle;
	list-style:none;
	background:url(../images/modern/menuBGrepeat.png) repeat-x;
	 background-position: bottom;
}

.menu ul li#left{
	padding:10px 25px 8px 20px;
	background-image: url(../images/modern/spriteme1.png);
    background-position: -10px -10px;
	background-repeat:no-repeat;

}
.menu ul li#left:hover{
	color:#fff;
	    background-position: -10px -636px;

}
.menu ul li#left.current {
		color:#fff;
	 background-position: -10px -636px;

}

.menu ul li#right{
	padding:10px 30px 8px 20px;
	background-image: url(../images/modern/spriteme1.png);
    background-position: -210px -102px;
	background-repeat:no-repeat;

}
.menu ul li#right:hover{
	color:#fff;
	 background-position: -210px -720px;

}

.menu ul li#right.current{
		color:#fff;
		 background-position: -210px -720px;

}
.menu ul li div.valign{
	padding-top:10px;
	height:10px;
	display:block;
	vertical-align:middle;
	
}


.menu ul li:hover{
	color:#fff;
 background-position: top;
}

.menu ul li.current{
	color:#fff;
	 background-position: top;
}

.menu ul li:hover a , .menu ul li.current a{
	color:#fff;
	

}

/*start */

.menu ul li a{
	text-decoration:none;
	vertical-align:middle;
	height:52px;
	font-size:16px;
	clear:left;
	display:block;
	
	
}
.menu ul li a:hover{
	color:#fff;
	
}




.refer{
	display:inline;
	position:relative;
	width:179px;
	height:38px;
	float:right;
	margin-right:61px;
}
.referBut{
	position:absolute;
	background:url(../images/modern/referr.jpg) bottom;
	height:38px;
	width:179px;
	margin:-20px 0 20px 20px;
	
}

.referBut:hover{
background-position:top;
float:right;
	
}

.ed{
	display:inline;
	position:relative;
	width:179px;
	height:38px;
	float:right;
	margin-right:61px;
}
.edBut{
	position:absolute;
	background:url(../images/modern/edsem.jpg) bottom;
	height:38px;
	width:179px;
	margin:-20px 0 20px 20px;
	
}

.edBut:hover{
background-position:top;
float:right;
	
}


.topaddress{
    float:right;
    height:50px;
	text-align:right;
	margin-right:30px;
    }
	
.drname{
	float:left;
	position:relative;
 	text-align:right;
	
	margin:0px 0px 0 0;
	height:28px;
	width:500px;
	display:inline;
	
}
.address{
		border-right:1px solid #fff;
		widows:200px;
		display:inline;
		float:left;
		padding:0 20px 0 0;
		margin-right:20px;
}

.webCred{
	float:right;
	height:20px;
	position:relative;
	display:inline;
	margin:35px 60px 0 0;
}

.bodyContent{
	font-size:13px;
	line-height:2;
	padding:20px;
	margin-right:10px;
	
}

.inner{
	padding:20px 10px 20px 40px;


	
}

.content{
	display:inline;
	margin:0 10px 0 8px;
}
img.border{
	border:1px solid #CCC;
	margin:10px;
	padding:5px;
}
.subnav{
	background:url(../images/modern/subBG.jpg) repeat-x;
	height:28px;
	width:1014px;
	padding:8px 0 0px 10px;
	font-size:13px;
	margin:0 0 0px 0;
	}


.subnav ul{
	margin:0;
	padding:0;}


.subnav ul li{
	float:left;
	border-right:1px solid #3b3e40;
	padding:0 20px 0 18px;
	list-style:none;
	margin:0;
	}
	
.subnav ul li a{
	text-decoration:none;
}


.subnav ul li a:hover{
	color:#fff;
	text-decoration:none;
}
.subnav ul li a.current{
	color:#fff;
	text-decoration:none;
}

.subnav ul li.last{
	border:none;
	}
	
	
a.missingTeeth{
	background:url(../images/modern/button_missingteeth.jpg) no-repeat bottom;
	width:216px;
	height:73px;
	display:block;
	margin-left:-20px;
	
}

a.missingTeeth:hover{
		background-position:top;
	
}

a.dentureReplacement{
	display:block;
	background:url(../images/modern/button_dentureReplace.jpg) no-repeat bottom;
	width:216px;
	height:73px;
	margin-left:-10px;
}

	
	
a.dentureReplacement:hover{
	background-position:top;
	
}

a.patientform{
	display:block;
	background:url(../images/modern/patientForm.jpg) no-repeat;
	background-position:bottom;
	width:403px;
	height:108px;
	margin:10px 0 0 -10px;
}

a.patientform:hover{
	background:url(../images/modern/patientForm.jpg) no-repeat;
	background-position:top;
	
}
	