/* CSS Document */


#header {
height:0pt;
overflow:hidden;
}

html, form {padding:0; margin:0}

body {
font-family:  arial, tahoma, verdana, sans-serif; 
font-size: 62.5%; 
color:#696969; 
background-color:#FFFFFF; 
margin: 0;
}

p, table, tr, td, ul, li, ol, dl, dd, input{font-family: Arial, Helvetica, Tahoma, sans-serif;font-size:105%; line-height:140%; text-align:left;}

ul {padding:0; margin: 10px 0 0 30px;}
li{margin:6px 0px 6px 0px;}

p{
font-family:  arial, tahoma, verdana, sans-serif; 
font-size:115%; 
line-height:140%; 
text-align:left;
margin:10px 0 10px 0}

h1, h2, h3, h4, h5, h6{font-family: 'Arial Narrow', Arial, Helvetica, Tahoma, sans-serif; text-align:left; }

h2{font-size: 130%; margin:10px 0 0 0; color:#6e00a5; }
h3{font-size: 130%; margin:10px 0 0 0; color:#ffffff; }
h3 img {float: left; margin-right: 5px;}
h4 {font-size: 200%; margin:15px 0 0 10px; color:#ffffff;}


/* h1 separate styles */

h1#about{font-size: 250%; margin: 10px 0 0 0; padding: 5px 0 15px 45px; color:#6e00a5; background-image:url(../images/about-plec.jpg); background-repeat:no-repeat; }

h1#goldwork{font-size: 250%; margin: 10px 0 0 0; padding: 5px 0 15px 45px; color:#6e00a5; background-image:url(../images/gold-plec.jpg); background-repeat:no-repeat; }

h1#implants{font-size: 250%; margin: 10px 0 0 0; padding: 5px 0 15px 45px; color:#6e00a5; background-image:url(../images/implants-plec.jpg); background-repeat:no-repeat; }

h1#ceramic{font-size: 250%; margin: 10px 0 0 0; padding: 5px 0 15px 45px; color:#6e00a5; background-image:url(../images/ceramic-plec.jpg); background-repeat:no-repeat; }

h1#veneers{font-size: 250%; margin: 10px 0 0 0; padding: 5px 0 15px 45px; color:#6e00a5; background-image:url(../images/veneers-plec.jpg); background-repeat:no-repeat; }

h1#prosthetics{font-size: 250%; margin: 10px 0 0 0; padding: 5px 0 15px 45px; color:#6e00a5; background-image:url(../images/prosthetics-plec.jpg); background-repeat:no-repeat; }

h1#services{font-size: 250%; margin: 10px 0 0 0; padding: 5px 0 15px 45px; color:#6e00a5; background-image:url(../images/services-plec.jpg); background-repeat:no-repeat; }

h1#contact{font-size: 250%; margin: 10px 0 0 0; padding: 5px 0 15px 45px; color:#6e00a5; background-image:url(../images/contact-plec.jpg); background-repeat:no-repeat; }

/* end of h1 separate styles */




a:link		{color: #6e00a5; text-decoration:underline; font-weight:bold; outline:none; }
a:visited	{color:#6e00a5; text-decoration:underline; font-weight:bold; outline:none;}
a:hover		{color: #6e00a5; text-decoration:none; font-weight:bold;outline:none;}
a:active 	{color: #6e00a5; text-decoration:underline; font-weight:bold;outline:none;}

#nav-background {
text-align:left; 
float:left; 
width:810px; 
background-color:#ffffff;
}

#nav {
font-size:90%;
}

#outer-wrap	{
background-color:#FFFFFF; /* change to white when finished */
width:830px; 
text-align:center;
margin-left:auto; 
margin-right:auto;
}

#main-header {
background-color:#FFFFFF; 
margin-bottom:10px
}

#inner-wrap {
width:810px;
}

#main-content {
width:810px; 
float:left; 
background-image: url(../images/main-content-bg.jpg);
background-repeat: repeat-x;
background-color:#fdfeff;
border-left: 1px solid #d7d8d8;
border-right: 1px solid #d7d8d8;
border-top: 1px solid #d7d8d8;
}

#page-text	{text-align:left; padding: 3px 10px 3px 10px; line-height:190%;}
#page-text	p{line-height:160%;}

#rightPanel	{width:325px; display:block; float:right; margin:5px 0 5px 20px; padding: 9px 0 0 0; border:1px solid #cbcbcc; background-image:url(../images/right-panel-bg.jpg); background-repeat:repeat-x; background-color: #edeef3;}
#rightPanel	p{padding: 0; margin: 0; text-align: center;}
.rightPanel  {padding-left: 3px; margin: 0;}


#black-box	{text-align:left; padding: 3px 10px 3px 10px; line-height:190%; color: #FFFFFF; background-image:url(../images/black-box-bg.jpg); background-repeat:repeat-x; background-color:#716d92;}
#black-box	p{line-height:160%; margin-left: 15px;}


#footer	{
font-size:90%; 
color:#ffffff; 
height:20px;  
text-align: center;
}

#footer a	{color: #ffffff; text-decoration:none; outline: none;}
#footer a:hover	{text-decoration:underline; color:#ffffff; outline:none;}

.wrappiccyright{
float: right;
margin-left: 10px;
padding: 0;
background-color: #ffffff;
}

.wrappiccyleft{
float: left;
margin-right: 10px;
padding: 0;
background-color: #ffffff;
}

.img {
border: 2px solid #ffffff;}

/* Contact Form */

fieldset {  
float: left;  
clear: both;  
width: 100%;  
margin: 0 0 0 0;  
padding: 0 0 0 0;  
border-style: none;  
border-top: 1px solid #BFBAB0;  
background-color: #ffffff; 
}

legend {  
margin-left: 0;  
padding: 0;  
color: #000;  
font-weight: bold; 
}

fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none; 
} 

fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em; 
}

fieldset.submit {  
float: none;  
width: auto;  
border-style: none;  
padding-left: 12em;  
background-color: transparent;  
background-image: none; 
}

label {  
float: left;  
width: 10em;  
margin-right: 1em;  
text-align: right; 
}



input, select, textarea{font-size:100%; font-family:  arial, tahoma, verdana, sans-serif;}
.textFieldStyle {width:15em;}
textarea {height:8em;}
input.loginFormSubmit {width:auto; text-align:center}
.radioCheckBox{background-image:none; border:none; background-color:transparent}


.wrappiccyright{
float: right;
margin-left: 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #FFFFFF;
background-color: #FDFCF4;
}


.wrappiccyrightborder{
float: right;
margin-left: 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #cccccc;
background-color: #F3f3f3;
}
.photoborder{
padding: 5px 5px 5px 5px;
border: 1px solid #cccccc;
background-color: #F3F3F3;
}