@charset "utf-8";
/* CSS Document */

/* reset */ 
* {
	padding:0px;
	margin:0px;
	border:none;
}
p{	line-height:17px;
}
a{
	text-decoration:none;
	outline:none;
	}
body {
	background:url(../images/thornhil-skin-clinic-main-bg.jpg) center top #b4b9bc;
	background-repeat: repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	color:#586470;
	font-size:12px;
	font-weight:normal;
}
/* wrapper */ 
#main-wrapper {
	background:url(../images/new-main-bg.jpg) top left repeat-x;
	/*background:url(../images/thornhil-skin-clinic-top-bg.jpg) top center no-repeat;*/
	
}
#main-wrapper-top {
	background:url(../images/thornhil-skin-clinic-top-bg.jpg) top center no-repeat;
	
}
#wrapper {
	width:960px;
	margin:auto;
}

/* navigation */ 
#logo {
	width:260px;
	float:left;
}
#phone {
	float:right;
	font-family:"Trebuchet MS";
	font-size:24px;
	color:#3d3d3d;
	padding:12px 0 10px 30px;
	background:url(../images/thornhil-skin-clinic-phone.png) no-repeat 0px 14px;
}
#top-nav {
	width:700px;
	float:left;
	height:55px;
}
#top-nav a {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#547aa2;
	padding:20px 8px 12px 9px;
	text-decoration:none;
}
#top-nav a:hover {
	color:#ffffff;
	background:url(../images/thornhil-skin-clinic-link-bg.jpg) left bottom repeat-x;
	text-decoration:none;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#top-nav .active {
	color:#ffffff;
	background:url(../images/thornhil-skin-clinic-link-bg.jpg) left bottom repeat-x;
	text-decoration:none;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#top-nav .contact{
	float:left;
	color:#547aa2;
	padding:20px 11px 12px 11px;
	text-decoration:none;
}
#top-nav .contact:hover{
	color:#ffffff;
	background:url(../images/thornhil-skin-clinic-link-bg-contact.jpg) left bottom repeat-x;
	text-decoration:none;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#top-nav .blog{
	float:left;
	color:#547aa2;
	padding:20px 11px 12px 11px;
	text-decoration:none;

}
#top-nav .blog:hover{
	color:#ffffff;
	background:url(../images/thornhil-skin-clinic-link-bg-blog.jpg) left bottom repeat-x;
	text-decoration:none;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* banner */ 
#banner {
	height:386px;
}
#flash
{
width:281px;
height:370px;
color:#FF3300;
float:left;
margin:0px;
padding:0px;
position:absolute;
}
#header_caption{
font-family:Georgia;
font-size:33px;
float:right;
margin:33px 0 0 0;
line-height:33px;
}
.caption-gray{
font-size:25px;
color:#5f5f5f;
line-height:20px;
}
.caption-small{
font-size:20px;
line-height:15px;
color:#5f5f5f;
}
.caption-blue{
color:#608bbd;
font-size:38px;
}

#offer {
	padding:5px;
	float:right;
	font-size:14px;
	color:#a6a6a6;
	line-height:13px;
	clear:both;
}
#features {
	width:675px;
	float:right;
	padding-top:30px;
}
.box {
	width:175px;
	padding:10px 20px 5px 30px;
	float:left;
	height:145px;
}
h2 {
	font-family:"Times New Roman", Times, serif;
	padding:8px 0px 8px 0px;
	font-size:25px;
	color:#23578c;
	font-weight:normal;
}
h2 span {
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	color:#323232;
	font-weight:normal;
}
h2 a{
	color:#23578c;
	text-decoration:none;
	}
h2 a:hover{
	color:#666666;
	}
.learn, #centercol-inner .learn{
	color:#8b6924;
	margin-top:5px;
	float:left;
	display:block;
	text-decoration:underline;
}
.learn:hover, #centercol-inner .learn:hover {
	color:#3d3d3d;
}
#getstarted {
	width:435px;
	float:right;
	background:url(../images/thornhil-skin-clinic-getstarted-bg.jpg) 2px top no-repeat;
}
#description {
	width:308px;
	font-size:11px;
	float:left;
	padding:3px 0px 3px 1px;
}
#start {
	float:right;
}
#start a{
	width:126px;
	background:url(../images/thornhil-skin-clinic-getstarted.jpg) top left no-repeat;
	display:block;
	height:19px;
	padding:10px 0px;
	/*font-size:15px;*/
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
#start a:hover{
	width:126px;
	background:url(../images/thornhil-skin-clinic-getstarted.jpg) bottom left no-repeat;
		padding:10px 0px;
		height:19px;
	display:block;
	color:#FFFFFF;
		text-decoration:none;
}

