/* .......................................... Colors

blue: #63B4CD
bllue line: #9ed5e6
lt. blue: #EDF7F9
green: #9cc071

*/


/* .......................................... Reset*/

* {
margin: 0;
padding: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0px;
  border: none;
  font-size: 100%;
  vertical-align: baseline;
}


 
/* .......................................... General */


body { 
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: georgia;
  font-size: 100%;
  color: #808080;
	background-image: url(http://www.bengtsoncenter.com/images/masthead/bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

img {
	border-style: none;
	border: none;
	padding: 0px;
	margin: 0px;
}

#wrapper {
	width: 860px;
	margin: auto;
	padding: 0px;
}

.left {
	float: left;
	display: block;
}

.right {
	float: right;
	padding: 0px;
	display: block;
}

#contentArea {
	width: 860px;
	margin: 0px;
	display: block;
}

h1 {
	font-family: Georgia, serif;
	font-size: 20px;
	text-align: left;
	line-height: 27px;
	color: #63B4CD;
	margin: 30px 0px 11px 0px;
}

p {
	font-family: Georgia, serif;
	font-weight; normal;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	letter-spacing: .25px;
	text-decoration: none;
	margin: 15px 0px 0px 0px;
	color: #808080;
}

.blue b {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	letter-spacing: .5px;
	color: #63B4CD;
}

.blue a {
	text-decoration: none;
	color: #808080;
}

.blue a:hover, a:active {
	text-decoration: underline;
	color: #808080;
}

.link a {
	text-decoration: none;
	color: #9cc071;
}

.link a:hover, a:active {
	text-decoration: underline;
	color: #9cc071;
}

/* .......................................... Main Masthead */

#masthead {
	margin: 15px 0px 0px 0px;
	width: 860px;
}

#logo {
	margin: 0px 0px 22px 16px;
	float: left;
}

#drs {
	clear: right;
	margin: 45px 0px 0px 0px;	
	float: right;
}

#submit {

}

/* ...........................................Masthead Forms Styles */
#forms {
	float: right;
	margin-top: 10px;
}
#forms input {
	width: 154px;
}
.emailForm {
	float: left;
	margin-right: 45px;
	width: 415px;
}
.googleForm {
	float: left;
	width: 215px;
}
.formInner {
	float: right;
	margin-top: -7px;
	background-color: none;
	font-size: 13px;
	color: #9cc071;
}
#forms .formImg {
	vertical-align: bottom;
	width: 42px;
}
/* ............................................ Search Results */
#results {
	text-align: left;
}
#results .gsc-tabsArea {
	display: none;
}
#results .gsc-cursor-box {
	text-align: center;
}
.gsc-control-cse {
	font-family: Verdana, sans-serif;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}
input.gsc-input {
	border-color: #9ed5e6;
}
input.gsc-search-button {
	border-color: #666666;
	background-color: #CECECE;
}
.gsc-tabHeader.gsc-tabhInactive {
	border-color: #E9E9E9;
	background-color: #E9E9E9;
}
.gsc-tabHeader.gsc-tabhActive {
	border-top-color: #63B4CD;
	border-left-color: #E9E9E9;
	border-right-color: #E9E9E9;
	background-color: #FFFFFF;
}
.gsc-tabsArea {
	border-color: #E9E9E9;
}
.gsc-webResult.gsc-result {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b {
	color: #9cc071;
}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b {
	color: #9cc071;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b {
	color: #9cc071;
}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b {
	color: #9cc071;
}
.gsc-cursor-page {
	color: #9cc071;
}
a.gsc-trailing-more-results:link {
	color: #9cc071;
}
.gs-webResult.gs-result .gs-snippet {
	color: #808080;
}
.gs-webResult.gs-result .gs-visibleUrl {
	color: #63B4CD;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
	color: #63B4CD;
}
.gsc-cursor-box {
	border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page {
	border-color: #E9E9E9;
	background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
	border-color: #63B4CD;
	background-color: #FFFFFF;
}
.gs-promotion.gs-result {
	border-color: #336699;
	background-color: #FFFFFF;
}
.gs-promotion.gs-result a.gs-title:link {
	color: #9cc071;
}
.gs-promotion.gs-result a.gs-title:visited {
	color: #9cc071;
}
.gs-promotion.gs-result a.gs-title:hover {
	color: #9cc071;
}
.gs-promotion.gs-result a.gs-title:active {
	color: #9cc071;
}
.gs-promotion.gs-result .gs-snippet {
	color: #000000;
}
.gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short {
	color: #63B4CD;
}

/* .......................................... Main Navigation */

#navBar {
	width: 860px;
	height: 20px;
	text-align: center;
	margin: 4px 0px 2px 0px;
	border: none;
	background: none;
	background-color: white;
	color: #808080;
} 

#navBar ul {
	list-style: none;
}

