/*** MAIN STYLES ***/

body {
	background-color: 	#fff;
	text-align:			center;	
	margin-top:			20px;
}

a {
	text-decoration: none;
}

a.navText:hover {
	color: #9A8E80;
}

a.subNavText:hover {
	color: rgb(206,76,23);
}

a.projectCopy {
	text-decoration: underline;
}

a.footer {
	text-decoration: underline;
}

a.footer:hover {
	color: rgb(206,76,23);
}

a.designLink {
	text-decoration: none;
}

a.designLink:hover {
	color: rgb(206,76,23);
}

div.hidden {
	display:none;
}
div.visible	{
	display:block;
}

/*** DIV STYLES ***/

#outlineBorder {
	margin:		0 auto;
	border:		solid 1px #ccc8bf;
	width:		800px;
	height:		530px;
}

#mainSection {
	margin:			0 auto;
	margin-top:		25px;
	width:			691px;
}

#nav {
	height:				30px;
	background-color: 	#352412;
	text-align:			left;
}

#bottomContent {
	position:	relative;
	margin:		0 auto;	
	padding-top: 15px;
	width:		691px;
}

#respiteLogo {
	position:	absolute;
	left:		0px;		
}

#respiteContact {
	position: 	absolute;
	width:		345px;
	height:		31px;
	text-align:	right;
	left:		345px;
}

#bottomSection {
	left:		54px;
	padding-top:15px;
	position:	relative;
	width:		705px;
}

/***  HOME STYLES ***/

#homeContent {
	position:	relative;
	margin:		0 auto;
	width:		691px;
    height:		391px;
	padding-top:10px;
}

#homeContent .col1 {
	position: 	absolute;
	left:		0px;
	width: 		353px;
	height: 	391px;
}

#homeContent .col2 {
	position:	absolute;
	left:		353px;
	width:		345px;
	height:		387px;
}

/*** SERVICE STYLES ***/

#servicesContent {
	position:	relative;
    height:		387px;
	padding-top:10px;	
}

#servicesContent .col1 {
	position: 	absolute;
	left:		0px;
	width: 		345px;
	height: 	373px;
}

#servicesContent .col2 {
	position:			absolute;
	background-color: 	#3f4e61;
	left:				345px;
	width:				347px;
	height:				373px;
}

#servicesTxt {
	margin: 15px 20px 0px 20px;
}

/*** PROJECT STYLES ***/

#projectsContent {
	position:	relative;
    height:		387px;
	padding-top:10px;
}

#projectsContent .col1 {
	position: 	absolute;
	left:		0px;
	width: 		344px;
	height: 	383px;
}

#projectsContent .col2 {
	position:	absolute;
	left:		344px;
	width:		358px;
	height:		372px;
}

#projectsDisplay {
	position:	relative;
	margin:		0 auto;
	width:		780px;
    height:		387px;
	padding-top:10px;
}

#projectsDisplay .col1 {
	position: 	absolute;
	left:		0px;
	width: 		578px;
	height: 	383px;
}

#projectsDisplay .col2 {
	position: 	absolute;
	left:		578px;
	width: 		163px;
	height: 	383px;
}

#bottomContentProjects {
	/*margin:		0 auto;*/
	left:		0;
	padding-top:15px;
	position:	relative;
	width:		705px;
}

.thumbnail {
	padding-right: 10px;	
}

#projectsContent .bgColumn {
	position: 	absolute;
	left:		0px;
	width: 		690px;
	height: 	383px;
}

#projectsLinks {
	position: absolute;
	margin-top:255px;
	left: 365px;
	width: 150px;
	height: 100px;
	text-align: left;
}

a.prLink {
	font-family:	arial, helvetica, sans-serif;
	color: #fff;
	
	font-size:13px;
	text-decoration: underline;
}

a.prLink:hover {
	color: rgb(206,76,23);
}

#projectsContainer {
	position: 	absolute;
	left:		30px;
	width: 		705px;
	height: 	392px;
}

#projectsContainer .col1 {
	position:	absolute;
	text-align:	right;
	left:		45px;
	top:		20px;
	width:		90px;
	height:		100px;
}

#projectsContainer .col2 {
	position:	absolute;
	text-align:	left;
	margin-left: 10px;
	left:		135px;
	top:		20px;
	width:		400px;
	height:		300px;
}

#projectsContainer .col3 {
	position:	absolute;
	text-align:	left;
	margin-left: 10px;
	left:		550px;
	top:		20px;
	width:		100px;
	height:		300px;
}

/*** TESTIMONIALS STYLES ***/

#testimonialsContent {
	position:	relative;
    height:		387px;
	padding-top:10px;	
}

