/* CSS Document */

body {
	background-color: #eeeeee;
	background-repeat:repeat;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3f3f3f;
	font-size:62.5%;
	behavior:url("csshover.htc");
	min-width:870px;
}
a {
	color:#990000;
}
a:hover {
	color:#ff0000;
}
a img {
	border:thin #990000 solid;
}
a:hover img {
	border:thin #FF0000 solid;
}
#wrapper {
	position:relative;
	background-color:#FFFFFF;
	margin:0px auto 0px auto;
	min-width:755px;
	width:90%;
	text-align:left;
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background-image:url(images/headerBGWideGrey.gif);
	background-repeat:no-repeat;
	z-index:1;
	font:1.5em "Times New Roman", Times, serif;
	text-align:right;
}
#header p {
	padding:0 10px 0 0;
	margin-top:0;
}

#navWrap {
	position:absolute;
	top:77px;
	width:100%;
	height:23px;
	padding:0;
	margin:0;
	z-index:9;
	text-align:center;
}

#navbar {
	top:77px;
	display:block;
	text-align:left;
	height:23px;
	width:768px;
	z-index:10;
	padding:0;
	margin:0;
	font: 1.2em "Times New Roman", Times, serif;
}
#navbar ul, #navbar li, #navbar a {
	margin:0;
	display:block;
	padding:0;
	border:0;
}
#navbar li {
	display:block;
	float:left;
	height:23px;
	padding:0;
	margin:0;
	z-index:9;
}

#navbar li a{
	list-style:none;
	display:block;
	float:left;
	height:23px;
	color:#FFFFFF;
	text-decoration:none;
	padding:4px 0 0 0;
	margin:0;
	font-weight:bold;
}
#navbar li a:hover{
	color:#dddddd;
}
#home {
	background-image:url(images/navBarwoLabels/home.gif);
	background-repeat:no-repeat;
	min-width:70px;
}
#home a:hover {
	background-image:url(images/navBarwoLabels/home-over.gif);
	background-repeat:no-repeat;
}
#design {
	background-image:url(images/navBarwoLabels/reno.gif);
	background-repeat:no-repeat;
	width:79px;
}
#design a:hover {
	background-image:url(images/navBarwoLabels/reno-over.gif);
	background-repeat:no-repeat;
}
#build {
	background-image:url(images/navBarwoLabels/reno.gif);
	background-repeat:no-repeat;
	width:74px;
}
#build a:hover {
	background-image:url(images/navBarwoLabels/reno-over.gif);
	background-repeat:no-repeat;
}
#reno {
	background-image:url(images/navBarwoLabels/reno.gif);
	background-repeat:no-repeat;
	width:118px;
}
#reno a:hover {
	background-image:url(images/navBarwoLabels/reno-over.gif);
	background-repeat:no-repeat;
}
#about {
	background-image:url(images/navBarwoLabels/reno.gif);
	background-repeat:no-repeat;
	width:89px;
}
#about a:hover {
	background-image:url(images/navBarwoLabels/reno-over.gif);
	background-repeat:no-repeat;
}
#contact {
	background-image:url(images/navBarwoLabels/reno.gif);
	background-repeat:no-repeat;
	width:109px;
}
#contact a:hover {
	background-image:url(images/navBarwoLabels/reno-over.gif);
	background-repeat:no-repeat;
}
#links {
	background-image:url(images/navBarwoLabels/links.gif);
	background-repeat:no-repeat;
	width:108px;
}
#links a:hover {
	background-image:url(images/navBarwoLabels/links-over.gif);
	background-repeat:no-repeat;
}
#navbar ul li a {
	height:23px;
	padding-bottom:0;
	margin-bottom:-5px;
}
#navbar ul ul {
	height:auto;
}
#navbar a {
	display:block;
	text-decoration:none;
	width:100%;
}
#navbar li a {
	width:auto;
}
#navbar ul ul li {
	display:block;
	background-color:#dddddd;
	width:65px;
	font-size:1em;
	border:1px solid #333333;
	padding-top:5px;
	padding-left:5px;
}
html>body #navbar ul ul li {
	display:block;
	background-color:#dddddd;
	width:110px;
	font-size:1em;
	border:1px solid #333333;
	padding-top:5px;
	padding-left:5px;
}
#navbar ul ul a:hover {
	background-image:none;
}
#navbar ul ul li a {
	display:block;
	width:65px;
	padding-top:0;
	color:#333333;
}
html>body #navbar ul ul li a {
	display:block;
	width:110px;
	padding-top:0;
	color:#333333;
}
#navbar ul ul li:hover, #navbar ul ul li a:hover {
	display:block;
	background-color:#990000;
	color:#dddddd;
}
#navbar ul ul ul li {
	width:65px;
	margin-left:0;
}
html>body #navbar ul ul ul li {
	width:170px;
	margin-left:110px;
}
html>body #navbar ul ul ul li.first {
	margin-top:-24px;
}
#navbar ul ul ul li a {
	width:65px;
}
html>body #navbar ul ul ul li a {
	width:170px;
}
#navbar li.folder ul {
	position:relative;
	width:65px;
	left:0; /* IE */
	top:0;
	z-index:10;
	margin:0;
	padding:0;
}
html>body #navbar li.folder ul {
	position:relative;
	width:110px;
	left:0; /* IE */
	top:0;
	z-index:10;
	margin:0;
	padding:0;
}
html>body #navbar li.subfolder {
	background-image:url(images/subFolderArrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}
