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

/* 
Title:     Dr. Cynthia Gomez DDS - Dental Implants in The City for screen media 
Author:    Rodrigo@flightstudio1.com
Created:   June 30, 2009
Updated:   July 25, 2009
*/

/* Eric Meyer CSS Resets - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Eric Meyer CSS Resets - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */



/* BASIC SELECTORS ---------------------------------------------------------- */
h2, h3, h4, h5, h6 {
font-family:"Times New Roman", Times, serif;
margin-bottom:.75em;
}

h2 {
font-size: 200%;
}

h3 {
font-size: 150%;
}

h4 {
font-size: 125%;
}

p,
blockquote {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:75%;
line-height: 1.5;
margin-bottom:1em;}

li {
font-family:Geneva, Arial, Helvetica, sans-serif;}

a {
color:#093;
text-decoration:none;}

a:hover {
text-decoration:underline;}

a:hover.img-rollover {
border-bottom:none;
filter:alpha(opacity=50);/*Needed for IE*/
-moz-opacity:0.5;/*Older mozilla broswers like NN*/
-khtml-opacity: 0.5;/*Old versions of Safari and "KHTML" browser engines*/
opacity: 0.5;/*FF, Safari, and Opera*/}

strong {
font-weight:bold;}

em {
font-style:italic;}

hr {
color:#CCC;
margin:2em 5%;}

.backtop a {
color:#969;
font-size:75%;}

.backtop a:hover {
color:purple;}

.top-divider {
border-top:solid thin #666;
margin-top:30px;
padding-top:30px;}

.top-spacer {
padding-top:1.5em;}

.bullets {
list-style:square;
margin-left:1em;}

.highlight {
background:#00FF66;}

.headers {
margin: 1.5em 0 0 5%;}

.small-list {
font-size:75%;
line-height:1.5;}

.required {
color:red;}


/* WEBSITE CONTAINERS ---------------------------------------------------------- */
#site {
background:url(../images/cloud-site-bg.jpg) no-repeat #969;
height:100%;
min-width:1000px;
max-width:1300px;
width:100%;}

#container {
background:url(../images/header-area-background.png) top repeat-x;
margin:auto;
margin-top:-32px;
padding-top:22px;
width:1000px;}

#nav-access li
{list-style: none;
display:none;}


/* MASTHEAD ---------------------------------------------------------- */
#branding a {
background: url(../images/dental-implants-logo.png) no-repeat;
border-bottom:none;
display: block;
height: 200px;
margin: 1em 0 0 5%;
text-indent: -9999px;
width: 193px;}


/* ADRESSS ---------------------------------------------------------- */
#address {
background:url(../images/address-bg.png) repeat;
border-right:solid 2px #00CC33;
border-left:solid 2px #00CC33;
border-bottom:solid 2px #00CC33;
float:right;
font-size:65%;
height:67px;
margin: -210px 0 0 0;
padding: 10px 15px 32px 15px;}

.number {
font-size:250%;
text-align:justify;}

.dlform {
border-top:solid thin #666;
color:#FFF;
display:block;
margin-top:2px;
padding-top:2.5px;
font-size:115%;
font-weight:bold;
text-align:justify;
width:100%;}

a:hover.dlform {
color:#969;
text-decoration:none;}

/* MAIN NAVIGATION ---------------------------------------------------------- */
#nav-container {
background:url(../images/ny-skyline.gif) no-repeat left top;
padding-top:69px;
position:relative;
left:278px;
top:-100px;
width:725px;}

#main-nav li {
border-top:#969 solid thin;
border-right:#939 solid thin;
border-left:#939 solid thin;
background:#8F6C8F;
display: -moz-inline-stack;
display:inline-block;
font-size:125%;
margin:-4px;
padding:15px;}

#main-nav li.selected {
background:#333;
border-top:#333 solid thin;
border-right:#333 solid thin;
border-left:#333 solid thin;
display: -moz-inline-stack;
display:inline-block;
color:#0C3;
margin:-4px;
padding:15px;}

#main-nav li a {
color:#FFF;
text-decoration:none;}

#main-nav li a:hover {
color:#606;}