#navBar ul li {
	float: left;
	text-align: center;	
	display: block;
}

#navBar li a.breast {
	background: url(http://www.bengtsoncenter.com/images/mainnav/breastcntr_off.gif) no-repeat;
	width: 91px;
	height: 15px; 
	display: block;
}

#navBar li a.breast:hover {
	background: url(http://www.bengtsoncenter.com/images/mainnav/breastcntr_on.gif) no-repeat ;
}

#navBar li a.breast_current {
	background: url(http://www.bengtsoncenter.com/images/mainnav/breastcntr_on.gif) no-repeat ;
	width: 91px;
	height: 15px;
	display: block;
}

#navBar li a.body {
	background: url(http://www.bengtsoncenter.com/images/mainnav/bodycntr_off.gif) no-repeat;
	width: 82px;
	height: 15px; 
	display: block;
}

#navBar li a.body:hover {
	background: url(http://www.bengtsoncenter.com/images/mainnav/bodycntr_on.gif) no-repeat ;
}

#navBar li a.body_current {
	background: url(http://www.bengtsoncenter.com/images/mainnav/bodycntr_on.gif) no-repeat ;
	width: 82px;
	height: 15px;
	display: block;
}

#navBar li a.facial {
	background: url(http://www.bengtsoncenter.com/images/mainnav/facialcntr_off.gif) no-repeat;
	width: 91px;
	height: 15px; 
	display: block;
}

#navBar li a.facial:hover {
	background: url(http://www.bengtsoncenter.com/images/mainnav/facialcntr_on.gif) no-repeat ;
}

#navBar li a.facial_current {
	background: url(http://www.bengtsoncenter.com/images/mainnav/facialcntr_on.gif) no-repeat ;
	width: 91px;
	height: 15px;
	display: block;
}

#navBar li a.skinCare {
	background: url(http://www.bengtsoncenter.com/images/mainnav/skinlasercntr_off.gif) no-repeat;
	width: 126px;
	height: 15px; 
	display: block;
}

#navBar li a.skinCare:hover {
	background: url(http://www.bengtsoncenter.com/images/mainnav/skinlasercntr_on.gif) no-repeat ;
}

#navBar li a.skinCare_current {
	background: url(http://www.bengtsoncenter.com/images/mainnav/skinlasercntr_on.gif) no-repeat ;
	width: 126px;
	height: 15px;
	display: block;
}

#navBar li a.mens {
	background: url(http://www.bengtsoncenter.com/images/mainnav/menscntr_off.gif) no-repeat;
	width: 88px;
	height: 15px; 
	display: block;
}

#navBar li a.mens:hover {
	background: url(http://www.bengtsoncenter.com/images/mainnav/menscntr_on.gif) no-repeat ;
}

#navBar li a.mens_current {
	background: url(http://www.bengtsoncenter.com/images/mainnav/menscntr_on.gif) no-repeat ;
	width: 88px;
	height: 15px;
	display: block;
}

#navBar li a.gallery {
	background: url(http://www.bengtsoncenter.com/images/mainnav/gallery_off.gif) no-repeat;
	width: 98px;
	height: 15px; 
	display: block;
}

#navBar li a.gallery:hover {
	background: url(http://www.bengtsoncenter.com/images/mainnav/gallery_on.gif) no-repeat ;
}

#navBar li a.gallery_current {
	background: url(http://www.bengtsoncenter.com/images/mainnav/gallery_on.gif) no-repeat ;
	width: 98px;
	height: 15px;
	display: block;
}

#navBar li a.newsEvents {
	background: url(http://www.bengtsoncenter.com/images/mainnav/newsevents_off.gif) no-repeat;
	width: 98px;
	height: 15px; 
	display: block;
}

#navBar li a.newsEvents:hover {
	background: url(http://www.bengtsoncenter.com/images/mainnav/newsevents_on.gif) no-repeat ;
}

#navBar li a.newsEvents_current {
	background: url(http://www.bengtsoncenter.com/images/mainnav/newsevents_on.gif) no-repeat ;
	width: 98px;
	height: 15px;
	display: block;
}

#navBar li a.about {
	background: url(http://www.bengtsoncenter.com/images/mainnav/about_off.gif) no-repeat;
	width: 62px;
	height: 15px; 
	display: block;
}

#navBar li a.about:hover {
	background: url(http://www.bengtsoncenter.com/images/mainnav/about_on.gif) no-repeat ;
}

