/*************************************
	DOCUMENT NAME: SOURCE.CSS
	CLIENT: VITALOGY SKINCARE
	AUTHOR: MICHAEL LESHER (www.thehivemedia.com)
	DATE: 07/07/2010
*************************************/
@charset "UTF-8";

/**** SPACING RESET ****/
html, body, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0;  } 

body {
	background: url('../img/global/BG-body.jpg') repeat-x top left #f6f7f7;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: .0125em;
}
a { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
h2 { font-size: 16px; }
img { border: none; }
table { width: 100%; }
td { vertical-align: top; }

#banner { height: 345px; }
#banner span { display: none; }

#callout { 
	background: url('../img/global/BG-callout.jpg') repeat-x bottom left #acc2da; 
	color: #fff;
	margin: 1px 0 0 0; 
	padding: 20px 0 20px 30px;
}
#callout div { float: left; margin: 0 43px 0 0; padding: 0 0 1px 0; width: 240px; }
#callout p { line-height: 1.5em; margin: 11px 0 11px 0; }
#callout div span { display: block; text-align: right; }
#callout div span a { border-bottom: 1px solid #9cb5ce; color: #fff; }
#callout div span a:hover, #callout div span  a:focus { border-bottom: 1px solid #fff; text-decoration: none; }

#container { 
	background: #fff;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 970px;
}

#content { margin: 0 0 45px 0; }
#content h2, #content .bluetext , #content .information { color: #7092b7; font-weight: bold; }

#content .bluebar-light { background: #f1f4f9; height: 1px; }

#content .frame-about-us { 
	background: url('../img/global/BG-frame-about-us.jpg') no-repeat top left #fff; 
	float: left;
	height: 600px; 
	padding: 3px 0 0 3px;
	width:246px;
}
#content .frame-conditions { 
	background: url('../img/global/BG-frame-conditions.jpg') no-repeat top left #fff; 
	height: 120px; 
	padding: 3px 0 0 4px;
	width:194px;
}
#content .frame-conditions span { display: block; font-size: 10px; margin: 4px 0 0 0; }
#content .frame-locations { 
	background: url('../img/global/BG-frame-locations.jpg') no-repeat top left #fff; 
	height:242px; 
	padding: 3px 0 0 4px;
	width:639px; 
}
#content .frame-med-spa { 
	background: url('../img/global/BG-frame-med-spa.jpg') no-repeat top left #fff; 
	height:264px; 
	padding: 1px 0 0 2px;
	width:639px; 
}

#content .main { 
	border-left: 1px solid #dee8f1; 
	color: #777;
	float: right; 
	margin: 35px 0 0 0;
	padding: 0 20px 50px 10px;
	width:704px; 
}
#content .main div { margin: 25px 0 0 0; }
#content .main div p { margin: 0 0 20px 0; }
#content .main h2 { font-family: Georgia, "Bookman Old Style", Serif; font-size: 26px; font-weight: normal; }
#content .main h2 span { font-size: 19px; }
#content .main h3 { color: #7d9bbf; font-size: 12px; }
#content .main h2, #content .main h3 { margin: 0; padding: 0; }
#content .main p { line-height: 1.5em; margin: 18px 50px 7px 36px; }

#content .main ul { margin: 15px 0 0 10px; *margin: 15px 0 0 50px; }

#content .table-conditions { margin: 0 0 -30px 0; }
#content .table-conditions td { width: 33%; }
#content .table-locations { margin: 0 0 -30px 0; }
#content .table-locations td { width: 33%; }
#content .table-melanoma { margin: 10px 0 15px 0; }
#content .table-melanoma td { padding: 0 10px 12px 0; vertical-align: middle; }
#content .table-mohs { margin: 10px 0 15px 0; }
#content .table-mohs td { padding: 0 10px 12px 0; }

#content .sidebar { float: left; padding: 20px 0 20px 20px; width:195px; }
#content .sidebar a  { color: #a1a1a1; }
#content .sidebar a, #content .sidebar em { display: block; height: 20px; padding: 4px 0 0 0; }
#content .sidebar a:hover, #content .sidebar a:focus , #content .sidebar em { color: #7092b7; font-weight: bold; text-decoration: none; }
#content .sidebar em { font-style: normal; }
#content .sidebar h2 { font-size: 14px; margin: 0 0 12px 0; padding: 0; }
#content .sidebar li { 
	border-bottom: 1px solid #f4f8fb;
	*margin: 0; 
	*padding: 0 0 0 5px; 
}
#content .sidebar ul { list-style-image: url('../img/global/ICN-sidebar-ul.jpg'); margin: 0 5px 0 0; padding: 0 0 0 17px; }

#content .download-pdf { list-style-image: url('../img/global/ICN-pdf.jpg'); margin: 0 0 0 10px; }
#content .download-word { list-style-image: url('../img/global/ICN-word.jpg'); margin: 0 0 0 10px; }

#footer { text-align: right; padding: 13px 13px 13px 0; }
#footer, #footer a, #footer span em { color: #afafaf; font-family: Georgia, "Bookman Old Style", Serif; font-size: 12px; }

