﻿/*CSS Document*/
body
{
	margin: 0px;
	padding: 0px;
	background: #663 url(../images/pagebg.gif) repeat-x center top;
	font: 12px "Bookman Old Style", "Centry Gothic", "Trebuchet MS", Verdana;
}

img {border:none;}

a:link,
a:visited
{
	text-decoration: none;
	color:#630;
}
a:active {text-decoration: none;}
a:hover,
a.opposite
{text-decoration: underline;}
a.opposite:hover {text-decoration: none;}

.clear {clear: both;}
.debug {border: 1px red dashed;}
.bold {font-weight: bold;}

#footer-links a{color:#330;}
#footer-links a:visited {color:#300;}

.darklink
{
	font-size: 13px;
	font-weight: normal;
}
.darklink12
{
	color: #330;
	font-size: 12px;
	font-weight: normal;
}
.blacklink		{color: #000;}
.brownlink		{color: #630;}
.greentext		{color: #663;}
.lightbrowntext {color: #963;}
.brownredtext	{color: #930;}
.darkgreytext	{color: #333;}

a.brownlink:hover {text-decoration: underline;}

.navtext
{
	/* color: #630; */
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
.navbox
{
	color: #10100F;
	height: 15px;
	padding: 5px;
	float: right;
	font-size: 16px;
}
.navbox:hover {background-color: #cc9;}
.navbox a.blacklink {text-decoration: none;}

.calloutbox
{background: url(../images/calloutbox_bg.gif) no-repeat left top;}

.backgroundleaf
{
	width: 900px;
	background: url(../images/bgleaf.png) no-repeat right bottom;
}

.header_text,
.page_title,
.page_subtitle {
	font-size: 32px;
	color: #FCF6E9;
	font-family: "Times New Roman", Times, serif;
}
.page_title {
	color: #000;
	margin-top: 5px;
	padding-top: 5px;
}
.page_subtitle {color: #363;}

/* @group sIFR styles */

span.sIFR-alternate {display: none;}
#sIFR_replacement_0 {margin-bottom: 10px;}

/* @end */

div.firstletter p:first-letter {
	font-size: 44px;
	line-height: 24px;
	float: left;
	padding: 0;
	margin-top:7px;
	margin-right:1px;
}

.clemfont {font-size: 18px;}

.gal_top {
	list-style: none;
	margin-left: -18px;
}
.gal_top li {
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	cursor: pointer;
	width: 250px;
	padding-left: 14px;
}
.gal_top li span {
	width: 250px;
	color: #630;
}
.gal_sub {
	list-style: none;
	margin-left: 10px;
}
.gal_sub,
.con_sub li {padding-left:0;}
.gal_sub li {
	color: #363;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
.gal_sub li:hover {
	background: url(../images/gallery_highlight.png) no-repeat;
}
.topnav,
.subnav
{
	list-style: none;
	display: block;
	float: right;
	margin-top: 0;
}
.topnav li {
	display: block;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	max-height: 18px;
}
.subnav li {
	display: block;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	max-height: 22px;
}
.subnav li:hover {background-color: #cc9;}
.subnav li a li a {padding-right: 2px;}

.columns_2_ul
{
	list-style-type: none;
	padding: 0;
}
.columns_2_ul li
{
	display: block;
	float: left;
}

/* @group Amenities */

.amenities {
	list-style-type: none;
	margin: 0;
	padding-left: 20px;
}
.amenities li {
	display: list-item;
	float: none;
	color: #630;
	font-weight: bold;
	padding-top: 10px;
}
.amenities li ul {
	margin: 0px;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 30px;
}
.amenities li ul li {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	font-family: Arial;
	margin: 0px;
	padding-top: 0px;
}

/* @end */

/* @group Project List */

ul.project_list
{
	position: relative;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
ul.project_list li
{
	cursor: pointer;
	padding: 6px 0px 0px 16px;
	font-size: 14px;
}
ul.project_list li:hover
{
	background: url(../images/project_highlight.png) repeat-y;
}
ul.project_list p {margin: 0;}

/* @end */

.activity_list p {
	padding-left: 20px;
	margin: 5px;
}
.activity_list li {cursor: pointer;}
.activity {display: none;}

.top_nav
{
	font-size: 14px;
	color: #330;
}
.sub_nav
{
	font-size: 17px;
	color: #000;
	display:block;
}
#mainFooter {font-family: Arial;}
#mainFooter span {font-weight: normal;}
#mainFooter a {
	font-weight: normal;
	color: #330;
}

.testimonialHead {
	font-size: 14px;
	color: #630;
}

t {padding-top:0px;}
.t {width: 324px;}

.browngaltext,
a#infoEmail a:hover,
#mainFooter a:hover,
#moreLinks a:hover
{color: #630;}

#logoSpacer {
	width: 900px;
	height:5px;
}

#leftSide,
.floatLeft
{float:left;}

#photoAccordianWrap {text-align:left;}

#photoAccordian {
	width:225px;
	padding:0;
	float:left;
}

/* @group Home Page Info box */

div#homeInfo {
	position: relative;
}
div#homeInfo p {
	margin-top: -15px;
	position: relative;
	z-index: 2;
}
a#pjJournal {
	position: relative;
	display: block;
	width: 166px;
	height: 181px;
	text-indent: -99999px;
	background: url(../images/projectjournal.jpg) no-repeat left top;
	float: right;
	margin-right: -20px;
	margin-top: -126px;
	z-index: 1;
	overflow: hidden;
}
a#pjJournal:hover, a#pjJournal:active {
	background-position: left bottom;
}
a#pjArrow {
	position: relative;
	top: -52px;
	z-index: 2;
}
#hoLoginForm {
	position: relative;
	z-index: 3;
}

a#improve {
    position:relative;
    float:left;
    text-indent: -99999px;
	display:block;
	width:251px;
	background: url(../images/Intro_Improve_It_255px_UP.png) no-repeat;		
	cursor:pointer;

}
a#improve:hover{
    position:relative;
    text-indent: -99999px;
	display:block;
	width:251px;
	background: url(../images/Intro_Improve_It_255px_OverDown.png) no-repeat;
	cursor:pointer;
			
}

a#audio {
   position:relative;
   float:right;
    text-indent: -99999px;
	display:block;
	width:119px;	
	background: url(../images/sound_36px_UP.png) no-repeat;	
	padding-right:120px;
	margin-top:20px;
	cursor:pointer;
}
a#audio:hover {
   position:relative;
    text-indent: -99999px;
	display:block;
	width:119px;	
	background: url(../images/sound_36px_OverDown.png)	no-repeat;
	padding-right:120px;
	margin-top:20px;
	cursor:pointer;

}
a#audio2 {
   position:relative;
    text-indent: -99999px;
	display:block;
	width:119px;	
	background: url(../images/sound_36px_UP.png) no-repeat;	
	cursor:pointer;
	height:33px;
	z-index:100;
}
a#audio2:hover {
   position:relative;
    text-indent: -99999px;
	display:block;
	width:119px;	
	background: url(../images/sound_36px_OverDown.png)	no-repeat;
	cursor:pointer;
	height:33px;
	z-index:100;


}