#navBar li a.about_current {
	background: url(http://www.bengtsoncenter.com/images/mainnav/about_on.gif) no-repeat ;
	width: 62px;
	height: 15px;
	display: block;
}

/* .......................................... newsFeed */

.col {
	width: 208px;
	float: left;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	text-align: left;
}

.copy {
	height: 165px;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	overflow: auto;
	display: block;
	margin-left: 6px;
	padding: 0px;
}

.copy2 {
	height: 165px;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	overflow: auto;
	display: block;
	padding: 0px;
}

.copy2 a, a:visited {
	text-decoration: none;
	color: #9cc071;
}

.copy2 a:hover, a:active {
	text-decoration: underline;
	color: #9cc071;
}
.copy img {
	border-style: none;
	border: none;
	padding: 0px;
	margin: 0px;
}

.copy a, a:visited {
	text-decoration: none;
	color: #9cc071;
}

.copy a:hover, a:active {
	text-decoration: underline;
	color: #9cc071;
}

.copy b {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: .25px;
	color: #63B4CD;
}

.copy p {
	font-size: 11px;
	font-family: verdana, sans serif;
	font-weight; normal;
	text-align: left;
	line-height: 15px;
	text-decoration: none;
	margin: 13px 0px 0px 0px;
	color: #808080;
}


h2 {
	font-family: Georgia, serif;
	font-size: 15px;
	letter-spacing: .5px;
	text-align: left;
	color: #63B4CD;
	background-color: #EDF7F9;
	padding: 12px 0px 6px 6px;
	margin: 0px;
}



/* .......................................... Footer */

#footer {
	color: #808080;
	background-color: #e8ece0;
	width: 860px;
	height: 20px;
	margin: 0px 0px 10px 0px;
  	padding-top: 9px;
  	border: 0px;
  	float: left;
  	clear: both;
  	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: .5px;
}

#footer ul {
	width: 860px;
	text-align: center;
	list-style: none;
	margin-left: 38px;
}

#footer li {
	float: left;
}

#footer a {
	text-decoration: none;
	color: #808080;
}

#footer a:hover, a:active {
	color: #000;
}

#footer #footerCurrent a {
	color: #000;
}

#footerBlurb {
	clear: both;
	font-family: georgia, serif; 
	font-size: 10px;
	letter-spacing: .25px;
	line-height: 15px;
	margin: 0px 3px 10px 7px;
	text-align: center;
}

#footerBlurb a {
	text-decoration: none;
	color: #a2a2a2;
}

#footerBlurb a:hover, a:active {
	text-decoration: underline;
	color: #323232;
	
}



/* .......................................... Sub Navigation */

#subNav {
	display: block;
  	width: 212px;
  	height: 30px;
  	padding: 0px;
}

#subNav ul {
	padding: 0;
	float: left;
	position: relative;
	margin: 30px 0px 0px 0px;
}

#subNav ul li {
	width: 212px;
	padding: 0px;
	position: relative;
	float: left;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 27px;
	list-style: none;
	color: #808080;
}

#subNav ul li a {
	position: relative;
	padding-left: 16px;
  	display: block;
	text-decoration: none;
	color: #808080;
	z-index: 200;
}

#subNav ul li a:hover, #subNav ul li a:active  {
	color: #fff;
	/*background: transparent url(images/rollover_hover.gif) no-repeat scroll 0 0;*/
}

/* take off for back up plan */
#subNav .menuBack {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10
}

#subNav li.current a {
	color: #FFF;
	display: block;
}
#subNav li.current .menuBack {
	display: none;
}
#subNav li.current {
	background: transparent url(http://www.bengtsoncenter.com/images/rollover_active.gif) no-repeat 0 0;
}

/* .......................................... Lightbox */

#photosframeholder {
	display: none;
	position: fixed;
	left: 0;
	top: 150px;
	width: 100%;
	text-align: center;
	z-index: 2500;
}
#photosframe {
	background-color: #FFF;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 350px;
	text-align: left;
	width: 750px;
	z-index: 2500;
	overflow: hidden;
}
#photosframe #arrowleft {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 177px;
	left: 25px;
}
#photosframe #arrowright {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 177px;
	right: 25px;
}
#photosframe #closepop {
	display: none;
	color: #808080;
	font-size: 11px;
	position: absolute;
	top: 9px;
	right: 15px;
}
#photosframe #inner #loader {
	position: absolute;
	top: 163px;
	left: 363px;
}
#photosframe #inner .frame {
	display: none;
	width: 610px;
	margin-top: 43px;
	position: relative;
	left: 70px;
}
#photosframe #inner .frame h2 {
	color: #63B4CD;
	font-size: 1.1em;
	margin-bottom: 23px;
	text-align: center;
}
#photosframe #inner span {
	display: block;
	margin-top: 100px;
	text-align: center;
}
.photoFrame {
	display: none;
	height: 350px;
	width: 650px;
}
#photosframe #inner .photoFrame {
	display: block;
}	
#popupback {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(http://www.bengtsoncenter.com/images/photoGallery/pop_back.png) top left repeat;
	z-index: 2000;
}
#popupback {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(http://www.bengtsoncenter.com/images/photoGallery/pop_back.png) top left repeat;
	z-index: 2000;
}