/* content section */ 
#content {
	width:940px;
	padding:15px 10px 15px;
}

/* left column */ 
#leftcol {
	width:250px;
	float:left;
}
h3 {
	font-size:26px;
	color:#386797;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
}
h3 span {
	font-size:22px;
	color:#4f4f4f;
	font-weight:normal;
}

/* contact form */ 
.request {
	background:url(../images/thornhil-skin-clinic-request.jpg) left top no-repeat;
	padding:25px 0px 15px 48px;
}
#contact {
	width:250px;
	background-image: url(../images/askform_bg.jpg);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;
	margin-bottom:20px;
}
#contact label {
float:left;
font-size:13px;
	
}
#contact .textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #b0b3b6;
	border: 1px solid #84888c;
	background-image: url(../images/thornhil-skin-clinic-texfield-bg.jpg);
	background-repeat: no-repeat;
	width: 167px;
	height: 20px;
	padding-top:3px;
	padding-left:3px;
	margin-bottom:5px;
	float:right;
}
#contact .textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #b0b3b6;
	border: 1px solid #84888c;
	background-image: url(../images/textarea_bg.jpg);
	background-repeat: no-repeat;
	width: 167px;
	height: 88px;
	padding: 3px 0px 0px 3px;
	margin-bottom:5px;
	float:right;
}
.captcha{
width:172px;
height:32px;
float:right;
margin-bottom:5px;
}

.contact-box .captcha{
width:303px;
height:32px;
float:right;
margin-bottom:5px;
margin-right:16px;
}
#submit {
	float:right;
}
#submit a {
width:57px;
height:18px;
color:#4d4d4d;
padding:7px 10px;
display:block;
text-decoration:none;
font-size:15px;
font-weight:bold;
background:url(../images/thornhil-skin-clinic-submitt.jpg) left top no-repeat;
}
#submit a:hover {
color:#FFFFFF;
padding:7px 10px;
text-decoration:none;
font-weight:bold;
background:url(../images/thornhil-skin-clinic-submitt.jpg) left bottom no-repeat;
}
.service {
	background:url(../images/thornhil-skin-clinic-service.jpg) left top no-repeat;
	padding:20px 0px 25px 53px;
}
.service a {
color:#386797;
}
.service a:hover{
color:#666666;
}
/* left col features */ 
.leftcol-features {
	width:230px;
	background:url(../images/thornhil-skin-clinic-leftcol-bg.jpg) left top no-repeat;
	padding:10px;
	margin-bottom:10px;
}
.leftcol-features h4 {
	font-size:17px;
	color:#386797;
	padding:5px 0px 5px 3px;
}
.leftcol-features h4 a{
	color:#386796;
	}
.leftcol-features h4 a:hover{
	color:#999999;
	}
.leftcol-features ul {
	list-style:none;
	padding:5px 0px 0px 10px;
}
.leftcol-features ul li {
	background:url(../images/thornhil-skin-clinic-bullet.png) left no-repeat;
	padding:2px 0px 2px 10px;
	color:#4f667d;
}
.leftcol-features ul li a {
	color:#4f667d;
	text-decoration:none;
}
.leftcol-features ul li a:hover{
	color:#5783b4;
	text-decoration:underline;
}

/* center column */ 
#centercol {
	width:640px;
	float:left;
	padding:0px 0px 20px 35px;
	background:url(../images/thornhil-skin-clinic-bg-cont-right.jpg) right 65px no-repeat;
}

#centercol p a{
	text-decoration:underline;
	color:#586470;
}

#centercol p a:hover{
	text-decoration:none;
	color:#586470;
}

.cen-features {
	width:420px;
	padding:20px 0px 5px 0px;
}
.cen-features h2 {
	font-size:26px;
	color:#386797;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	padding:0px 0px 15px 0px;
	margin-bottom:15px;
	background:url(../images/thornhil-skin-clinic-content-ul.jpg) bottom left no-repeat;
}
.cen-features h2 span, #centercol-inner h2 span {
	font-size:22px;
	color:#4f4f4f;
}
.cen-features h2 a{
	text-decoration:none;
	color:#386797;
	}