/* @end */

/* @group Project Journal Login Page */

div#pjLoginPage h3 {
	color: #630;
	font-size: 19px;
	margin: 20px 0 5px;
}
div#pjLoginPage p {
	margin: 0 0 10px;
}
div#pjLoginPage #loginform {
	width: 320px;
	float: right;
	padding: 10px;
	border: 2px solid #868b4c;
}
div#pjLoginPage #loginform p {
	margin-bottom: 4px;
}
div#pjLoginPage #loginform h3 + p {
	margin-bottom: 15px;
}
div#pjLoginPage #loginform h3,
div#pjLoginPage #guestlogin h3 {
	margin-top: 0;
}
div#pjLoginPage #loginform label,
div#pjLoginPage #loginform input[type="text"],
div#pjLoginPage #loginform input[type="password"] {
	line-height: 1.4em;
	width: 150px;
}
div#pjLoginPage #loginform label {
	display: inline-block;
	width: 110px;
	padding-right: 10px;
	text-align: right;
}
div#pjLoginPage #loginform input[type="submit"] {
	margin-left: 124px;
}
div#pjLoginPage #guestlogin {
	width: 480px;
	float: left;
	background: url(../images/projectjournal_single.jpg) no-repeat right bottom;
}
div#pjLoginPage #guestlogin p {
	margin-right: 165px;
}
div#pjLoginPage #loginform .error {
	margin: 5px 0;
	padding: 5px;
	background: #c33;
	background: rgba(153,51,51,0.75);
	border: 1px solid #000;
	color: #fff;
	text-align: center;
}