.ground { clear: both; display: block; height: 0; }

#mast { height: 121px; }
#mast em { 
	color: #6e92b6; 
	float: right;
	font-family: Georgia, "Bookman Old Style", Serif;
	display: block; 
	font-size: 26px;
	margin: -50px 15px 0 0;
}
#mast h2 { 
	background: url('../img/global/ICN-logo.jpg') no-repeat top left;
	cursor: pointer;
	height: 119px;
	width: 242px;
}
#mast h2 span { display: none; }


#navigation { 
	background: url('../img/global/BG-navigation.jpg') repeat-x top left #789abd;
	list-style-type: none; 
	height: 42px;
	margin: 0; 
	padding: 0 0 0 5px; 
}
#navigation li { display: inline; }
#navigation li a { display: inline-block; height: 42px; margin: 0 0 -3px 0; }
#navigation li a span { display: none; }
#navigation li span { background: url('../img/global/navigation/BG-breaker.jpg') no-repeat top left; margin-right: -5px; }
#navigation .link-home { background: url('../img/global/navigation/ICN-home.jpg') no-repeat top left; width: 51px; }
#navigation .link-locations { background: url('../img/global/navigation/ICN-locations.jpg') no-repeat top left; width: 85px; }
#navigation .link-medical-dermatology { background: url('../img/global/navigation/ICN-medical-dermatology.jpg') no-repeat top left; width: 158px; }
#navigation .link-cosmetic-dermatology { background: url('../img/global/navigation/ICN-cosmetic-dermatology.jpg') no-repeat top left; width: 165px; }
#navigation .link-med-spa { background: url('../img/global/navigation/ICN-med-spa.jpg') no-repeat top left; width: 105px; }
#navigation .link-mohs-surgery { background: url('../img/global/navigation/ICN-mohs-surgery.jpg') no-repeat top left; width: 108px; }
#navigation .link-careers { background: url('../img/global/navigation/ICN-careers.jpg') no-repeat top left; width: 77px; }
#navigation .link-about-us { background: url('../img/global/navigation/ICN-about-us.jpg') no-repeat top left; width: 80px; }
#navigation .link-info-and-forms { background: url('../img/global/navigation/ICN-info-and-forms.jpg') no-repeat top left; width: 119px; }


/* new styles */


input 
{
	font-size: 1em;
	display: inline;
}
 
label 
{
	float: left;
	font-size: 1.1em;
	display: block;
	padding: 2px 0 5px 0 !important;
	
}

.Form
{
	clear: left;
	float: left !important;
	width: 200px;
	display: block;
	margin: 4px 0 0 0 !important;
}


.FormFieldSm
{
	margin-left: 5px;
	border: 0;
	background-color: transparent;
	width: 238px;
	height: 25px;
	border: 1px dashed transparent;
}


.FormFieldXSm
{
	margin-left: 5px;
	border: 0;
	background-color: transparent;
	width: 88px;
	height: 25px;
}


.FormFieldXLg
{
	margin-left: 5px;
	border: 0;
	background-color: transparent;
	width: 210px;
	height: 108px;
}


.FormFieldBgSm
{
	background-image: url(/core/img/global/FormFieldBg_Sm.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 249px;
	height: 29px;
	background-color: transparent;
	display: table-cell;
	
}




.FormFieldBgXSm
{
	background-image: url(/core/img/global/FormFieldBg_XSm.gif);
	background-repeat: no-repeat;
	width: 249px;
	height: 29px;
	border: 0;
	background-color: transparent;
	display: table-cell;
}

.FormFieldBgXLG
{
	background-image: url(/core/img/global/FormFieldBg_XLg.gif);
	background-repeat: no-repeat;
	width: 249px;
	height: 108px;
	border: 0;
	background-color: transparent;
	display: table-cell;
	
}


#EmailForm
{
	visibility: visible;
	width: 200px;
	display: block;	
	padding: 0px 0 0 0;
}

#EmailMessage
{
	position: relative;

}


#content .main #about_leftColumn
{
	float: left;
	width: 440px;
}

#content .main #about_rightColumn
{

	display: table-cell;
	width: 200px;
	padding: 0 0 0 20px;
}



#content .main #mohs-surgery_lefttColumn
{
	float: left;
	width: 440px;
}

#content .main #mohs-surgery_rightColumn
{

	display: table-cell;
	width: 200px;
	padding: 21px 0 0 20px;
}


#content .main .med-spa_leftColumn
{
	float: left;
	width: 440px;
}


#content .main .med-spa_leftColumn .picFrame_m {
    border: 1px solid #DDDDDD;
    float: right;
    margin: 0 0 0 3px;
    padding: 2px;
}

#content .main .med-spa_leftColumn .picFrame {
    border: 1px solid #DDDDDD;
    padding: 2px;
}



#content .main .med-spa_rightColumn
{

	display: table-cell;
	width: 200px;
	padding: 21px 0 0 20px;
}