/* INNER CONTENT CONTAINER ---------------------------------------------------------- */
#inner-content-container {
background:url(../images/main-area-background.png) repeat-x top #FFF;
margin-top:-96px;
padding-top: 25px;}

p.button-margin {
margin:1.5em 0 3em 0;}

p a.button {
margin-left:325px;}

a.button {
background:url(../images/patient-form-button.png) no-repeat center;
color:#CCC;
font-size:1.5em;
padding:15px 75px;
text-decoration:none;}

a:hover.button {
color:#333;}

#content-area {
background:#FFF;
height: 100%;
margin-top:2em;
margin-bottom:-2em;
padding-bottom:1em;}


/* HOMEPAGE ---------------------------------------------------------- */
#slider {
background:#CCC;
height: 250px; /* important to be same as image height */
overflow: hidden; /* important */
position: relative; /* important */
left:200px;
width: 600px; /* important to be same as image width */}

#sliderContent {
margin-left: 0;
position: absolute;
top: 0;
width: 600px; /* important to be same as image width or wider */}

.sliderImage {
display: none;
float: left;
position: relative;}

.sliderImage span {
background-color: #000;
color: #fff;
display: none;
filter: alpha(opacity=70);
font: 14px/16px Arial, Helvetica, sans-serif;
opacity: 0.7;
position: absolute;
padding: 15px 13px;
width: 600px;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;}

.clear {
clear: both;}

.sliderImage span strong {
color:#0C3;
font-size: 1.5em;
line-height:1.5;}

.top {
left: 0;
top: 0;}

.bottom {
bottom: 0;
left: 0;}

#homepage-left-content {
border-right:thin #999 dotted;
margin-left:5%;
margin-top:2em;
padding-right:5%;
width:600px;}

#homepage-right-sidebar {
display:inline;
float:right;
margin-right:5%;
margin-top:-25em;
padding-left:2.5%;
width:200px;}


/* ABOUT ---------------------------------------------------------- */
ul.about-jumpmenu {
border-bottom:solid thin #666;
margin:2em 5%;
padding-bottom:2em;}

.about-jumpmenu li{
display: -moz-inline-stack;
display:inline;
padding-right:.1em;}

#about-volunteer-content,
#education-content {
border-top:solid thin #666;
clear:both;
margin:0 5%;
padding-top:2em;}

ul.about-jumpmenu-2 {
margin-top:2em;
margin-bottom:2em;}

.about-jumpmenu-2 li{
display: -moz-inline-stack;
display:inline;
padding-right:.1em;}

.volunteering-container-1 {
height:400px;
margin:0 5%;}

.volunteering-container-1,
.volunteering-container {
border-top:solid thin #666;
clear:both;
padding-top:2em;}

.volunteering-logo {
float:left;
width:125px;}

.volunteering-info {
float:right;
width:300px;}

ul#edu-logos {
border-top:solid thin #666;
height:175px;
margin-top:2em;
padding-top:2em;}

li.u-philipinnes {
text-align:center;
width:200px;}

li.boston-u {
border-left:thin #999 dotted;
border-right:thin #999 dotted;
left: 250px;
padding:0 10%;
position:relative;
text-align:center;
top:-152px;
width:200px;}

li.nyu {
position:relative;
left:700px;
text-align:center;
top:-318px;
width:200px;}

#affiliation-content {
border-top:solid thin #666;
margin:2em 5% 0 5%;
padding-top:2em;}

ul#affiliation-logos {
height:400px;}

ul#affiliation-logos li {
text-align:center;
width:175px;}

.iadr {
padding-right:33.3px;}

.aap {
border-left:thin #999 dotted;
border-right:thin #999 dotted;
left: 208.3px;
padding:0 32px;
position:relative;
top:-152px;}

.aawd {
border-right:thin #999 dotted;
left: 449px;
padding:0 32px;
position:relative;
top:-304px;}

.nesp {
left: 690px;
padding:0 1em;
position:relative;
top:-456px;}

.nysdental {
padding-right:33.3px;
position:relative;
top:-400px;}

.nycds {
border-left:thin #999 dotted;
border-right:thin #999 dotted;
left: 208.3px;
padding:0 32px;
position:relative;
top:-552px;}

