ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0px; padding:0px; }

a img,:link img,:visited img,fieldset { border:none; }

a { outline:none; }




/* global elements
 * ------------------------------------------------------------------------- */
body {
	background:#6a7371 url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/body-bg.jpg") repeat-x;
	text-align:center;
	font:13px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	}

blockquote {
	margin-left:10px;
	margin-right:10px;
	}

h1	{ font-size:1.1em; color:#213052; }
h2	{ font-size:1.0em; color:#213052; }
h3	{ font-size:0.9em; color:#213052; }



a:link,a:visited,a:active { color:#666; text-decoration:underline; }
a:hover { color:#333; text-decoration:underline; }


/* classes
 * ------------------------------------------------------------------------- */

.invisalign { font-size:1.1em; font-weight: bold; }

.click {
	font-size:11px;
	}

.survey {
	width:150px;
	background-color:#F0F0F0;
	padding-top:20px;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:20px;
	font-size:12px;
	display:block;
	}

#invisalign-pop {
	width: 500px;
	background-color: #FFF;
	text-align: left;
	}
	
#invisalign-pop p, h1 {
	margin: 10px;
	}	

/* framework
 * ------------------------------------------------------------------------- */
#wrap {
	background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/bg-wrap.jpg") repeat-y;
	width:737px;
	margin:0px auto;
	text-align:left;
	}


/* ----- content-left ----- */
#column-left {
	background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/subhead.jpg") top left no-repeat;
	width:473px;
	float:left;
	padding-top:30px;
	}
	#column-left div.content-wrap {
		margin:0 0 0 60px;
		width:393px;
		}
#column-left p, #column-left h1, body#home #column-left h2  {
		margin:0px 0px 20px 0;
		}
		#column-left h2 {
			margin:0px 0px 5px 0;
			}
		#column-left ul {
			list-style-type:disc;
			margin:0px 0px 20px 20px;
			}
		#column-left h1, #column-left h2.home-h2 {
			border-left:5px solid #13536f;
			}
		#column-left h1 span, #column-left h2.home-h2 span {
			background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/header-tags-bg.jpg") repeat-x left bottom;
			padding-bottom:10px;
			margin-left:10px;
			display:block;
			}
	#welcome-section-buttons {
		width:167px;
		height:74px;
		float:right;
		background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/welcome-section-buttons.jpg") 0px 0px no-repeat;
		margin:20px 18px 6px 8px;
		}
		#welcome-section-buttons a {
			display:block;
			height:37px;
			width:167px;
			margin:0px;
			padding:0px;
			line-height:32px;
			text-align:center;
			}
			#welcome-section-buttons a span {
				display:none;
				}
	.title-relaxing-environment {
		background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/title-relaxing-environment.jpg") no-repeat;
		height:49px;
		margin:30px 0px 10px 0px;
		}
  
	.title-making-affordable {
		background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/title-making-affordable.jpg") no-repeat;
		height:53px;
		margin:30px 0px 4px 0px;
		}

	.title-new-news {
		background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/title-new-news.jpg") no-repeat;
		height:53px;
		margin:30px 0px 8px 0px;
		}		
		
	#levels-of-white {
		background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/3-levels-of-white.jpg") no-repeat;
		width:400px;
		height:138px;
		margin:30px 0px 20px 0 ;
		}
	#invisalign-day {
		background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/invisalign-day.jpg") no-repeat;
		width:400px;
		height:110px;
		margin:10px 0px 20px 53px;
		position:relative;
		}		

	#invisalign-day a {	
		position:absolute;
		left:0px;
		width:400px;
		top:0px;
		height:110px; 
		}
	#invisalign-day a span {
		display:none;
		}

/* ----- content-right ----- */
#column-right {
	width:264px;
	float:left;
	background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/column-right-top.jpg") no-repeat;
	}
	#column-right p {
		margin:10px 0px 20px 15px;
		padding-right:36px;
		}
	#column-right-flash {
		width:241px;
		height:385px;
		margin:10px 0px 35px 10px;
		}
	#column-right #news-feed {padding-left:15px;width:217px; height:24px; margin-top:-10px;}
	#title-contact-practice {
		background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/title-contact-practice.jpg");
		width:185px;
		height:74px;
		}
		
	.survey { margin-top:10px;}
		
	#title-contact-practice-sub {
		background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/title-contact-practice-sub.jpg");
		width:199px;
		height:90px;
		}
	
#bottom-wrap {
	background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/bottom-wrap.jpg");
	height:51px;
	clear:both;
	width:100%;
	}

#little-green-tab {
	background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/little-green-tab.jpg");
	width:737px;
	height:31px;
	margin:0px auto;
	margin-bottom:20px;
	}




/* header framework
 * ------------------------------------------------------------------------- */
#header {
		background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/header.jpg");
		height:109px;
		position:relative;
	}
		#header a {	
			position:absolute;
			width:233px;
			height:58px; 
			top:45px;
			left:41px;
			}
			#header a span {
				display:none;
				}

#header-flash { padding-top:31px; padding-left:2px;} /* sets height for the flash header - REMOVE IF NOT USED */
	.no-flash-warning { text-align:center; color:#333;}






/* navigation
 * ------------------------------------------------------------------------- */
#nav-container {		
	background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/nav.jpg") no-repeat;
	height:28px;
	}
#nav {
	margin:3px 0 0 25px;	
	}