.cen-features h2 a:hover{
	color:#666666;
}

#centercol-inner a{
	text-decoration:underline;
	color:#586470;
}

#centercol-inner a:hover{
	text-decoration:none;
	color:#586470;
}


#centercol-inner p a{
	text-decoration:underline;
	color:#586470;
}

#centercol-inner p a:hover{
	text-decoration:none;
	color:#586470;
}

h1 {
	font-size:26px;
	color:#386797;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	padding:0px 0px 15px 0px;
	margin-bottom:15px;
	background:url(../images/thornhil-skin-clinic-content-ul.jpg) bottom left no-repeat;
}
h1 span, #centercol-inner h1 span {
	font-size:22px;
	color:#4f4f4f;
}
h1 a{
	text-decoration:none;
	color:#386797;
	}
h1 a:hover{
	color:#666666;
}
.bot-feature {
	width:640px;
	background:url(../images/thornhil-skin-clinic-dot.jpg) left top repeat-x;
	padding:20px 0px 10px 0px;
	margin-top:10px;
}
.readmore{
	padding:10px 0px;
	display:block;
	color:#41678e;
	float:left;
	text-decoration:underline;
}
.readmore:hover {
	color:#6689a3;
}
#consultation {
width:238px;
margin:auto;
text-align:center;
}
#consultation a{
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:20px;
text-decoration:none;
padding:6px;
height:23px;
display:block;
background:url(../images/thornhil-skin-clinic-free-consultation.jpg) top left no-repeat;
}
#consultation a:hover{
color:#FFFFFF;
text-decoration:none;
padding:6px;
background:url(../images/thornhil-skin-clinic-free-consultation.jpg) bottom left no-repeat;
}

#free-consultation {
width:375px;
margin:auto;
text-align:center;
}
#free-consultation a{
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:20px;
text-decoration:none;
padding:6px;
height:23px;
display:block;
background:url(../images/thornhil-skin-clinic-free-consultation-new.jpg) top left no-repeat;
}
#free-consultation a:hover{
color:#FFFFFF;
text-decoration:none;
padding:6px;
background:url(../images/thornhil-skin-clinic-free-consultation-new.jpg) bottom left no-repeat;
}

#centercol-inner .glossaryalphabet{
	font-family:Arial, Helvetica, sans-serif;
	color:#586470;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	}
#centercol-inner .glossaryalphabet a{
	color:#586470;
	font-size:12px;
	}
	
#centercol-inner .glossaryalphabet a:hover{
	color:#5783b4;
	font-size:12px;
	text-decoration:underline;
	}
	


/* footer */ 
#footer-wrap {
	background-color:#FFFFFF;
	padding:5px 0px;
}
#footer {
	font-size:13px;
	text-align:center;
	width:635px;
	margin:auto;
}
#footer a {
	padding:5px 7px;
	display:block;
	float:left;
	color:#32414f;
	text-decoration:none;
}
#footer a:hover {
	color:#5783b4;
	text-decoration:underline;
}
#footer span {
	padding:5px 0px;
	display:block;
	float:left;
	color:#32414f;
}

/* copyright */ 
.techwyse {
	text-align:center;
	padding:6px 5px 6px 5px;
	color:#9c9c9d;
}
.techwyse a {
	font-family:Arial, Helvetica, sans-serif;
	color: #868686;
	text-decoration: none;
}
.techwyse a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	text-decoration: underline;
}
.back{
	float:right;
	text-align:right;
	width:640px;
	margin:20px 0 0 0;
	padding:0;
	background:url(../images/back.gif) no-repeat right top;
}
.back a{
	outline:none;
	color:#858384;
	text-decoration:none;
	}
.back a:hover{
	color:#386797;
	}
.top{
	float:right;
	text-align:left;
	width:63px;
	height:12px;
	margin:4px 0 0 0;
	padding:9px 0 0 0;
	background:url(../images/top.gif) no-repeat left top;
}
.top a{
	outline:none;
	color:#858384;
	text-decoration:none;
	}
.top a:hover{
	color:#386797;
	}


