/*--------------------- Last Modified  2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/
fieldset,img,a img,:link img,:visited img {border:0;}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */


body { 
	font:12px/16px Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	}


h1	{ font-size:1.2em; color:#FFFFFF; font-weight: bold; }
h2	{ font-size:1.1em; color:#FFFFFF; font-weight: bold; }
h3, li	{ font-size:1.0em; color:#FFFFFF; }

h1 span,h2 span,h3 span	{ display:none; }

p, h1, h2, h3, ul, dl {
		margin:10px 0px 10px 0px;
		}
		
ul.index {
	margin:10px 0 0 15px;
	padding:0;
}


ul.superclass {
	padding-left: 15px;
}

ul.superclass li.notsuperclass {
	list-style-type: disc;
	padding-left: 5px;
}

ul.superclass li.notsuperclass ul {
	padding-left: 10px;
}

ul.superclass li.notsuperclass ul li {
	list-style: circle;
	padding-left: 10px;
}
		
a:link,a:visited	{ color:#FF9900; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#9999CC; text-decoration:underline; outline:none; }

		
p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	}
		
img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}


/* ------------------------ form elements ------------------------ */
form {
	width:135px;
	margin:10px 0 15px 0; /* set margin left and right below */
	}

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select {
	background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #5C4E7A;
	color:#000;
	width:130px; /* 5 pixles smaller than form width !important */
	height:21px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	}

select { width:135px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 

/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

#contact-main input.checkbox {
	width: 15px;
	height: 15px;
}


/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/btn-submit.jpg");
	width:64px;
	height:20px;
	border:none;
	cursor:pointer;
	}



.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000;}
.form {  background-color: #FFFFFF; border: #5C4E7A none; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-width: thin thin medium;}





#footer {
	width:700px;
	margin:20px 0 0px 0;
	}
	
#footer-sub {
	margin:20px auto 0 275px;
	}


#footer p, #footer-sub p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align:center;
	width:700px;
	}
	


.purplebg {  background: url(http://www.smilesbycostaras.com/teeth/home/purplebg.gif);}
.subpage1_r4_c1 {  background: url(http://www.smilesbycostaras.com/teeth/subpage/slices/subpage1_r4_c1.gif);}

.clickhere {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

.divider {
	margin:0 0 0 0;
	}
	
ul#logos {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul#logos li {
	margin: 0;
	padding: 0;
}

#davinci {
	margin-left: 15px;
}