#testimonialsContent .col1 {
	position: 	absolute;
	left:		0px;
	width: 		345px;
	height: 	373px;
}

#testimonialsContent .col2 {
	position:			absolute;
	background-color: 	#404e61;
	left:				345px;
	width:				346px;
	height:				373px;
}

#testimonialsDiv {
	margin: 15px 20px 0px 20px;
}

#testimonialsTxt {
	position: absolute;
	z-index: 1;
	left: 20px;
	width: 300px;
	height: 300px;
}

/*** ABOUT STYLES ***/

#aboutContent {
	position:	relative;
    height:		387px;
	padding-top:10px;
}

#aboutContent .col1 {
	position: 	absolute;
	left:		0px;
	width: 		338px;
	height: 	372px;
}

#aboutContent .col2 {
	position:			absolute;
	background-color: 	#352412;
	left:				338px;
	width:				353px;
	height:				372px;
}

#copyColumnLft {
	position: absolute;
	width:	232px;
	left:	10px;
	top:	15px;
}

#copyColumnRt {
	position: absolute;
	top:	20px;
	width:	108px;
	left: 252px;
}

/*** PRESS STYLES ***/

#pressContent {
	position:	relative;
	margin-left:	28px;
	height:		393px;
	padding-top:10px;
}

#pressContent .col1 {
	position: 	absolute;
	left:		0px;
	width: 		363px;
	height: 	392px;
}

#pressContent .col2 {
	position:			absolute;
	background-color: 	#7e9164;
	left:				363px;
	width:				361px;
	height:				369px;
}

#bottomContentPress {
	margin:		0 auto;
	padding-top:1px;
	position:	relative;
	width:		705px;
}

/*** SHOP STYLES ***/

#shopContent {
	position:	relative;
    height:		387px;
	padding-top:10px;
}

#shopContent .col1 {
	position: 	absolute;
	left:		0px;
	width: 		343px;
	height: 	372px;
}

#shopContent .col2 {
	position:			absolute;
	background-color: 	#CF4C18;
	left:				343px;
	width:				362px;
	height:				372px;
}

/*** TEXT ***/

#copy {
	position:		absolute;
	width:			400px;
	padding-top:	8px;
	top:			269px;
	height:			auto;
	text-align:		left;
}

.navText {
	font-family:	arial, helvetica, sans-serif;
	font-size:		10px;
	font-weight:	bold;
	color:			#F0E9BD;
}

.subNavText {
	font-family:	arial, helvetica, sans-serif;
	font-size:		9px;
	color:			#fff;
}

.header {
	font-family:	arial, helvetica, sans-serif;
	font-size:		13px;
	font-weight:	bold;
	color:			#F0E9BD;
}

.subHeader {
	font-family:	arial, helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	color:			#F0E9BD;
} 

.regular {
	font-family:	arial, helvetica, sans-serif;
	font-size:		11px;
	color:			#F0E9BD;
}

.aboutCopy {
	font-family:	arial, helvetica, sans-serif;
	font-size:		11px;
	text-align:		left;
	color:			#F0E9BD;
}

.aboutCredits {
	font-family:	arial, helvetica, sans-serif;
	font-weight:	bold;
	font-size:		11px;
	color: 			rgb(206,76,23);
}

.aboutCreditsReg {
	font-family:	arial, helvetica, sans-serif;
	font-size:		11px;
	color: 			rgb(206,76,23);
}

.designCredits {
	font-family:	arial, helvetica, sans-serif;
	font-size:		9px;
	padding-left:	10px;
	text-align:		left;
	color:			rgb(153,141,129);
}

.designLink {
	font-family:	arial, helvetica, sans-serif;
	font-size:		9px;
	text-align:		left;
	color:			rgb(153,141,129);	
}

.projectName {
	font-family:	arial, helvetica, sans-serif;
	font-weight:	bold;
	font-size:		11px;
	color:			#000;
}

.projectCopy {
	font-family:	arial, helvetica, sans-serif;
	font-size:		10px;
	color:			#000;	
	height:			63px;
}

.projectNavLinks {
	font-family:	arial, helvetica, sans-serif;
	font-weight:	bold;
	font-size:		11px;
	color:			#000;
}

a.projectNavLinks:hover {
	color: rgb(206,76,23);
}

.footer {
	font-family:	arial, helvetica, sans-serif;
	font-size:		10px;
	color:			#352412;
}

.footerLarge {
	font-family:	arial, helvetica, sans-serif;
	font-weight:	bold;
	font-size:		11px;
	color:			#352412 /*rgb(151, 137, 127)*/;
}

.bg {
	z-index:	-1;
}

.testimonialCopy {
	font-family:	arial, helvetica, sans-serif;
	font-size:		11px;
	color:			#F0E9BD;	
}