/*   
Theme Name: Open Circle Acupuncture
Author: Duc M Bui
Author URI: http://www.opencirclesd.com/
Version: 1.0
Description: Open Circle Acupuncture Site www.opencirclesd.com
*/

/* Custom Styles for Open Circle */
*{
margin:0;
padding:0;
border:none;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

p {
font-weight:normal;
margin:10px 0 10px 0;
}

h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address {
font-weight:normal;
font-family:"Museo Sans 500";
margin:10px 0 10px 0;
}

h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}

/* Basic CSS */
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

li, dd, blockquote {
margin-left:1em;
}

.clear {
clear:both;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

/* Links and Images*/
a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;

}

/* Links */
a, a:visited{
color:#CCCCCC;
text-decoration:none;
font-weight:normal;
/* font-family:"Museo Sans 500"; */
}

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

#copyright a, #copyright a:visited{
color:#333333;
text-decoration:none;
font-weight:bold;
}

#copyright a:hover, #copyright a:active {
color:#333333;
text-decoration:underline;
}

/* Content of site */
body{
margin:0px;
padding:0px;
background-color:#000000;
}

#begin{
margin:0px auto;
text-align:center;
position: absolute; 
width: 1680px; 
height: 389px;
left: 0px; 
top: 0px; 
z-index:3;
background-color: #000000;
}


#header_frame{
margin:0px auto;
width:760px;
text-align:center;
color:#333333;
}

#copyright{
margin:0px auto;
width:760px;
text-align:center;
color:#333333;
}

#home{
margin:0px auto;
width:760px;
text-align:center;
}

/* Site Main Menu */
#menu {
margin:5px auto;
padding:5px 0;
width:600px;
text-align:center;
color:#6E6E6E;
}

#menu span{
padding:0px 5px 0px 5px;
}

#OCA_Content_Frame {
margin:0px;
overflow:hidden; 
height:382px; 
width:99.9%;
border:none;
position:relative;
}

#footer {
background-image:url('../images/Wood2.jpg');
overflow:hidden;
}

/*More Content specifics */
#OCA_Content-bg {
width:8400px;
height:800px;
/*background-image:url(../images/opencirclebg4.gif); */
background-position:top left;
background-repeat:no-repeat;
background-color:#E6E6E4;
position:relative;
}

.scrolling-content {
width:1680px;
height:380px;
position:absolute;
}

#content1 {
left:0px; 
top:0px;
height:1050px;
background-image:url(../images/opencirclebg__01.gif);
background-position:top left;
background-repeat:no-repeat;


}

#content2 {
left:1680px; 
top:0px;
height:1050px;
background-image:url(../images/opencirclebg__02.gif);
background-position:top left;
background-repeat:no-repeat;


}

#content3 {
left:3360px; 
top:0px;
height:1050px;
background-image:url(../images/opencirclebg__03.gif);
background-position:top left;
background-repeat:no-repeat;


}

#content4 {
left:5040px; 
top:0px;
height:1050px;
background-image:url(../images/opencirclebg__04.gif);
background-position:top left;
background-repeat:no-repeat;

}

#content5{
left:6720px; 
top:380px;

}


#content6{
margin-left:6720px; 
top:0px;
width:1680px;
height:1050px;
background-image:url(../images/opencirclebg__05.gif);
background-position:top left;
background-repeat:no-repeat;

}

#content{
margin-left: 30px;
top: 6px;
margin-top:5px;
float: left;
position:absolute;

}
/* About Us */
#OCA_page{
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-rightright-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-rightright-radius: 15px;
float:left;
margin-top:30px;
margin-right:30px;
margin-left:30px;
width:400px;
text-align:left;
filter: alpha(opacity=70); 
-moz-opacity: .70; 
background-color:#000000; 
color: #FFFFFF;
}

