/** Common Styles */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	line-height: 25px;
	text-align: justify;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	background-color: #CC3300;
}

#container {
	width: 1000px;
	margin: 0 auto;
	background-position: top center;
	background-image: url(images/infrastructure/headspace_logo7bg.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#containerM {
	margin: 0 auto;
	text-align:center; 
	padding-top:20px;
}

h1 {
	display: block;
	padding-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.5em;
}

h2 {
	font-weight: bold;
	font-size: 1em;
	padding: 0 0 1em 1.7em;
}

h3{
	font-weight: bold;
	font-size: 0.8em;
}

.sub {
	font-size: .7em;
	font-weight: normal;
	text-align: center;
}

.sub a, #content .sub a {
	text-decoration: none;
	color: #000;
}

body ul,ol {
	margin-left: 10%;
}

p {
	padding-bottom: 1em;
	padding-left: 1.7em;
    padding-right: 1.7em;
}

p.remove {
	font-size: 1.5em;
	color: red;
	font-weight:900;
}

.clear { /* generic container (i.e. div) for floating buttons */
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
}

#dash {
	display: block;
	border-top:dashed thin #000;
	padding-bottom: 2em;
}

#stats {
	display: none;
}

img.statcounter{
	border: none;
}



/** Header Style Starts Here */

#header {
	position: fixed;
	margin: 0 auto;
	z-index: +1;
}

#headspace {
	height: 210px;
}
#headspacebg {
	position: absolute;
	background-position: top center;
	z-index: -10;
	background-image: url(images/infrastructure/headspace_logo7bg.png);
	background-repeat: no-repeat;
	height: 210px;
	width: 1000px;
}

#logo {
	position: relative;
	background:url('images/infrastructure/dr_kristie_fong_logo.png') no-repeat;
	height: 225px;
	width: 367px;
	position: absolute;
	right: 50px;
}


/** Mobile Header Style Starts Here */

#headerM {
	margin: 0 auto;
	z-index: +1;
	background: transparent url('images/infrastructure/headspace_logo7mobile.png') no-repeat 0 0;
	background-position: top center;
	text-decoration: none;
	height: 210px;
	width: 1000px;

}



/** Menu Style Starts Here */

#menu {
	background: transparent url('images/infrastructure/headspace_logo7.png') no-repeat 0 0;
	background-attachment: fixed;
	background-position: top center;
	text-decoration: none;
	height: 210px;
	width: 1000px;
}

#menu ul {
	margin: auto;
	padding: 25px 0;
	list-style: none;
}

#menu li {
	display: inline;
	background: url('images/infrastructure/button_divider.png') no repeat 0 0;
}

#menu img {
	border: none;
}

a.button_f {
	background: url('images/infrastructure/button_back.png') no-repeat 0% 0%;
	display: block;
	float: left;
	height: 30px;
	padding: 5px 5px 5px 10px;
	margin-left: 50px;
	width: auto;
	text-decoration: none;
	
}

a.button {
	background: url('images/infrastructure/button_back.png') no-repeat 50% 0%;
	display: block;
	float: left;
	height: 30px;
	padding: 5px 5px;
	width: auto;
	text-decoration: none;
}

a.button_l {
	background: url('images/infrastructure/button_back.png') no-repeat 100% 0%;
	display: block;
	float: left;
	height: 30px;
	padding: 5px 10px 5px 5px;
	width: auto;
	text-decoration: none;
}

