body, html {
	color: #fff; 
	background-color: #000; 
}
a {
	color: #fff;
}
a:hover{
	color: #fff;
}

h1 a, #header h2{
	color: #fff;
}
#mainContainer {
	background-image: url('assets/site/soho_background.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
/*	background-color: purple; */
}
#backgroundContainer {
/*	background-image: url('assets/site/soho_background_br.jpg');
	background-repeat: no-repeat;
	background-position: bottom right; */
/*	position: relative;*/
/*	background-color: pink; */
}
/*
* html #backgroundContainer {
	height: 100%;
	position: relative;
}
*/
/**************************
SITE LINK (top bar)
**************************/
#siteLink {
	color: #000;
	background-color: #fff;
}

/**************************
HEADER
**************************/
#header {
	color: #fff;
/*	background-color: blue; */
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
/*	background-color: red; */
}
.inner {
/*	background-color: green;*/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
/*	background-color: yellow;*/
}
#content {
/*	background: #fb7; */
}
.contentWrap{
/*	background-color: red;*/
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
/*	background-color: blue; */
	border-right: 1px solid white;
}
#left a {
	color: #fff;
}
#left a:hover {
/*	text-decoration: underline;*/
	color: #ccf;
}
#leftBottom {
/*	background-color: red; */
}



/**************************
FOOTER
**************************/
#footer {
	color: black;
	background-color: white;
}
#footer a {
    color: black;
}
/**************************
TITLE PAGE
**************************/
#welcomePicture {
/*	border: 5px solid white;*/
	border: 0;
}

/**************************
STAFF THUMBNAIL PICS (double column)
**************************/
#staffThumbs {
	border-right: 1px solid white;
/*	background-color: green;*/
}
#staffThumbs img.active {
/*	border: 5px solid white;*/
}

/**************************
CLIENT THUMBNAIL PICS (single column)
**************************/
#clientThumbs {
	border-right: 1px solid white;
/*	background-color: green;*/
}
#clientThumbs img.active {
	width: 86px !important;
	height: 86px !important;

}

/**************************
STAFF RIGHT PANEL CONTAINER
**************************/
#staffRightPanelContainer {
/*	background-color: pink; */
}
/**************************
CLIENT RIGHT PANEL CONTAINER
**************************/
#clientRightPanelContainer {
/*	background-color: pink; */
}

/**************************
RIGHT PANEL TOP STAFF ABOUT
**************************/
#staffRightPanelTop {
/*	background-color: yellow; */
}
#staffRightPanelTop img {
/*	border: 5px solid white;*/
	position: absolute; 
}
#staffRightPanelTop h2 {
	padding-left: 230px;
}
#staffRightPanelTop p {
	position: absolute;
	padding-left: 230px;
	width: 400px;
}
/**************************
RIGHT PANEL TOP CLIENT ABOUT
**************************/
#clientRightPanelTop {
/*	background-color: yellow; */
}

/**************************
STAFF RIGHT PANEL BOTTOM 
**************************/
#staffRightPanelBottom {
/*	background-color: orange; */
}
/**************************
CLIENT RIGHT PANEL BOTTOM 
**************************/
#clientRightPanelBottom {
/*	background-color: orange; */
}

/**************************
SMALL AWARDS
**************************/
#staffAwards {
	border-right: 1px solid white;
/*	background-color: red; */
}

/**************************
STAFF SMALL EXAMPLES
**************************/
#staffExamples {
/*	background-color: blue; */
}
#staffExamples h3 {
	padding-bottom: 25px;
}
#staffExamples img {
	position: static;
/*	border: 5px solid white; */
	width: 200px;
	height: 200px;
}
#exampleFrame {
	width: 210px !important;
	height: 238px !important;
	margin-top: -223px;
}
#exampleFrame2 {
	width: 210px !important;
	height: 238px !important;
	margin-top: -223px;
	margin-left: -10px;
}

/**************************
CLIENT SMALL EXAMPLES
**************************/
.clientExamples {
/*	background-color: blue; */
	padding-top: 10px;
}
.clientExamples img {
/*	border: 5px solid white; */
	position: static;
}
.clientExampleDivider {
	border-right: 1px solid white;
}
#secondExample {
	padding-left: 10px;
}

/**************************
SMALL TESTIMONIAL
**************************/
.staffTestimonial {
	border-left: 1px solid white;
/*	background-color: green; */
}
.staffTestimonialQuote {
/*	background-color: purple; */
}
#clientTestimonialQuote {
/*	background-color: purple; */
}
.staffTestimonialSubmitLink {
	border-bottom: 2px solid #444;
/*	background-color: yellow; */
}
.staffTestimonialApptLink {
/*	background-color: red; */
}
.staffTestimonialSubmitLink a {
	color: white;
}
.staffTestimonialSubmitLink a:hover {
	color: #ccf;
}
.staffTestimonialApptLink a {
	color: white;
}
.staffTestimonialApptLink a:hover {
	color: #ccf;
}

/**************************
RIGHT PANEL APPT REQUEST FORM
**************************/
.apptRequest {
/*	background-color: red; */
}
.inputContainer {
/*	background-color: orange; */
}
.inputTag {
/*	background-color: yellow; */
}
.inputTagRight {
/*	background-color: yellow; */
}
.inputFieldLong {
/*	background-color: blue; */
}
.inputFieldShort {
/*	background-color: blue; */
}
.submitButton {
/*	background-color: purple;  */
}
.button {
	color: white;
	background-color: black;
}
.button:hover {
	color: #ccf;
}

/**************************
TREATMENT TOP BAR
**************************/
#treatmentOverview {
	border-bottom: 1px solid white;
/*	background-color: pink; */
}
/**************************
TREATMENT Middle BAR
**************************/
#treatmentDetails {
/*	background-color: yellow; */
}
.treatmentDescription {
/*	background-color: lightgreen; */
}
.treatmentDescription img {
/*	border: 5px solid white; */
	position: static;

}
#treatmentFrame {
	width: 210px !important;
	height: 238px !important;
	margin-top: -223px;
	margin-left: 170px;
}
#treatmentDescDivider {
	border-left: 1px solid white;
}
/**************************
TREATMENT BOTTOM BAR
**************************/
#treatmentProducts {
	border-top: 1px solid white;
/*	background-color: green; */
}
#productText {
/*	background-color: lightgreen; */
}
#productImages {
/*	background-color: red; */
}

/**************************
CONTACT PAGE
**************************/
#mapColumn {
/*	background-color: yellow; */
}
#mapArea {
	background-color: white; 
}
#messageArea {
/*	background-color: lightblue; */
}
#contactColumn {
	border-left: 1px solid white;
/*	background-color: lightgreen; */
}


.inputContainerContact {
/*	background-color: orange; */
}