/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#feffff;
	text-align:center;
}

/* MODAL POPUP */

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;	
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html
	{
		font-family:Tahoma;
		font-size:0.688em;
		line-height:1.455em;
		color:#272727;
	}
	
input, textarea
	{
		font-family:Tahoma;
		font-size:1.5em;
		line-height:1.455em;
		color:#272727;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#3b69bb;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.footer-tail {background:url(http://www.drjohnleeinstitute.com/images/footer-tail.gif) bottom repeat-x #eff3f6;}
.top-tail-left {background:url() top repeat-x; width:50%; position:absolute; height:480px; left:0;}
.top-tail-right {background:url() top repeat-x; width:50%; position:absolute; height:480px; right:0;}

.link {background:url(http://www.drjohnleeinstitute.com/images/link-bg.gif) no-repeat 0 0; color:#000; font-weight:bold; display:block; float:left; padding:5px 0 2px 27px; margin-top:17px;}

h3 {color:#fff; font-weight:normal; text-transform:uppercase; font-size:1.573em; line-height:1.357em; margin:10px 0 3px 0;}
h4 {color:#272727; margin-bottom:3px;}
h5 {color:#ff3600; margin-bottom:3px;}

#content ul {position:relative; margin:-4px 0 -4px 0;}
li { background:url(http://www.drjohnleeinstitute.com/images/list-bg.gif) no-repeat 0 11px; padding-left:13px;}
li a {line-height:2.182em;}

.imgindent {margin:0 20px 0 0; float:left;}

.title1 {background:url(http://www.drjohnleeinstitute.com/images/title1-tail-bg.gif) top repeat-x;}
.title1 .right-bg {background:url(http://www.drjohnleeinstitute.com/images/title1-right-bg.gif) top right no-repeat;}
.title1 .left-bg {background:url(http://www.drjohnleeinstitute.com/images/title1-left-bg.gif) top left no-repeat; padding:2px 0 11px 17px;}

.title2 {background:url(http://www.drjohnleeinstitute.com/images/title2-tail-bg.gif) top repeat-x;}
.title2 .right-bg {background:url(http://www.drjohnleeinstitute.com/images/title2-right-bg.gif) top right no-repeat;}
.title2 .left-bg {background:url(http://www.drjohnleeinstitute.com/images/title2-left-bg.gif) top left no-repeat; padding:2px 0 11px 17px;}

.title3 {background:url(http://www.drjohnleeinstitute.com/images/title3-tail-bg.gif) top repeat-x;}
.title3 .right-bg {background:url(http://www.drjohnleeinstitute.com/images/title3-right-bg.gif) top right no-repeat;}
.title3 .left-bg {background:url(http://www.drjohnleeinstitute.com/images/title3-left-bg.gif) top left no-repeat; padding:2px 0 11px 17px;}

/* ============================= header ====================== */

#header .logo {float:left; padding:15px 0 0 51px; width:416px; position:absolute;}
#header .menu {padding:49px 0 0 467px; float:left; position:absolute;}

#header .menu ul {width:100%; overflow:hidden;}
#header .menu li {float:left; padding:0; font-family:arial; background:none;}
#header .menu li a {background:#f0f0f0 url(images/menu-line.gif) top right no-repeat; display:block; padding:9px 20px 8px 20px; font-weight:bold; text-transform:uppercase; color:#1a3544; text-decoration:none;}
#header .menu li a:hover {background:#bae9ff url(images/menu-line.gif) top right no-repeat;}
#header .menu .last a {background:#f0f0f0;}
#header .menu .last a:hover {background:#bae9ff;}
#header .menu .active {background:#bae9ff url(http://www.drjohnleeinstitute.com/images/menu-line.gif) top right no-repeat;}
#header .menu .last .active {background:#bae9ff;}

#header .block {padding:275px 513px 0 51px; color:#b9d7ff; line-height:1.273em;}

#header2 .logo {float:left; padding:15px 0 0 51px; width:416px; position:absolute;}
#header2 .menu {padding:49px 0 0 467px; float:left; position:absolute;}

#header2 .menu ul {width:100%; overflow:hidden;}
#header2 .menu li {float:left; padding:0; font-family:arial; background:none;}
#header2 .menu li a {background:#f0f0f0 url(http://www.drjohnleeinstitute.com/images/menu-line.gif) top right no-repeat; display:block; padding:10px 5px 10px 10px; font-weight:bold; text-transform:uppercase; color:#1a3544; text-decoration:none;}
#header2 .menu li a:hover {background:#bae9ff url(http://www.drjohnleeinstitute.com/images/menu-line.gif) top right no-repeat;}
#header2 .menu .last a {background:#f0f0f0;}
#header2 .menu .last a:hover {background:#bae9ff;}
#header2 .menu .active {background:#bae9ff url(http://www.drjohnleeinstitute.com/images/menu-line.gif) top right no-repeat;}
#header2 .menu .last .active {background:#bae9ff;}

#header2 .block {padding:375px 513px 0 51px; color:#b9d7ff; line-height:1.273em;}


.extra { padding:21px 45px 0 0;}
.link2 {background:url(http://www.drjohnleeinstitute.com/images/link2-tail-bg.gif) top repeat-x; display:block; float:right; text-transform:uppercase; text-decoration:none; color:#000; font-size:1.091em; font-family:arial;}
.link2 span {background:url(http://www.drjohnleeinstitute.com/images/link2-right-bg.gif) top right no-repeat; display:block;}
.link2 strong {background:url(images/link2-left-bg.gif) top left no-repeat; display:block; padding:8px 26px 8px 36px;}

.link2:hover {background:url(http://www.drjohnleeinstitute.com/images/link2-tail-bg-hover.gif) top repeat-x;}
.link2:hover span {background:url(http://www.drjohnleeinstitute.com/images/link2-right-bg-hover.gif) top right no-repeat;}
.link2:hover strong {background:url(http://www.drjohnleeinstitute.com/images/link2-left-bg-hover.gif) top left no-repeat;}

/* ============================= content ====================== */

.col-indent {padding:0 9px 0 0;}

.box {background:url(http://www.drjohnleeinstitute.com/images/box-bottom-tail.gif) bottom repeat-x #fff; width:100%;}
.box .tail-right {background:url(http://www.drjohnleeinstitute.com/images/box-side-tail.gif) right repeat-y; width:100%;}
.box .tail-left {background:url(http://www.drjohnleeinstitute.com/images/box-side-tail.gif) left repeat-y; width:100%;}
.box .corner-bottom-right {background:url(http://www.drjohnleeinstitute.com/images/box-corner-bottom-right.gif) bottom right no-repeat; width:100%;}
.box .corner-bottom-left {background:url(http://www.drjohnleeinstitute.com/images/box-corner-bottom-left.gif) bottom left no-repeat; width:100%;}
.box .corner-top-right {background:url(http://www.drjohnleeinstitute.com/images/box-corner-top-right.gif) top right no-repeat; width:100%;}
.box .corner-top-left {background:url(http://www.drjohnleeinstitute.com/images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .box-indent {padding:0px 20px 4px 3px;}
.box .indent {padding:0px 22px 34px 22px;}

.line {background:url(http://www.drjohnleeinstitute.com/images/line.gif) bottom left repeat-x; padding-bottom:13px; margin-bottom:8px;}

.img {margin:5px 0 9px 0;}
.color2 {color:#ff3600;}
.phone {float:right; margin-right:84px;}

.padding1 {padding-top:21px;}
.padding2 {padding-top:13px;}

/* ============================= footer ====================== */

#footer {color:#105ba1; text-transform:uppercase; text-align:center; font-family:arial; font-size:0.909em; line-height:1.6em;}
#footer a {text-transform:none; color:#105ba1;}
#footer .menu li {display:inline; border-right:0px solid #105ba1; padding:0 10px 0 7px; background:none;}
#footer .menu li a {color:#105ba1; text-decoration:none; text-transform:uppercase; line-height:1.6em;}
#footer .menu li a:hover {text-decoration:underline;}
#footer .menu .last {border:none;}

/* ============================= forms ============================= */

#ContactForm {padding:5px 0 0 1px;}
#ContactForm .rowi {height:23px;}
#ContactForm .link {float:right; margin-left:15px;}

.input {width:229px; height:19px; border:1px solid #000; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:229px; height:81px; border:1px solid #000; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}