ul#nav a {
	border:none;
	padding: 5px 8px;
	font-size:12px;
	color:white;
}
ul#nav li {
	background:none;
}
ul#nav li:hover ul,
ul#nav li.sfHover ul {
	top:25px;
}
ul#nav li:hover, ul#nav li.sfHover,
ul#nav a:focus, ul#nav a:hover, ul#nav a:active {
	background:		#6A7371;
}
ul#nav li ul li{
	background:#4a5150;
}



/* forms
 * ------------------------------------------------------------------------- */
form {
	width:160px;
	margin:10px 0px 15px 0px;
	padding-left:15px;
	}

form label	{ font-size:.95em; }

form br { line-height:0px; height:0px; }

input, textarea, select {
	background-color:#999 !important;
	border:1px solid #333;
	color:#fff;
	width:155px; /* 5 pixles smaller than form width !important */
	height:16px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:2px;
	padding-top:1px;
	padding-left:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	}
	
select { width:160px; padding:0px; } /* same width as form - !important */

textarea { height:65px; overflow:auto; }

#contact_business { display:none; }


/* ----- main form ----- */
#contact-main { width:380px; margin:20px 0px 10px 0px; }

#contact-main label {
	width:195px;
	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:104%;
	top:0px;
	}
	
#contact-main label select { width:175px; }
	
#contact-main textarea { width:300px; height:100px; overflow:auto; }

#contact_business { display:none; }

#contact-main input.dbl-line,#contact-main select.dbl-line {
	margin-top:7px;
	}

body#contact-us #contact-main input.submit, body#contact-us #contact-main input.submitHover {
	margin:0px 0px 0px 180px;
	}

input.submit {
	background-color:#999 !important;
	border:1px solid #333;
	width:60px;
	height:20px;
	cursor:pointer;
	padding:0px 0px 2px 0px;
	color:#fff;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

input.submitHover {
	background-color:#333 !important;
	border:1px solid #999;
	width:60px;
	height:20px;
	cursor:pointer;
	padding:0px 0px 2px 0px;
	color:#fff;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/* SURVEY
 * ------------------------------------------------------------------------- */

#contact_what_do_you_like_best { display:none; }
#contact_make_our_service_more_valuable { display:none; }
#contact-email-hidden {display:none;}


/* footer
 * ------------------------------------------------------------------------- */
#footer {
	width:100%;
	background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/bg-body.jpg");
	margin:0px auto;
	text-align:center;
	font-size:11px;
	padding-bottom:20px;
	}

#footer p {
	color:#fff;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited, #footer a:active { color:#ccc; }

#footer a:hover { color:#fff; }

#footer ul { margin-top:10px; margin-bottom:10px; }

#footer li {
	padding:0px 5px 0px 7px;
	display:inline;
	border-left:1px solid #fff;
	}
	#footer li.first { border:none; }




/* classes
 * ------------------------------------------------------------------------- */
div.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	font-size:10px;
	}
	
img.img-left {
	float:left;
	margin:2px 5px 5px 0px;
	}
	
img.img-right {
	float:right;
	margin:5px 0px 10px 10px;
	}

.readmore a {
    display:block;
    width:70px;
    height:28px;
    padding:0px;
	margin-bottom:20px;
    line-height:32px;
    text-align:center;
    background:url("http://eiiwebassets.s3.amazonaws.com/c/centercitydentist.com/images/readmore.jpg") no-repeat;
    }
	.readmore a:hover, .readmore a:active {
		background-position:0px -28px;
		}
		.readmore a span {
			display:none;
			}
			
			
			
			
	
body#refer-a-friend {color:#fff;}
body#refer-a-friend #wrap {width:380px; margin:30px auto; background:none; padding:0;}
body#refer-a-friend #wrap h1, body#refer-a-friend #wrap p{margin:0 0 10px 0; padding:0; text-align:center;}


body#refer-a-friend a:link,body#refer-a-frienda a:visited { color:#fff; text-decoration:underline; }
body#refer-a-friend a:hover,body#refer-a-frienda a:active { color:#fff; text-decoration:underline; }


			
#tell_a_friend form {width:380px;}

#tell_a_friend label {
	width:100px;
	position:relative;
	display:block;
	text-align:right;
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#tell_a_friend label input, #contact-main label textarea, #contact-main label select {
	width:170px;
	position:absolute;
	left:104%;
	top:0px;
	}
	
#tell_a_friend label select { width:175px; }




div.buttons {position:relative;}

#tell_a_friend input.submit {
	background-color:#999 !important;
	border:1px solid #333;
	width:60px;
	height:20px;
	cursor:pointer;
	padding:0px 0px 2px 0px;
	color:#fff;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:105px;
	position:absolute;
	top:0;
	left:0px;
	}
	
	#tell_a_friend input.reset {
	background-color:#999 !important;
	border:1px solid #333;
	width:60px;
	height:20px;
	cursor:pointer;
	padding:0px 0px 2px 0px;
	color:#fff;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	position:absolute;
	top:0;
	left:170px;
	}
	
	
	
	/* liScroll styles */

	.tickercontainer { /* the outer div with the black border */


	height: 27px; 
	margin: 0; 
	padding: 0
	overflow: hidden; 
	}
	.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 225px;
	overflow: hidden;
	}
	ul.newsticker { /* that's your list */
	position: relative;
	left: 250px;
	list-style-type: none;
	margin: 0;
	padding: 0;

	}
	ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0 30px 0 0;
	padding: 0;
	background: #fff;
	}