@import url(reset.css); 
@import url(defaults.css); 

body {
	background:url(../images/background.jpg) top repeat-x #ffffff;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
}

a, a:visited, a:link {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#383c96;
	text-decoration:none;
}

p a, p a:visited, p a:link {
	color:#383c96;
	text-decoration:underline;
	font-weight:bold;
	
}

p a:hover {
	color:#383c96;
	font-weight:bold;
	text-decoration:underline;
}


#wrapper {
	width:900px;
	margin:0px auto;
	position:relative;
}

h1.logo {
	padding: 0;
	margin: 0px 0px 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/harmonyacupuncture.png)  center no-repeat; 
	position:absolute;
	top:45px;
	left:103px;
	width: 241px !important;
	height: 113px;
	z-index:999;

}

h1.logo a {
	display: block;
	width: 241px !important;
	height: 103px;
	margin-top: 10px;
	
}

h3.bacc {
	padding: 0;
	margin: 0px 0px 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/baccmember2.jpg)  center no-repeat; 
	position:absolute;
	top:70px;
	right:92px;
	width: 244px !important;
	height: 109px;
	z-index:999;

}

h4.zeta {
	padding: 0;
	margin: 0px 0px 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/zeta2.jpg)  center no-repeat; 
	position:absolute;
	top:70px;
	right:0px;
	width: 92px !important;
	height: 109px;
	z-index:999;

}





#header ul.nav{
	padding:30px 20px;
}


#header ul.nav li {
	display:inline;
	padding-right:50px;
}

#header ul.nav li.home {
	background: url(../images/home.png) left no-repeat; 
	padding-left: 20px;
}
#header ul.nav li.contact {
	background: url(../images/contact.png) left no-repeat; 
	padding-left: 20px;
}
#header ul.nav li.links {
	background: url(../images/links.png) left no-repeat; 
	padding-left: 20px;
}


#header ul.phone{
	float:right;
	display:inline;
	padding:30px 0px;
}

#header ul.phone li {
	display:inline;
	padding-left:50px;
}

#sidebar {
	float:left;
	width:191px;
	display:inline;
	padding-top:140px;
	background:url(../images/sidebar5.jpg) no-repeat top left;
	margin-top:20px;
}

#sidebar ul li {
	text-align:right;
	margin-bottom:10px;
	margin-right:10px;
}
#maincontent {
	float:left;
	display:inline;
	width:680px;
	border-left:2px solid #383c96;
	margin:70px 0px 50px 0px;
	padding:20px 0px 50px 20px;
	font-size:12px;
	line-height:25px;

}

div.homeimage {
	float:right;
	display:inline;
	margin-left:10px;
}

div.homeimage p {
	background:#383c96;
	margin:0px;
	text-align:center;
	color:#fff;
}
img.homeimage {
	border:2px solid #383c96;
}

#footer {
	border-top:2px solid #383c96;
	width:900px;
	font-size:12px;
	color:#383c96;
	padding-top:20px;
	
}

#footer a:link,  #footer a:hover, #footer a:visited{
	color:#383c96;
	font-weight:bold;	
}



address {
	display:inline;
}

.designedby {
	float:right;
	display:inline;
	width:200px;
	text-align:right;
}
ul.list{
	margin-bottom:20px;
}
ul.list li, ul.list2 li {
	list-style:circle inside;
	padding-left:10px;

}

ul.list2 li a:link, ul.list2 li a:hover, ul.list2 li a:visited {
	font-weight:bold;
	color:#383c96;
	text-decoration:underline;
	
}


ul.list2{
	margin-bottom:20px;
	float:left;
	display:inline;
	width:226px;
}






#slider li.mbSlider_Slide {
	float:left;	
	width:600px;
	height:250px;
}

 #slider2 li.mbSlider_Slide {
	float:left;	
	width:680px;
	height:750px;
	font-size:11px;
	margin-top:25px;
}



li.mbSlider_Slide div h3 {
	font-size:15px;
}


#slider-outer {
	padding:40px;
	position:relative;
}

#slider-outer2 {
	padding:0px;
	position:relative;
}

#slider_pagination, #slider2_pagination{
	clear:both;
}


#slider_pagination a:link, #slider_pagination a:visited, #slider_pagination a:hover, #slider2_pagination a:link, #slider2_pagination a:visited, #slider2_pagination a:hover { 
	background:transparent url(../images/inactive.jpg) no-repeat scroll 0 0 ; 
	height:17px; 
	width:17px;
	display:block;
	float:left;
	margin:3px;
	padding:5px;
	overflow:hidden;
	text-indent:-99999px;
	
	
}

#slider2_pagination{ 
	position:absolute;
	top:0px;
	right:0px;
}

#slider_pagination a._current-slide:link, #slider_pagination a._current-slide:visited, #slider_pagination a._current-slide:hover, #slider2_pagination a._current-slide:link, #slider2_pagination a._current-slide:visited, #slider2_pagination a._current-slide:hover{
	background:transparent url(../images/activedot.jpg) no-repeat scroll 0 0 ; 
}
	



/*Contact page*/

form.contactform{ 
	width:455px;
	margin:30px auto;
}

form.contactform div {
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}

form.contactform div label, form.contactform div span.label {
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

form.contactform div label.radio {
	font-weight: bold;
	float: none;
	margin-left: 10px; /*width of left column*/
	width: 0px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

input.inputfield, input.inputfield:focus{
	width:280px;
	padding:5px;
	color:#383c96;
	border:#383c96 1px solid;	
}

textarea.inputfield, textarea.inputfield:focus {
	width:280px;
	height:100px;
	padding:5px;
	color:#383c96;
	border:#383c96 1px solid;	
	font-family:Arial, Helvetica, sans-serif;
}

ul#error-message {
	width:435px;
	margin:10px auto;
	border:1px solid #903;
	color:#903;
	background:#f2bbbb;
	padding:10px;
	
}

p#success-message {
	width:435px;
	margin:10px auto;
	border:1px solid #3b6500;
	color:#3b6500;
	background:#dbf2bb;
	padding:10px;
	text-align:center;
	
}