html>body #navbar li.subfolder a:hover {
	background-image:url(images/subFolderArrowHover.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#navbar li.subfolder ul li a:hover {
	background-image:none;
}

/* hovers with specificity */
#navbar li.folder:hover, #navbar li.folder a:hover { 
	z-index:10; 
}
#navbar li.subfolder:hover, #navbar li.subfolder a:hover {
	z-index:12;
}
#navbar ul li.folder:hover {
	height:auto;
}

#navbar ul ul {
	display:none;
}
#navbar li:hover ul, #navbar li ul:hover, #navbar ul li a:hover ul, #navbar li ul a:hover, #navbar ul li.folder ul li a:hover {
	display:block;
}
#navbar li.subfolder ul {
	display:none;
}
#navbar ul li ul li:hover ul, #navbar ul li ul li ul:hover, #navbar ul li ul li a:hover ul, #navbar ul li ul li ul a:hover {
	display:block;
}		
#mainContent {
	position:absolute;
	background-color:#FFFFFF;
	top:80px;
	left:4%;
	width:91%;
	border:double #990000 medium;
	border-top:thin #990000 solid;
	padding-top:40px;
}
#mainContent p {
	font:1.5em "Times New Roman", Times, serif;
	color:#333;
	line-height:1.4em;
	padding:0 40px;
}
#mainContent h1 {
	font:2.4em "Times New Roman", Times, serif;
	font-weight:bolder;
	color:#900;
	margin:0 40px;
	padding:0 40px;
	border-bottom:medium double #990000;
}
#mainContent h2 {
	font:2.4em "Times New Roman", Times, serif;
	color:#900;
	margin:10px 0;
	padding:0 10px;
}
#mainContent h4 {
	font:"Times New Roman", Times, serif;
	font-weight:bolder;
	color:#900;
	margin:0 40px;
}
#mainContent p.byline {
	display:block;
	clear:both;
	margin:5px 40px;
	border-top:thin #900 solid;
	font:1.1em "Times New Roman", Times, serif;
	color:#333;
	text-align:center;
	padding-top:5px;
}
#mainContent p.sub {
	display:block;
	font:1.1em "Times New Roman", Times, serif;
	color:#333;
	text-align:center;
	padding-top:5px;
}

#sidebar {
	width:20%;
	min-width:200px;
	margin:10px;
	border:thin solid #990000;
	padding:5px;
	float:left;
	text-align:left;
}
#sidebar p {
	padding:0;
}
#sidebar form {
	padding:0;
	margin:0;
	margin-top:-25px;
}
#photos {
	text-align:center;
	padding:0;
	margin:0;
	width:100%;
}
#photos img {
	padding:0;
	margin:0 10px;
}
table.designTBL td {
	text-align:center;
	vertical-align:top;
}
table.designTBL td p {
	text-align:center;
	margin:0;
	margin-bottom:10px;
}
#viewNav {
	width:60px;
	padding:0;
	padding-top:30px;
	margin:0;
	margin-left:5px;
	float:left;
}
#viewNav img {
	border:0;
	padding:0;
	margin:0;
}
#viewMain {
	float:left;
	width:500px;
	padding:0;
	margin:0;
	margin-left:10px;
	padding-bottom:10px;
}
#viewMain p {
	padding-left:0;
}
#viewMain h1 {
	padding-left:0;
}

div.thumb {
	width:170px;
	max-height:170px;
	display:block;
	float:left;
	border:none;
	padding:10px;
	margin:0;
	margin-bottom:5px;
	margin-left:5%;
	text-align:center;
	font-size:0.8em;
}
div.thumb p {
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
}
div.thumbNarrow {
	width:165px;
	max-height:170px;
	display:block;
	float:left;
	border:none;
	padding:0 3px;
	margin:0;
	margin-bottom:5px;
	margin-left:1%;
	text-align:center;
	font-size:0.8em;
}
div.thumbNarrow p {
	margin:0 5px;
	padding:0;
}
#sidebarThumbs {
	width:105px;
	margin:10px;
	padding:5px 0;
	float:left;
	display:inline;
	text-align:center;
}
#mainThumbs {
	margin-left:125px;
	padding:0;
}
#sidebarThumbs p {
	padding:0;
	margin:0 auto;
}
#sidebarThumbs img {
	margin-top:5px;
}
label {
	display:none;
}
table p {
	padding:0;
	margin:0;
}
.name {
	font-style:italic;
	font-weight:bold;
	color:#990000;
}
#mainPanel {
	float:left;
	width:60%;
	margin:10px;
	padding:5px;
	text-align:left;
}
#newsPanel {
	float:left;
	width:29%;
	margin:10px;
	padding:10px;
	background-color:#dddddd;
	border:double 2px #990000;
	color:#FFFFFF;
}
#newsPanel p {
	padding-left:0;
	padding-right:0;
}
#newsPanel h4 {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}
img.noBorder, a img.noBorder, a.noBorder img {
	border:none;
}

/*Start Client Login Styles*/
form.standardForm fieldset {
	margin-bottom:10px;
	width:400px;
	display:block;
	padding:0;
	border:#990000 solid 2px;
}
form.standardForm legend {
	padding:0 2px;
	font-weight:bold;
	font-size:1.4em;
	margin-left:20px;
}
form.standardForm label {
	width:110px;
	display:inline-block;
	line-height:1.8em;
	vertical-align:top;
	text-align:right;
	font-size:1.2em;
}
form.standardForm fieldset ol {
	margin:0;
	padding:0;
}
form.standardForm fieldset li, form.standardForm span.formLabel {
	list-style:none;
	display:block;
	padding:5px;
	margin:0;
	background-color:#dddddd;
}
form.standardForm input, form.standardForm textarea {
	width:250px;
	margin-left:2px;
}
form.standardForm input.button {
	display:inline;
	width:125px;
	text-align:center;
	margin-left:15px;
	padding:0;
}
#leftPanel {
	float:left;
	width:50%;
	padding:5px;
	margin-left:25px;
}
#projectPanel {
	float:left;
	width:35%;
	padding:5px;
	height:700px;
	margin-left:40px;
}
#rightPanel {
	float:left;
	width:35%;
	padding:5px;
}
#rightPanel p, #leftPanel p, #projectPanel p {
	margin-left:-40px;
}
img.clientHomeImages {
	border:thin #990000 solid;
}
#image p {
	margin:5px 0 30px 0;
}
.messageNote {
	width:90%;
	border-bottom:#990000 double medium;
	display:block;
	clear:both;
	margin-left:5%;
}
.messageID {
	width:30%;
	float:left;
	padding:5px;
}
.messageBody {
	width:55%;
	float:left;
	padding:5px;
}
#image {
	width:100%;
	border:0;
	padding:0;
	text-align:center;
}
#galThumbs {
	overflow:auto;
	height:130px;
	width:99%;
	margin-top:10px;
}
img.thumbImage, img.thumbImage a, img.thumbImage a:hover, a:hover img.thumbImage {
	padding:5px;
	border:0;
}
ol.photoList {
	list-style:none;
	font-size:1.2em;
}
ol.photoList li {
	padding-top:10px;
}
#subnav {
	display:block;
	width:554px;
	height:30px;
	margin:0;
	padding:-5px 0 0 0;
	margin:0 auto;
}
#subnav ol {
	list-style:none;
	float:left;
}
#subnav li {
	margin:0 20px;
	display:inline;
	float:left;
	font: 1.3em "Times New Roman", Times, serif;
	font-weight:bold;
	height:19px;
	padding:0;
	margin:0;
	color:#FFFFFF;
	background:#000;
}
#subnav li {
	padding:4px 0 0 0;
}
#subnav li a, #subnav li a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#subnav li a:hover {
	color:#dddddd;
}
#subnav li.left {
	background-image:url(images/navBarwoLabels/clientL.gif);
	background-repeat:no-repeat;
	min-width:70px;
}
#subnav li a.left:hover {
	display:block;
	background-image:url(images/navBarwoLabels/clientL-over.gif);
	background-repeat:no-repeat;
	background-position:0 -4px;
}
#subnav li.main {
	background-image:url(images/navBarwoLabels/clientMain.gif);
	background-repeat:no-repeat;
	min-width:70px;
}
#subnav li a.main:hover {
	background-image:url(images/navBarwoLabels/clientMain-over.gif);
	background-repeat:no-repeat;
	background-position:0 -4px;
}
#subnav li.right {
	background-image:url(images/navBarwoLabels/clientR.gif);
	background-repeat:no-repeat;
	width:90px;
}
#subnav li a.right:hover {
	background-image:url(images/navBarwoLabels/clientR-over.gif);
	background-repeat:no-repeat;
	background-position:0 -4px;
}
p.dailyNotes, p.photoNotes {
	width:250px;
	padding:0;
	margin:0;
	height:150px;
	overflow:auto;
}
p.note {
	margin-top:80px;
	font-size:2em;
	text-align:center;
}
#loginWrapper {
	width:99%;
	text-align:center;
}
#login {
	margin:0 auto;
	width:400px;
	margin-top:60px;
}
#loginText {
	margin:0 auto;
	width:80%;
	text-align:left;
}
#logoutText {
	margin:0 auto;
	width:80%;
	text-align:left;
	font-size:1.4em;
}
h6 {
	font:1.8em "Times New Roman", Times, serif;
	color:#000;
	margin:10px 0;
	padding:0 10px;
	border-bottom:1px solid #000000;
}
table.projDetails {
	border:0;
	padding:0;
	margin:0;
}
table.projDetails th {
	width:50%;
	text-align:right;
	padding:0;
	margin:0;
	vertical-align:top;
}
table.projDetails td {
	padding:0;
	margin:0;
	vertical-align:top;
}
table.projDetails p {
	margin-left:-40px;
	margin-right:-40px;
}