#photosframe #inner span {
	display: block;
	text-align: center;
}

#photosframe #inner p {
	display: block;
	text-align: center;
	padding: 0px 55px 0px 50px
}

#caution span {
	text-align: center;
	width: 600px;
}

#caution p{
	font-family: georgia, serif;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

#caution b{
	font-size: 22px;
	color: #63B4CD;
	text-align: center;
	background-color: #EDF7F9;
	padding: 14px 270px 6px 270px;
	letter-spacing: 1px;
}

#caution a{
	text-decoration: none;
	font-family: verdana, sans serif;
	font-weight: bold;
	font-size: 12px;
	color: #9cc071;
	text-align: center;
}

#caution a:hover, a:active {
	text-decoration: underline;
}


/* .......................................... Content for centers */

#theContent {
	width: 610px; 
	height:288px; 
	overflow: auto;
	float:right; 
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: .25px;
	display: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	color: #808080;
}
#theContent div {
	display: none;
}
#theContent ul {
	padding: 17px 0px 17px 35px;
	list-style-image: url(http://www.bengtsoncenter.com/images/masthead/bullet.gif);
}

#theContent a {
	text-decoration: none;
	color: #9cc071;
}

#theContent a:hover, a:active {
	color: #9cc071;
	text-decoration: underline;
}
#imageArea {
	float: right;
	width: 646px;
	height: 312px;
	margin: 0px;
	padding: 0px;
	display: none;
}
#loadImage {
	display: none;
	float: left;
	width: 646px;
}
#flash {
	display: none;
	float: left;
	position: relative;
	height: 312px;
	width: 646px;
}
#flash img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#flash img.active {
    z-index:10;
}
#flash img.last-active {
    z-index:9;
}


/* .......................................... Other Content for larger content area */

#otherContent {
	width: 610px; 
	height: 600px; 
	overflow: auto;
	float: right;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 21px;
	letter-spacing: .25px;
	display: none;
	text-align: left;
	margin: 0;
	padding: 0 10px 0 0;
	position: relative;
	color: #808080;
}
#otherContent div {
	display: none;
}
#otherContent b {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	letter-spacing: .5px;
	color: #9cc071;
}
#otherContent .names {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: .25px;
	color: #9cc071;
}

#otherContent .dates {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: .25px;
	color: #63B4CD;
}

#otherContent ul {
	padding: 17px 0px 17px 35px;
	list-style-image: url(http://www.bengtsoncenter.com/images/masthead/bullet.gif);
}

#otherContent a {
	text-decoration: none;
	color: #9cc071;
}

#otherContent a:hover, a:active {
	color: #9cc071;
	text-decoration: underline;
}

#TB_window {
	color: #808080;
	font-size: 11px;
}
#TB_secondLine {
	color: #808080;
	font-size: 11px;
}
#TB_window a:link {color: #808080;}
#TB_window a:visited {color: #808080;}
#TB_window a:hover {color: #808080;}
#TB_window a:active {color: #808080;}
#TB_window a:focus{color: #808080;}
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack {background: url(http://www.bengtsoncenter.com/images/photoGallery/pop_back.png) top left repeat;}
.TB_overlayBG {
	background: url(http://www.bengtsoncenter.com/images/drs/photoGallery/pop_back.png) top left repeat;
}
* html #TB_overlay {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}
* html #TB_window {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
}
#TB_caption{
	padding:7px 30px 10px 25px;
	float:left;
}
#TB_closeWindow{
	height:25px;
	padding:11px 15px 5px 0;
	float:right;
}
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}
#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}
#TB_title{
	background-color:#e8e8e8;
	height:27px;
}
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
	padding:15px;
}
#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px;
}
* html #TB_load {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



/* .......................................... Events */
#events {
	width: 500px;
}

#events .dates {
	line-height: 38px;
}

hr {
	border: 0px;
	background-color: #9ed5e6;
	height: 2px;
	margin: -5px 0px 5px 0px;
}