.ocs {
border-right:thin #999 dotted;
left: 449px;
padding:0 32px;
position:relative;
top:-704px;}

.acfei {
left: 690px;
padding:0 1em;
position:relative;
top:-856px;}

/* SERVICES ---------------------------------------------------------- */
ul#service-jumpmenu {
border-bottom:solid thin #666;
margin:2em 5%;
padding-bottom:2em;}

#service-jumpmenu li{
display: -moz-inline-stack;
display:inline;
padding-right:.1em;}

#service-content,
#about-content,
.volunteering-container,
#about-laster-content,
#testimonial-content,
#contact-content,
#legal-content,
#accessibility-content,
#privacy-content,
#sitemap-content,
#error-content {
height:100%;
margin:0 5% 4em;}

#service-content-left, 
#about-content-left,
.volunteering-container-left {
border-right:thin #999 dotted;
float:left;
height:325px;
padding-right:5%;
width:450px;}

#service-content-right,
#about-content-right,
.volunteering-container-right {
float:right;
height:350px;
width:355px;}

#service-insurance {
border-top:solid thin #666;
clear:both;
padding-top:2em;}

#service-1 img,
#staff-1 img,
#volunteering-1 img,
#volunteering-2 img,
#volunteering-3 img,
#volunteering-4 img {
margin-bottom: 5px;
padding:1px;
background:black;}

#service-1-thumbnails,
#staff-1-thumbnails,
#volunteering-1-thumbnails, 
#volunteering-2-thumbnails,
#volunteering-3-thumbnails,
#volunteering-4-thumbnails {
margin: 10px 0;}

#service-1-thumbnails img,
#staff-1-thumbnails img,
#volunteering-1-thumbnails img, 
#volunteering-2-thumbnails img,
#volunteering-3-thumbnails img, 
#volunteering-4-thumbnails img {
padding:1px;
background:black;}

#service-1-thumbnails a,
#staff-1-thumbnails a,
#volunteering-1-thumbnails a,
#volunteering-2-thumbnails a,
#volunteering-3-thumbnails a,
#volunteering-4-thumbnails a {
border-bottom:none;}

#service-1-thumbnails a:hover img,
#staff-1-thumbnails a:hover img, 
#volunteering-1-thumbnails a:hover img,
#volunteering-2-thumbnails a:hover img,
#volunteering-3-thumbnails a:hover img,
#volunteering-4-thumbnails a:hover img {
padding:1px;
background:#093;}

.service-1 {
border-top:#999 solid thin;
height:375px;
padding-bottom:25px;
padding-top:45px;}

#service-insurance-type {
border-top:solid thin #666;
height:1100px;
margin-top:2em;
padding-top:2em;}

ul#insurance-companies {
padding-top:2em;
height:1000px;}

ul#insurance-companies li{
text-align:center;
width:175px;}

.century {
padding-right:33.3px;}

.aetna {
border-left:thin #999 dotted;
border-right:thin #999 dotted;
left: 208.3px;
padding:0 32px;
position:relative;
top:-152px;}

.careington {
border-right:thin #999 dotted;
left: 449px;
padding:0 32px;
position:relative;
top:-304px;}

.cigna {
left: 690px;
padding:0 1em;
position:relative;
top:-456px;}

.delta {
padding-right:33.3px;
position:relative;
top:-400px;}

.empireblue {
border-left:thin #999 dotted;
border-right:thin #999 dotted;
left: 208.3px;
padding:0 32px;
position:relative;
top:-552px;}

.guardianlife {
border-right:thin #999 dotted;
left: 449px;
padding:0 32px;
position:relative;
top:-704px;}

.healthplex {
left: 690px;
padding:0 1em;
position:relative;
top:-856px;}

.horizon {
padding-right:33.3px;
position:relative;
top:-800px;}

.bj {
border-left:thin #999 dotted;
border-right:thin #999 dotted;
left: 208.3px;
padding:0 32px;
position:relative;
top:-952px;}

.metlife {
border-right:thin #999 dotted;
left: 449px;
padding:0 32px;
position:relative;
top:-1104px;}