/* @end */

/* @group Project Planner */

#projectPlanner {
	margin-bottom: 40px;
}
#projectPlanner h3 {
	margin-top: 0;
	color: #630;
	font-size: 19px;
}
#projectPlanner table {
	border-collapse: collapse;
}
#projectPlanner table .task-col{
	width: 350px;
}
#projectPlanner table .startdate-col,
#projectPlanner table .enddate-col {
	width: 150px;
}
#projectPlanner table td,
#projectPlanner table th {
	padding: 4px 8px;
	border: 0px solid #ccc;
	background: #e6decd;
	/*background:#663300;
	filter:alpha(opacity=10);
	-moz-opacity:.10;
	opacity:.10;*/

}
#projectPlanner #pjTaskListHeaderContainer {
	width: 717px;
	margin: 0 auto;
}
#projectPlanner #pjTaskListHeader th {
	background: #e6decd;
	background: rgba(102,51,0,0.1);
}
#projectPlanner #pjTaskList tbody td {
	border-top: 0;
}
#projectPlanner #pjTaskList tbody tr:hover td {
	background: #f0f3f0;
}
#projectPlanner #pjTaskList tbody tr:nth-child(even) td {
	background: #f3f0f0;
}
#projectPlanner #pjTaskListContainer {
	width: 717px;
	margin: 0 auto;
	height: 100px;
	overflow-y: auto;
	
}

/* @end */

.mainContent {
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
}


a.top_nav{color: #330;}
span.sub_nav a:link {color : #000; font-weight: lighter; font-size:17px;}
span.sub_nav a:visited {color : #000; font-weight: lighter; font-size:17px;}

a.emailpgLink {
	margin-left:20px;
	font-size:12px;
}

/* @group Project Gallery Stand-Alone */

.projectGalleryContainer {
	width:752px;
	margin:40px auto;
	overflow:hidden;
}
#projectGallerySideList {
	width:200px;
	float:left;
	height:430px;
	overflow-y:auto;
	/*background:rgba(102,51,0,.1);*/
	background:url(../images/projectGallerySidebar-bg.png) repeat;
	padding:0;
	position:relative;
}
#projectGalleryImageContainer {
	width:532px;
	float:left;
	position:relative;
	margin-left:20px;
}
#projectGalleryImageContainer #big_image_container {
	background:url('../images/slideshow_bg.png');
	width:496px;
	height:344px;
	position:relative;
	z-index:10;
	overflow:hidden;
	margin-left:20px;
}
#projectGalleryImageContainer #big_image_holder {
	position:absolute;
	margin-left:9px;
	margin-top:7px;
	z-index:11;
	width:475px;
	height:324px;
}
#projectGalleryImageContainer #small_image_container {
	margin-top:5px;
	width:532px;
	position:relative;
	overflow:hidden;
}
#projectGalleryImageContainer #small_image_wrap {
	width:490px;
	height:81px;
	overflow:hidden;
	position:relative;
	float:left;
}
#projectGalleryImageContainer #small_image_holder {
	position:absolute;
	width:10000px;
	height:81px;
	margin-left:0;
}
#projectGalleryImageContainer #small_image_holder img {
	float:left;
}
#projectGalleryImageContainer .instructions {
	text-align:center;
	color:#666;
	font-size:15px;
	margin-top:13px;
	font-style:italic;
}

/* @end */
