/* --        -    -         -- */
/*                             */
/*          Redefined          */


h1 {
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:18px;
color:#444;
font-weight:normal;
line-height:26px;
padding:0;
margin:0;
}

h1#home{
padding:25px 0 ;
}

h1 strong{
font-weight:normal;
color:#006200;
}

h2 {
font-size:14px;
font-family:Helvetica, Arial, Verdana, sans-serif;
_font-family:Verdana, Arial, sans-serif;
font-weight:bold;
color:#333;
padding-bottom:5px;
border-bottom:#cccccc 1px solid;
text-transform:capitalize;
}


h2 a,
h2 a:link,
h2 a:visited{
text-decoration:none;
color:#333;
}

h2 a:hover,
h2 a:active{
border-bottom:#006699 solid 1px;
background-color:#efefef;   
padding:4px 0 2px 0;
}

h1.section{
font-size:24px;
color:#333;
line-height:26px;
font-weight:normal;
padding:15px 0 0 0;

}

p{
font-family: Helvetica, Arial, Verdana, sans-serif;
_font-family: Andale Mono,Verdana, Arial , sans-serif;
}

p.section-description{
margin:0;
padding:15px 0 0 0;
color:#333;
font-size:14px;
_font-size:14px;
line-height:24px;
}

.visualDivide{
clear:left;
border-bottom:2px dotted #eee;
padding:5px 0 0 0;
margin-bottom:10px;
}

.clearLeft{
clear:left;}

img.offsiteLink {
padding-left:5px;
}

span.gyrotonic{
font-weight:bold;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;}
/* --        -    -         -- */
/*                             */
/*        anncouncement        */
/*          features           */
/*           friends           */
/*      additional resources   */
/*       services              */


#ar,
#friends{
padding-top:15px;
}
#contact-appointment,
#contact-question,
.contact-item,
.service-item,
.friends-item,
.feature-item,
.announcement-item{
padding-top:10px;
font-family:Helvetica, Arial, Verdana, sans-serif;
_font-family:Verdana, Arial, sans-serif;
color:#222;
}
.contact-item{
margin-top:20px;
}

.service-item-img,
.feature-item-img,
.announcement-item-img{
float:left;
padding:0 15px 10px 0;
vertical-align:middle;
}

.mytestDiv{
background-image:url(../i/100x75_tabs.gif);
background-color:red;
}

.contact-item h4,
.service-item h4,
.friends-item h4,
.feature-item h4,
.announcement-item h4{
font-size:14px;
font-family:Helvetica, Arial, Verdana, sans-serif;
_font-family:Verdana, Arial, sans-serif;
font-weight:bold;
color:#006699;
padding:0;
margin:0;
text-transform:capitalize;
}

#contact-appointment p,
#contact-question p,
.contact-item p,
.service-item p,
.friends-item p,
.feature-item p,
.announcement-item p{
font-size:12px;
line-height:16px;
padding:5px 0 5px 0;
margin:0;
}

.contact-item p{
padding-bottom:20px;
}


.friends-item{
/*width:180px;*/
padding:5px 0 0 0;
/*float:left;*/
}

.friends-item p{
font-size:11px;
line-height:14px;
padding:3px 0 5px 0;
}


/* --        -    -         -- */
/*                             */
/*        appointments         */

#visit-followup-cm h2,
#visit-followup-a h2,
#visit-initial h2{
color:#006699;
}
 
 
 
span.visit-time{
color:#999999;
}






/* --        -    -         -- */
/*                             */
/*   top sections every page   */


#topSystem{
width:745px;
padding-top:20px;}

#logo-holder{
background-image:url(../i/dropshadow_logo.png);
background-repeat:repeat-y;
width:260px;
}

#logo{
background-color:white;
width:252px;
margin-left:4px;
}

#logo img {
padding:10px 10px 0px 20px;
}

#header-holder{
}

#headerImage{
}



#about-main p{
color:#222;
font-size:12px;
line-height:18px;
}


/* --        -    -         -- */
/*                             */
/*   contact                   */
span.subTitle,
p.subTitle{
text-transform:capitalize;
font-size:12px;
font-family:Helvetica, Arial, Verdana, sans-serif;
_font-family:Verdana, Arial, sans-serif;
color:#006699;
font-weight:bold;
padding:0;
margin:0;
margin-top:15px;
}
td p {
padding:0;
margin:0;}

#appointment input,
#askQuesiton input,
#askQuesiton textarea{
background-color:#eff5e5;
width:200px;
padding:2px;
border:1px solid #669900
}
#askQuesiton textarea{
width:200px;}

#appointment input.sendButton,
#askQuesiton input.sendButton{
width:75px}


/*  extras   */
hr.dotted{
padding:0;
margin:20px 0 0 0;
padding-bottom:25px;
border:none;
border-top:dotted 2px #ccc;}




/** *** ** ** ** */
head{
background-color:yellow;}
body{
background-color:#d0dae3;
background-image:url(../i/b_background.gif);
background-repeat:repeat-x;
}

#backgroundImage{
background-image:url(../i/b_backgroundFloral.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
height:510px;
width:500px;
position:absolute;
top:0;
left:0;
z-index:11;
}
#backgroundSwirl{
background-image:url(../i/b_swirl2.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
height:510px;
width:500px;
position:absolute;
top:0;
left:850px;
z-index:10;
}
#bloomLogo{
margin:0;
padding:0;
height:70px;
width:231px;
position:absolute;
top:10px;
left:-65px;
z-index:20;
}
#wrap{
padding-top:65px;
position:relative;
z-index:30;}
#quads-1{
}
#quads-2{
background-color:#dce0df;
/*height:40px;*/
background-image:url(../i/b_menubar.jpg);
background-repeat:repeat-x;
background-position:bottom;
border-left:1px #666 solid;
border-right:1px #666 solid;}
#quads-3{
padding:15px;
border-left:1px #666 solid;
border-right:1px #666 solid;
background-color:#fff;
background-image:url(../i/logoWatermark.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
#quads-4{
margin-bottom:25px;
padding:15px;
background-color:#ddd;
border-top:2px #fff dashed;
border-left:1px #666 solid;
border-right:1px #666 solid;
border-bottom:1px #666 solid;}

#footer{
color:#888;
font-size:12px;
font-family:Helvetica, Arial, Verdana, sans-serif;
_font-family:Verdana, Arial, sans-serif;
}

#outer {overflow: visible; position: relative;}
#outer[id] {display: table; position: static;}
        
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}


#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */