/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { margin: 57px 0 47px 0; font-size: 0.62em; font-family: Arial, Helvetica, sans-serif; text-align: center; }

p, h1, h2 { margin: 0 0 9px 0; }
p { font-size: 1.3em; line-height: 1.6em; }
h1 { font-size: 1.2em; line-height:1.16em; font-weight:bold;color:#093479; }
h2 { font-size: 1.2em; line-height:1.16em; font-weight:bold;color:#093479;}
h3, h4, h5, h6 { font-size: 1.1em; font-weight:bold; line-height:1.27em;}

a { color: #CC092F;  text-decoration: underline;}
a:hover, a:active { color: #1C3E95; text-decoration: underline; }

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form { width: 42em; margin-left: 5px; }

form p {font-size: 100%; padding: 2px;margin: 0;}

/* fieldset styling */
fieldset { margin: 1em 0;	padding: 1em;	border : 1px solid #f9d69e; }

/* legend styling */
legend {font-weight: bold;color: #0567ae; }

/* style for  labels */
label { float: left; width: 14em;}

/* style for required labels */
label .required { font-size: 0.9em; font-style: normal; color: red; }

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input { width: 225px; }

input.radio, input.submit { 	width: auto; }

textarea { width: 225px;	height: 100px; padding:0;} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 267px;
	padding: 0 .25em;
	background-color: #0567ae;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */

.group:after, #sidebar:after, #wrapper:after, #header .branding:after, #nav:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.group, #sidebar, #wrapper, #header .branding, #nav
{ zoom: 1; display: block; }

body {margin:0; margin-top:25px;padding:0;font-size:62.5%;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#top-head {width: 670px; height:85px ; background: url(../images/logo_gramercy.gif) no-repeat; margin: 0 auto; position:relative; }

#top-head h1 a {width: 250px; height:70px ; display: block; top:0; left:0px; text-indent:-999em; position:absolute; }

#top-head p {width: 220px; height:70px ; display: block; top:10px; left:440px; font-family: "Times New Roman", Times, serif; font-size:20px;position:absolute; text-align:right; line-height:16px;  }

#top-head p a {font-size:16px; line-height:25px; text-decoration:none; color: #069; }
	
	.container {position:relative;margin:0 auto;text-align:left;width:692px; padding: 2px;background: #ffffff;border: 1px solid #E4DBBB;}
  .inner-container {border: 1px solid #E4DBBB; padding: 10px;}
	#header {position:relative; width:656px; height: 176px; padding: 6px 6px 0 6px; background:#3e6929 url(../images/bg_header.jpg) no-repeat; margin-bottom: 1px; position: relative;}
	
	
.veneers #header h1 a, .implants #header h1 a, .cosmetic #header h1 a, .whitening_page #header h1 a,   .testimonials #header h1 a, .gallery #header h1 a, .financial #header h1 a, .contact #header h1 a, .general #header h1 a, .about-us #header h1 a, .meet #header h1 a, .team #header h1 a
	{
		background:none;
	} 
	
	
	.veneers #header, .implants #header, .cosmetic #header {position:relative; width:656px; height: 176px; padding: 6px 6px 0 6px; background:#3e6929 url(../images/header-2.jpg) no-repeat; margin-bottom: 1px; position: relative;}


	.about-us #header, .whitening_page #header, .testimonials #header, .gallery #header {position:relative; width:656px; height: 176px; padding: 6px 6px 0 6px; background:#3e6929 url(../images/header-3.jpg) no-repeat; margin-bottom: 1px; position: relative;}
	
	.general #header, .team #header {position:relative; width:656px; height: 176px; padding: 6px 6px 0 6px; background:#3e6929 url(../images/header-4.jpg) no-repeat; margin-bottom: 1px; position: relative;}

	
	.financial #header {position:relative; width:656px; height: 176px; padding: 6px 6px 0 6px; background:#3e6929 url(../images/header-5.jpg) no-repeat; margin-bottom: 1px; position: relative;}
	
	.contact #header {position:relative; width:656px; height: 176px; padding: 6px 6px 0 6px; background:#3e6929 url(../images/header-6.jpg) no-repeat; margin-bottom: 1px; position: relative;}

.meet #header {position:relative; width:656px; height: 176px; padding: 6px 6px 0 6px; background:#3e6929 url(../images/header-2.jpg) no-repeat; margin-bottom: 1px; position: relative;}
	
	
	

	#wrapper {background: #F9E8CD;}
  .home #wrapper {background: #F9E8CD url(../images/bg_home_wrapper.gif) repeat-y 0 0;}
	#wrapper .logos {clear:both;}
	#wrapper {padding:0px;color:#666; width: 668px;}
  	#content {width:471px;float:left; padding: 20px 20px 20px 25px; }
  	#sidebar {width:277px;float:right;}
  	
	#footer {clear:both; width: 698px; margin: 0 auto;}
	
	/* Main Backgrounds */
	body {background: #FFFAE9; color: #3a3a3a;}
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
  #header h1 {margin:0;padding:0;width:367px;height:140px; position: absolute; top: 19px; left: 24px; }
	#header h1 a {display:block;text-indent:-9999px;background:url(../images/logo.jpg) no-repeat;width:367px;height:140px;margin:0;}
  .home #header { width:668px; height:415px; padding:0; background:#94dafe url(../images/bg_header_home.jpg) no-repeat;}
 .home #header h1 { top: 137px; left: 5px; }
 .home #header h1 , .home #header h1 a { width: 332px; }
 .home #header h1 a { background:url(../images/logo_home.jpg) no-repeat;}
  
  #header .support {text-align: right; font: 1.8em "Times New Roman", Times, serif; color: #006699;}    
  .home #header .support { display: none; }
	  #header .support .phone { display: block; font-size:1.2em;line-height:1.1em;color: #fff;}
	  


	#nav {width: 692px; height: 30px; margin:0 auto; padding:0; position: relative; text-align: left;}
		#nav ul{overflow:hidden; display:block; margin:0 0 0 15px; padding:0;}
		#nav li {display: inline;float:left; background: url(../images/tabe.png) no-repeat right 0; height: 28px; margin: 2px 2px 0 0; font: bold 1.4em/28px "Times New Roman", Times, serif; color: #069; padding-right: 14px;}
    #nav li a { text-decoration: none; color: #069; height: 28px; font-weight: bold; }
	#nav li a:hover { text-decoration: none; color: #fff; height: 28px; font-weight: bold; }
	
    #nav li span {background: url(../images/tabb.png) no-repeat left 0px; height: 28px; display: block; padding: 0px 0 0px 14px; float:left; overflow: hidden; line-height: 30px; 
    }
    #nav li:hover,#nav li.hover {background-position:  right -28px; color: #fff;}
    #nav li:hover span,#nav li.hover span {background-position: left -28px; color: #fff;}
    
    
  #subnav {background: #fff; margin:0; padding: 0; height: 28px;}
    #subnav ul { margin:0; padding: 0; list-style: none; height: 28px;}
    #subnav ul li {display: inline; font-size: 1.3em; font-weight: bold;  font-family: "Times New Roman", Times, serif; color: #069; 
      border-left: 1px solid #069;}
    #subnav ul li.first {border-left: 0;}
    #subnav ul li a {color: #069; text-decoration: none; padding: 2px 2px 2px 3px; line-height: 28px;}
    #subnav ul li.cur a {text-decoration: underline;}
    
        /* Active States */
        body.home #nav-home,
        body.about-us #nav-about-us,
        body.general #nav-general,
        body.cosmetic #nav-cosmetic,
        body.testimonials #nav-testimonials,
        body.contact #nav-contact,
		body.blog #nav-blog{ background-position: right -28px !important; color: #fff;}
  
        body.home #nav-home span,
        body.about-us #nav-about-us span,
        body.general #nav-general span,
        body.cosmetic #nav-cosmetic span,
        body.testimonials #nav-testimonials span,
        body.contact #nav-contact span,
		body.blog #nav-blog span{ background-position: left -28px; color: #fff;}

		body.home #nav-home a,
        body.about-us #nav-about-us a,
        body.general #nav-general a,
        body.cosmetic #nav-cosmetic a,
        body.testimonials #nav-testimonials a,
        body.contact #nav-contact a
		body.blog #nav-blog a{ color: #fff;}
		
		
		body.meet #nav-meet a{ text-decoration:underline; }
		body.veneers #nav-veneers a{ text-decoration:underline; }
		body.whitening_page #nav-whitening a{ text-decoration:underline; }
		body.implants #nav-implants a{ text-decoration:underline; }
		body.team #nav-team a{ text-decoration:underline; }
		body.gallery #nav-gallery a{ text-decoration:underline; }
		
		
		body.financial #nav-financial a{ text-decoration:underline; }





/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

    .home_column {width: 154px; float:left; padding: 7px;}
	  .last,.whitening {width: 150px;}
    .home_column h2, .entry h2 { font-weight: normal; color: #069;  margin:0;
      font-family: "Times New Roman", Times, sans-serif; font-weight: bold; height: 26px;
      white-space:nowrap;}
	  .home_column h2 .tall, .entry h2 .tall { font-size: 1.4em;}
      
    .home_column h2 { width: 151px; overflow: hidden; text-transform: uppercase; font-size: 1.4em;}
      .doctor h2 {color: #4f6475;}
      .veneer h2 {color: #75684f; word-spacing: -2px;}
      .whitening h2 {color: #754F72;}
      .implant h2 {color: #6A9095;}
      .home_column a.more {float:right; font-size: 1.1em; color: #75684F; text-decoration: none;}
      .home_column a:hover {text-decoration: underline;}
      .whitening a {color: #754F72 !important; text-decoration: none;}
    
	.home_column p { line-height: 1.27em; font-size: 1.1em;}
	
    .entry { font-size: 1.0em; color: #333; padding: 20px 10px 10px;}
	.entry h2 { font-size:2em; text-transform: uppercase; font-weight:normal;}
	.entry h2:first-letter { font-size:125%;}
	
    .entry h3 {font-size: 1.5em; font-weight: bold; margin: 0.75em 0 -0.25em 0; color: #069;}
    .entry p {margin: 1.0em 0;   padding:0;}
    .entry img.alignleft {float:left; margin-right: 10px; margin-bottom: 10px;}
    .entry img.alignright {float:right; margin-left: 10px; margin-bottom: 10px;}
	  .entry ul, .entry ol {padding:0 0 0 35px;margin: -3px 0 8px 0;font-size:1.3em;}
	    .entry ul li {line-height:1.16em;margin:0;padding:2px 0 2px 3px;list-style:disc;}
	    .entry ol li {line-height:1.16em;margin:0;padding:2px 0 2px 0px;}
	      .entry ul ul {font-size:1em;}
	    	  
	  #content a {}
    #content a:hover {}
    
	
/* 2.3	Footer
-----------------------------------------------------------------------------------------------*/	
	#footer {padding:8px 0px 18px 0px;text-align:center; color: #776F67;}
    #footer #address {font-size: 1.7em; font-family: "Times New Roman", Times, serif;
      font-weight: bold; height: 30px; color: #069; margin:0 auto; width: 700px;}
	  #footer p {font-size:1.1em;line-height:1.4em;margin:0; ;}
    #footer a {color: #776F67; text-decoration: none;}
    #footer a:hover {color: #069; border-bottom: 1px solid #776F67;}
	
	
	
	blockquote {
margin: 10px 5px;
padding: 5px;
background: #f9d69e;
border-bottom: 1px solid #f9c168;
border-right: 1px solid #f9c168;
}
blockquote p {
padding-left: 10px;
}
cite {
	font-style: italic;
	}

.veneers table, .gallery table {
	margin: 0px auto;
}


.veneers table td, .gallery table td {
	border: 1px solid #f9d69e;
}