a.button_f:hover {
	background-position: 0% 50%;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:hover {
	background-position: 50% 50%;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_l:hover {
	background-position: 100% 50%;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_f:active {
	background-position: 0% 100%;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:active {
	background-position: 50% 100%;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_l:active {
	background-position: 100% 100%;
	outline: none; /* hide dotted outline in Firefox */
}

/** Mobile Menu Style Starts Here */

#menuM {

}

#menuM ul {
	margin: auto;
	padding: 25px 0;
	list-style: none;
}

#menuM li {
	display: inline;
	padding:15px 20px 10px 20px;
	margin:0px 12px 0px 12px;
	background:#cc3300;
	-moz-box-shadow: 0px 6px 15px #996456;
	-webkit-box-shadow: 0px 6px 15px #996456;
	box-shadow: 0px 6px 15px #996456;
}

#menuM li a{
	text-decoration:none;
	font-size:20px;
	color:#FF9B0B;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}



#menuM img {
	border: none;
}

a.button_fM {
	display: block;
	float: left;
	height: 30px;
	padding: 5px 5px 5px 10px;
	margin-left: 50px;
	width: auto;
	text-decoration: none;
	
}

a.buttonM {
	display: block;
	float: left;
	height: 30px;
	padding: 5px 5px;
	width: auto;
	text-decoration: none;
}

a.button_lM {
	display: block;
	float: left;
	height: 30px;
	padding: 5px 10px 5px 5px;
	width: auto;
	text-decoration: none;
}

a.button_fM:hover {
	background-position: 0% 50%;
	outline: none; /* hide dotted outline in Firefox */
}

a.buttonM:hover {
	background-position: 50% 50%;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_lM:hover {
	background-position: 100% 50%;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_fM:active {
	background-position: 0% 100%;
	outline: none; /* hide dotted outline in Firefox */
}

a.buttonM:active {
	background-position: 50% 100%;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_lM:active {
	background-position: 100% 100%;
	outline: none; /* hide dotted outline in Firefox */
}



/** Page Style Starts Here */

#box-top {
	background-image: url('images/infrastructure/text_back_top2.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 750px;
	padding-top: 50px;
	margin-left: 85px;
}

#box {
	background-image: url('images/infrastructure/text_back_mid2.png');
	background-repeat: repeat-y;
	position: relative;
}

#box-bottom {
	background-image: url('images/infrastructure/text_back_bottom2.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 50px;
	position: relative;
}



#content {
	font-family: arial;
	color: #000;
	margin: 0 25px 0 25px;
	position: relative;
	top: -30px;
	position: relative;
}

#content a {
	color: #600;
}

#local {
	overflow: hidden;
}

#local .contact {
	float: left;
	width: 200px;
	margin: 0 25px;
}

.local {
	float: left;
	margin: 1em 25px 0;
}


#location {
	float: right;
	margin: 2em 0;
	text-align: center;
}

#location img {
	border: 1px solid #000;
	height: 100px;
	width: auto;
}

#welcome {
	text-align: center;
	padding-bottom: 1em;
}

#welcome img {
	border: 1px solid #000;
}	

.tmls {
	width: 117px;
	margin-right: 25px;
	text-align: center;
	float: left;
}

.tmls img {
	margin: 0;
	border: 2px solid #000;
	height: 150px;
	width: 113px;
}

.pro {
	text-align: center;
}

.pro img {
	border: 2px solid #000;
	margin-left:50px;
}

.caption {
	clear: both;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

#testimonials {
	text-align: center;
	margin-left: 78px;
}

.tmls_content {
	position: relative;
	top: -30px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .9em;
}

.tmls_quote_top {
	background-image: url('images/infrastructure/tmls_back_top2.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 650px;
	padding-top: 50px;
	padding-bottom: 2em;
	margin: 0 25px;
}

.tmls_quote_mid {
	background-image: url('images/infrastructure/tmls_back_mid.png');
	background-repeat: repeat-y;
	position: relative;
	padding: 0 25px;
}

.tmls_quote_bottom {
	background-image: url('images/infrastructure/tmls_back_bottom2.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 30px;
	position: relative;
}



/** Form Style */

#form {
	width: 400px;
	align: left;
	margin: 0 auto;
}

#form .submit {
	text-align: center;
}

#form .submit input{
	font-weight: bold;
	width: 5em;
}



/** Sidebar Style Starts Here */

#sidebar {
	float: right;
	margin-top: 50px;
	margin-right: 19px;
	text-align: center;
}

.sideimg {
		background-image: url('images/infrastructure/picture_frame.png');
	width: 132px;
	height: 98px;
	padding: 11px 10px;
}

#sidebar img {
	height: 98px;
	width: 132px;
	border: none;
}

.quote {
    background: transparent url('images/infrastructure/quote_frame_end.png') no-repeat scroll bottom right;
    color: #FFF;
    display: block;
	width: 152px;
    height: auto;
    padding-bottom: 20px;/* sliding doors padding */
}

.quote span {
    background: transparent url('images/infrastructure/quote_frame_span.png') no-repeat;
    display: block;
	width: 122px;
	height: auto;
	padding: 20px 15px 0px 15px;
	font-size: .9em;
    line-height: 20px;
	text-align: left;
	color: #cfdb6d;
}

.quick-link {
	display:inline-block; 
	padding-right:25px;
	padding-left:25px;
}

/** Footer Style Starts Here */

#footer {
	background-color: #333;
	position: relative;
	width: 100%;
	margin: auto;
	line-height: 20px;
	text-align: center;
	color: #FFC;
	font-size: .8em;
}

#footer a {
	color: #FFC;
}

#footer a.web_master {
	text-decoration: none;
}