.oxford {
left: 690px;
padding:0 1em;
position:relative;
top:-1256px;}

.principal {
padding-right:33.3px;
position:relative;
top:-1200px;}

.united {
border-left:thin #999 dotted;
border-right:thin #999 dotted;
left: 208.3px;
padding:0 32px;
position:relative;
top:-1352px;}

.dentemax {
border-right:thin #999 dotted;
left: 449px;
padding:0 32px;
position:relative;
top:-1504px;}

.concordia {
left: 690px;
padding:0 1em;
position:relative;
top:-1656px;}

.storeworkers {
padding-right:33.3px;
position:relative;
top:-1604px;}

.self {
border-left:thin #999 dotted;
border-right:thin #999 dotted;
left: 208.3px;
padding:0 32px;
position:relative;
top:-1752px;}

.gegroup {
border-right:thin #999 dotted;
left: 449px;
padding:0 32px;
position:relative;
top:-1904px;}

/* LASER - LANAP ---------------------------------------------------------- */
ul.laser-jumpmenu {
border-bottom:solid thin #666;
margin:2em 5%;
padding-bottom:2em;}

.laser-jumpmenu li{
display: -moz-inline-stack;
display:inline;
padding-right:.1em;}

#laser-media-content,
.media-content,
#faqs-jumpmenu,
#faqs-content {
border-top:solid thin #666;
clear:both;
margin:0 5%;
padding-top:2em;}

ul.laser-media-jumpmenu,
ul.laser-faqs-jumpmenu {
margin-top:1em;
margin-bottom:2em;}

ul.laser-media-jumpmenu li,
ul.laser-faqs-jumpmenu li{
list-style:square;
font-size:.85em;
margin-left:15px;
}

#about-laser-content-left {
border-right:thin #999 dotted;
float:left;
height:325px;
padding-right:5%;
width:500px;}

#about-laser-content-right {
float:right;
height:350px;
width:300px;}

.media-content-left {
border-right:thin #999 dotted;
float:left;
height:375px;
padding-right:5%;
width:450px;}

.media-content-right {
float:right;
height:400px;
width:365px;}

li.faqs {
border-top:solid thin #666;
padding-top:2em;}



/* TESTIMONIALS ---------------------------------------------------------- */

/* CONTACT ---------------------------------------------------------- */
#contact-container{
margin:0 0 55em;
width:100%;}

#form-container {
border-right: thin #999 dotted;
padding-right:2.5%;
float:left;
width:250px;}

#google-map-container {
float:right;
padding-left:2.5%;
width:600px;}

#map-container {
border-right:thin #999 dotted;
float:left;
margin-left:-1.25em;
padding:0 3% 0 2.5%;
width:300px;}

#map_canvas {
width: 300px;
height: 400px;}

#directions-container {
float:right;
margin-top:-2.5%;}


#directions {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:75%;
width:260px;}



/* LEGAL ---------------------------------------------------------- */

/* ACCESSIBILITY ---------------------------------------------------------- */

/* PRIVACY ---------------------------------------------------------- */

/* SITEMAP ---------------------------------------------------------- */


/* FOOTER CONTAINER ---------------------------------------------------------- */
#footer-container {
background:#093;
bottom:0;
clear:both;
height:10em;
margin-top:-10em;
margin:auto;
filter:alpha(opacity=75);/*Needed for IE*/
-moz-opacity:0.75;/*Older mozilla broswers like NN*/
-khtml-opacity: 0.75;/*Old versions of Safari and "KHTML" browser engines*/
opacity: 0.75;/*FF, Safari, and Opera*/
position:relative;
width:1000px;}

ul#footer-nav {
margin-left:5%;
margin-top:2em;
padding-top:1.5em;}

#footer-nav li{
color:#CCC;
display:inline;
font-size:67%;
text-decoration:none;}

#footer-nav li a {
color:#FFF;
text-decoration:none;}

#footer-nav li a:hover {
color:#333;
text-decoration:underline;}

#legal-info {
font-size:85%;
margin-right:5%;
margin-top:80px;
text-align:right;}

#legal-info a {
color:#FFF;}

#legal-info a:hover {
color:#333;}