/* inner styles */
#banner-inner{
height:215px;
padding:0 20px 0 10px ;
background:url(../images/thornhil-skin-clinic-banner-inner-bg.jpg) 10px 0px no-repeat;
}
#caption-inner{
font-family:Georgia;
font-size:25px;
line-height:33px;
float:right;
margin-top:35px;
}
#caption-inner span.caption-gray{
font-size:25px;
color:#5f5f5f;
}
#caption-inner span.caption-small{
font-size:20px;
color:#5f5f5f;
}
#caption-inner span.caption-blue{
color:#608bbd;
font-size:38px;
}
#features-inner {
width:675px;
float:right;
padding-top:13px;
}
.box-inner {
width:183px;
padding:13px 12px 5px 30px;
float:left;
color:#616161;
}
.arrow-inner{
float:right;
padding:8px 0px 8px 5px;
}
h5 {
font-family:"Times New Roman", Times, serif;
padding:8px 30px 8px 0px;
font-size:25px;
float:left;
display:block;
background:url(../images/thornhil-skin-clinic-arrow-inner.jpg) right center no-repeat;
color:#23578c;
font-weight:normal;
}
h5 span {
font-family:"Times New Roman", Times, serif;
font-size:21px;
color:#323232;
font-weight:normal;
} 
h5 a {
color:#23578c;

text-decoration:none;
}
h5 a:hover {
color:#323232;
text-decoration:none;
}
h5 a:hover span {
color:#23578c;
text-decoration:none;
}
#media {
	float:right;
	width:949px;
	padding:20px 0 20px 0;
	text-align:center;
	margin:0;
}
#centercol-inner {
	width:640px;
	float:left;
	padding:0px 0px 20px 35px;
} 
#centercol-inner h2 {
	font-family:"Times New Roman", Times, serif;
	padding:8px 0px 8px 0;
	font-size:25px;
	color:#23578c;
	font-weight:normal;
}
#centercol-inner h3 {
	font-family:Arial, Helvetica, sans-serif;
	padding:8px 0px 8px 0;
	font-size:18px;
	color:#23578c;
	font-weight:normal;
}
#centercol-inner span {
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	color:#323232;
	font-weight:normal;
}
#centercol-inner .procedure h2  {
	background:url(../images/procedures.gif) no-repeat left top;
	padding:8px 0px 8px 40px;
}
.procedure {
	font-family:"Times New Roman", Times, serif;
	padding:8px 0px 8px 0;
	font-size:25px;
	color:#23578c;
	font-weight:normal;
}
.list{
	margin:10px;
	}
.list ul {
	margin:0;
	padding:0;
	}
.list li{
	list-style:inside circle;
	padding:3px;
	}
	
.inner-features {
	width:640px;
	padding:15px 0px 5px 0px;
}
.sublink{
	color:#3e72a6;
}
.sublink:hover{
	color:#666666;
}
.innerlink{
	color:#3e72a6;
	text-decoration:underline;
}
.innerlink:hover{
	color:#666666;
	text-decoration:none;
}
.inner-box {
	width:610px;
	padding:15px;
	margin:0 0 10px 0;
	background:url(../images/thornhil-skin-clinic-box-bg.jpg) no-repeat left top;
	}
.inner-box h4 {
	color:#896356;
	font-size:16px;
	margin:10px 0 14px 0;
	}
.inner-box h4 a {
	color:#896356;
}
.inner-box h4 a:hover{
	color:#666666;
}
.inner-box img {
	float:left;
	margin:0 20px 20px 0;
	outline:none;
	border:none;
	}
.staff-box {
	width:640px;
	padding:15px 0;
	margin:0 0 10px 0;
	border-bottom:dashed 1px #cccccc;
	}
.staff-box img {
	float:right;
	border:solid 1px #999999;
	background:#FFFFFF;
	padding:2px;
	margin:0 0 0 25px;
	}
#centercol-inner .staff-box h2{
	font-size:18px;
	color:#547aa2;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#centercol-inner .staff-box h3{
	font-size:14px;
	color:#87675c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}
.media-box {
	width:640px;
	padding:15px 0;
	margin:0 0 10px 0;
	background:url(../images/media-bg.jpg) no-repeat center bottom;
	border-bottom:dashed 1px #cccccc;
	}
	
.glossary-box {
	width:640px;
	padding:5px 0;
	margin:0 0 2px 0;
	background:url(../images/media-bg.jpg) no-repeat center bottom;
	border-bottom:dashed 1px #cccccc;
	}
