﻿/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
*
* Name: style.css
* Description: Master CSS file for the entire Smile Solutions website
*
*********************************************************************************/

/*----| body section |----*/

*
	{
	margin:0;
	padding:0;
	}

html, body 
	{
	width:100%;
	margin:0px;
	padding:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	}
	
h1
	{
	font:bold 2.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
h2
	{
	font:bold 2em Verdana, Arial, Helvetica, sans-serif;
	}
	
h3
	{
	font:bold 1.8em Verdana, Arial, Helvetica, sans-serif;
	}
	
h4
	{
	font:bold 1.6em Verdana, Arial, Helvetica, sans-serif;
	}
	
h5
	{
	font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	}
	
h6
	{
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
	
/*----| links section |----*/

a:link, a:visited
	{
	font:1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	text-decoration:none;
	color:#0000ff;
	}

a:hover
	{
	text-decoration:underline;
	}
	
a:active
	{
	text-decoration:none;
	}


/*----| div section |----*/

#welcome_container
	{
	position:absolute;
	top:0;
	left:0;
	width:918px;
	margin:0 0 0 20px;
	}
	
#welcome_header
	{
	width:917px;
	height:50px;
	}

#navbar
	{
	position:relative;
	top:30px;
	left:21px;
	width:544px;
	height:34px;
	margin:0px 0px 0px 102px;
	background:transparent;
	z-index:100;
	}
	
/* star hack to correct discrepencies between IE7 and earlier versions */

* html #navbar
	{
	width:545px;
	height:34px;
	margin:0px 0px 0px 52px;
	background:transparent;
	}
	
#dentistname
	{
	position:relative;
	top:0px;
	left:660px;
	width:256px;
	text-align:center;
	}
	
#dentistname p
	{
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	}

#welcomeleftpane
	{
	position:absolute;
	top:5px;
	left:10px;
	width:391px;
	vertical-align:top;
	z-index:0;
	}

* html #welcomeleftpane
	{
	width:391px;
	}
#welcometopleft
    {
	position:relative;
	top:20px;
	left:0;
    width:100%;
    height:97px;
    }	
#welcome_phone
	{
	margin:65px 0px 0px 140px;
	padding:0px;
	color:#0068b3;
	}
	
#welcomemiddleleft
    {
    width:100%;
    height:436px;
    }
#welcomemiddleleft img
    {
    margin-top:20px;
    margin-left:35px;
    }
#welcome_subnav
	{
	position:relative;
	top:10px;
	left:40px;
	padding:0px;
	text-align:right;
	}
* html #welcome_subnav {
    margin-top:0px;
}
#welcome_subnav ul
    {
    }
#welcome_subnav ul li a:link, #welcome_subnav ul li a:visited
    {
    text-align:right;
    font:normal 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    }
#welcome_subnav ul li a:hover
    {
    text-decoration:underline;
    }
#welcome_subnav ul li a:active 
    {
    }
#welcomebottomleft
    {
    width:100%;
    }	
#welcome_address
	{
	width:315px;
	position:absolute;
	top:580px;
	left:15px;
	}
	
#welcome_address p
	{
	margin-left:110px;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#ffffff;
	}

#welcomerightpane
    {
    width:799px;
    margin:25px 0 0 122px;
	background:url(/images/background/background5a.jpg) no-repeat 295px 20px;
    }
* html #welcomerightpane
    {
    margin-top:20px;
    }
#welcome_top
    {
    width:100%;
    height:54px;
    background:url(/images/background/welcome_top_left.gif) no-repeat top right;
    }
#welcome_top_right
    {
    width:100%;
    height:281px;
    background:url(/images/background/welcome_top_right.png) no-repeat top right;
    }
* html #welcome_top_right
	{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/background/welcome_top_right.png", sizingMethod="crop");
	}
#welcome_middle
    {
    width:100%;
    height:173px;
    background:url(/images/background/welcome-middle-left.png) no-repeat top right;
    }
* html #welcome_middle
    {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/background/welcome-middle-left.png", sizingMethod="crop");
    }
#welcome_bottom_left
    {
    width:100%;
    height:158px;
    background:url(/images/background/welcome-bottom-left.png) no-repeat top right;
    }
* html #welcome_bottom_left
    {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/background/welcome-bottom-left.png", sizingMethod="crop");
    }
#welcome_bottom
    {
    width:100%;
    height:21px;
    background:url(/images/background/bottom-bg.gif) no-repeat top right;
    }
    
#welcome_footer
	{
	position:relative;
	top:780px;
	left:10px;
	width:600px;
	margin:10px 0 0 140px;
	padding:0px;
	}
	
#welcome_footer p
	{
	margin:0px;
	padding:0px;
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	color:#939598;
	}

    .welcome_dynamictext
	{
	position:absolute;
	top:110px;
	left:445px;
	width:450px;
	height:150px;
	margin:0px;
	padding:0px;
	text-align:right;
	}

.welcome_dynamictext .heading
	{
	margin:0px;
	padding:0px 0px 0.2em 0px;
	font:bold italic 2.4em "Times New Roman", Times, serif;
	color:#ffffff;
	}
.welcome_dynamictext .heading div
	{
	margin:0px;
	padding:0px 0px 0.2em 0px;
	font:bold italic 2.0em Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	}

.welcome_dynamictext p
	{
	margin:0px;
	padding:0px 0px 1.6em 0px;
	font:italic 1.3em "Times New Roman", Times, serif;
	line-height:1.6em;
	color:#ffffff;
	}

.welcome_dynamictext a:link, .welcome_dynamictext a:visited
	{
	font:italic 1.3em "Times New Roman", Times, serif;
	line-height:1.6em;
	text-decoration:underline;	
	color:#c0c0c0;
	}

.welcome_dynamictext a:hover
	{
	color:#ffffff;
	}

.welcome_dynamictext a:active
	{
	color:#ffffff;
	}

/*----| classes section |----*/

.welcomedentistheading
	{
	font:bold 1.5em "Times New Roman", Times, serif;
	letter-spacing:2px;
	color:#0068b3;
	}
	
.welcomephoneheading
	{
	font:2.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
.welcomesubnavheading
	{
	margin-right:30px;
	font:bold 1.6em sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#0068b3;
	text-align:right;
	}
.welcomeaddressheading
	{
	margin-left:110px;
	font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:1.6em;
	color:#fff;
	}
	
.dentistheading
	{
	font:bold 1.5em "Times New Roman", Times, serif;
	letter-spacing:2px;
	color:#0068b3;
	}
	
.phoneheading
	{
	font:2.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
.subnavheading
	{
	margin:0px 31px 0px 0px;
	font:1.4em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:1.6em;
	color:#939598;
	}
	
.addressheading
	{
	font:1.4em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:1.8em;
	color:#0068b3;
	}
	
.contentheaderheading
	{
	font:2.4em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	line-height:1.4em;
	}

.contentpiece 
	{
    margin:0px;
	padding:0px;
	}
	
.contentpiece p
	{
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

.contentpiece p a:link
	{
	color:#0000ff;
	}

.contentpiece ul
	{
	margin:0px 0px 0px 16px;
	padding:0px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	list-style:disc;
	}

.contentpiece img
	{
	margin:10px;
	}

.contentpiece h1
	{
	margin:0 10px;
	}

.homecontenttitle
	{
    font:2em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:1.2em;
	color:#ffffff;	
	}
	
.contenttitle
	{
	margin:0px;
	padding:0px 0px 5px 10px;
    font:2em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.2em;
	color:#0068b3;	
	}