/* About Us */
#introduction{
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-rightright-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-rightright-radius: 15px;
float:left;
margin-top:20px;
margin-right:30px;
margin-left:30px;
width:450px;
text-align:left;
filter: alpha(opacity=70); 
-moz-opacity: .70; 
background-color:#000000; 
color: #FFFFFF;
}

/* Location */
#locate{
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-rightright-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-rightright-radius: 15px;
float:left;
margin-top:30px;
margin-right:70px;
margin-left:30px;
width:320px;
filter: alpha(opacity=70); 
-moz-opacity: .70; 
background-color:#000000; 
color: #FFFFFF;

}

/*Staff*/
#staff {
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-rightright-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-rightright-radius: 15px;

filter: alpha(opacity=70); 
-moz-opacity: .70; 
background-color:#000000; 
color: #FFFFFF;

}

/* Contact */
#TCMInfo{
float:left;
width:474px;
}

#TCMInfo-title{
right:10px;
position:absolute;
}


#TCMInfo-value {
margin-left:40px;
position: relative; 
overflow: hidden; 
width: 450px; 
height: 378px; 
}

#example_4_frame {position: relative}
#example_4_frame img {position: absolute; cursor:pointer;}

#TCMInfo-main {top: 336px; position: relative; z-index:3;}
#TCMInfo-main img {position: absolute;}

#TCMInfo_previous {top: 120px; right: 0px;}
#TCMInfo_next {top: 200px; right: 0px;}

#TCMInfo_content {
left:0px;
position: absolute;
width:450px;
}

.tcm_text_value{
clear:both;
padding-top:1px;
padding-bottom:2px;
width:450px;
height:100px;
}

#answer{
	
font-weight:normal;	
}
.work-img{
float:left;
}

.question{
	
font-weight:bold;	
}

.tcm-txt{
float:left;
margin-top:5px;
}

.txt-alt{
color:#990000;
}

/* Contacts */
#contact{
color:#41511f;
float:left;
margin-top:10px;
margin-left:60px;
margin-right:70px;
width:240px;
}
#response{
color:#41511f;
display:none;
float:left;
margin-top:10px;
margin-left:60px;
margin-right:70px;
width:230px;
}
.loading{
color:#41511f;
background-image:url(../images/loading.gif);
background-position:50% 30%;
background-repeat:no-repeat;
height:250px;
}

/* Old Contact Form */
input, textarea {
width:220px;
border:none;
background-color:#FFFFFF;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
margin:5px;
/*filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;*/
}
input:focus, textarea:focus {
}

/* Tooltips */

.tip {
	background-color: #333;
	padding: 5px;
}

.something_else .tip {
	background-color: #993300;
}

.something_else .tip-title {
	background-color: #0000CC;
}

.tip-title {
	color: #fff;
	background-color: #666;
	font-size: 17px;
	padding: 2px;
}

.tip-text {
	color: #fff;
	padding: 5px;
}

.ind {
	width: 200px;
	background-color: #666;
	color: white;
	padding: 15px;
	border-bottom: 1px solid white;
}

#hide {
	margin-bottom: 20px;
}/* new code for rounded corners */


pre {
 border:1px solid #cc3333;
 width:99%;
 overflow:auto;
 max-height:39.4em;
}

pre span {
 display:block;
 border:1px solid #cc3333;
 border-left:none;
 border-right:none;
 margin-top:1em;
 padding:0.5em 0px 0.5em 0px;
 color:#ff9999;
}

/* content-specific */

.dialog .content {
 padding:0.5em 1em 0.5em 0px;
}

.dialog .wrapper {
 min-height:155px; 
}

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

html>body .dialog pre {
 font-size:1.1em;
 *font-size:0.9em;
}

code {
 font-size:1.1em;
 color:#ccffff;
}

#centerImage {

    text-align:justify;
    margin: 0px auto;
    margin-left:27%;
    margin-top:6%;
    width:600px;
}

#centerImageTag {

    text-align:justify;
    margin: 0px auto;
    margin-left:27%;
    margin-top:7%;
    width:600px;
}