.glossary-box h4 {
	color:#896356;
	font-size:13px;
	margin:0px 0 2px 0;
	padding:0px;
	}
.glossary-box p {
	margin:0px 0 0px 0;
	padding:0px;
	}
	
.media-box a{
color:#386797;
text-decoration:underline;}
.media-box a:hover{
text-decoration:none;}
.media-box img {
	float:right;
	border:solid 1px #999999;
	background:#FFFFFF;
	padding:2px;
	margin:0 0 0 25px;
	}
#centercol-inner .media-box h2{
	font-size:18px;
	color:#547aa2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
}
#centercol-inner .media-box h3{
	font-size:13px;
	color:#87675c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0;
}
.media-down-box {
	width:535px;
	padding:9px 0 8px 105px;
	margin:0;
	height:33px;
	background:url(../images/media-download-bg.jpg) no-repeat left top;
	}
.media-down-box img{
	outline:none;
	border:none;
	margin:0 15px 0 0;
}
.charity-box {
	width:624px;
	padding:15px 8px 30px 8px;
	margin:0 0 10px 0;
	background:url(../images/tips-bg.jpg) no-repeat left bottom;
	border-bottom:solid 1px #d0ba91;
	}
.charity-box img {
	float:right;
	border:solid 1px #999999;
	background:#FFFFFF;
	padding:2px;
	margin:0 0 0 25px;
	}
#centercol-inner .charity-box h2{
	font-size:18px;
	color:#547aa2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 15px 0;
	padding:0;
}
.contact-box {
	width:545px;
	padding:15px 0 30px 20px;
	margin:25px 0 10px 0;
	border-top:dashed 1px #cccccc;
	border-bottom:dashed 1px #cccccc;
	}
.contact-box label{
	float:left;
	width:225px;
	margin:6px 0;
	padding:0;
	}
.contact-box input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:300px;
	border:solid 1px #b8bdc0;
	font-size:13px;
	color:#999999;
	height:17px;
	margin:3px 0 6px 0;
	padding:2px;
	}
.contact-box textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:300px;
	border:solid 1px #b8bdc0;
	font-size:13px;
	color:#999999;
	height:60px;
	margin:3px 0 6px 0;
	padding:2px;
}
.contact-box select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:60px;
	border:solid 1px #b8bdc0;
	font-size:13px;
	color:#999999;
	height:20px;
	margin:3px 0 6px 0;
}
#centercol-inner .contact-box span{
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a.button1{
	display:block;
	width:86px;
	height:32px;
	background:url(../images/pop-submit.jpg) left top no-repeat;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#000;
}

a.button1:hover{
	background:url(../images/pop-submit.jpg) left bottom no-repeat;
	text-decoration:none;

}
a.button2{
	display:block;
	width:86px;
	height:32px;
	background:url(../images/reset.jpg) left top no-repeat;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#000;
}

a.button2:hover{
	background:url(../images/reset.jpg) left bottom no-repeat;
	text-decoration:none;

}
.red{
	color:#FF0000;
	}
.textlink {
	color:#3D73A9;
	width:640px;
	text-decoration:underline;
	padding:15px 0px 5px 0px;
}
.textlink:hover {
	color:#586470;
	width:640px;
	text-decoration:underline;
	padding:15px 0px 5px 0px;
}
.img-right{
float:right;
padding:0 0 0 20px;
}
#phone-inner {
	float:right;
	font-family:"Trebuchet MS";
	font-size:24px;
	color:#3d3d3d;
	padding:12px 0 10px 30px;
	background:url(../images/thornhil-skin-clinic-phone.png) no-repeat 0px 14px;
}
#videolistbg{
background:url(../images/video_list_bg.jpg) no-repeat left top;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:370px;
color:#6699CC;
float:left;
height:122px;
font-weight:bold;
font-size:10px;
}
#videolistbg ul{
margin:58px 0px 0px 110px;
padding:0px 0px 0px 0px;
list-style:none;
}
#videolistbg ul li{
background:url(../images/thornhil-skin-clinic-bullet.png) left 6px no-repeat;
width:120px;
padding:2px 0px 2px 7px;
margin:0px;
float:left;
}
#videolistbg ul li a{
color:#5e87b5;
text-decoration:none;
}
#videolistbg ul li a:hover{
color:#000;
text-decoration:underline;
}
