/*////////////////////////////////////////////
/* Main stylesheet for Ladder 3 Lofts website, v2
/* author: Frances Donovan, Reaching Productions, for RCG LLC
/*				http://www.reaching.org
/* created: May 9, 2005
/////////////////////////////////////////////*/

/*LADDER 4*/


/*body*/

body {
	margin: 10 0 10 0;
	background-color: #ac1c13;
}

/*homepage layout*/

div#home-mainbox {
	position: relative;
	margin: 10px 15% 8px 15%;
}

html>body div#home-mainbox {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 20px;
	min-height: 500px;
	}

p.home {
	width: 350px;
}

table.home {
	width: 604px;
}

td.home-leftcol {
	background: transparent url(../imgs/home_bg_left.gif) top left repeat-y;
	background-color: #c9c9c9;
	width: 292px;
}

td.home-rightcol {
	width: 342px;
	border-right: solid 1px #000;	
	border-left: solid 2px #777;
	background-color: #fff;
	z-index: 50;
}

.home-foot {
	color: #999999;
}


/*top navigation -- home page*/
#h-topnav {
	position: relative;
	top: 0px;
	left: 2px;
	width: 340px;
	z-index: 1;
}

.h-left-padding {
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
}

p.h-left-text {
	width: 221px;
}

#home-mainbox .h-right-text {
	padding-top: 100px;
	padding-left: 20px;
	padding-right: 19px;
	width: 292px;
}


/* main pages layout*/
table.all {
	border-top: solid 2px #999;
	border-bottom: solid 2px #999;
}


td.leftcol {
	background: transparent url(../imgs/all_bg_left.gif) top left repeat-y;
}

.top-left-img {
	text-align: center;
	background-color: #999;
	border-bottom: solid 2px #999;
}


td.rightcol {
	/*background: transparent url(../imgs/all_bg_right.gif) top left repeat-y;*/
	background-color: #ffffff;
}

td.rightmargin {
	background: transparent url(../imgs/all_bg_rightmargin.gif) top left repeat-y;
	background-color: #ffffff;
}


table.top-nav-table {
	margin: 10 0 20 0;
}


#topline {
	height: 3px;
	background-color: #ac1c13;
	z-index: 25;
}

.toplogo {
	margin: 30px 30px 0 0;
}


.left-text {
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
}

.right-text {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}



/*main paragraph styles*/

p {
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #000;
}

td {
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #000;
}

.standard {
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #000;
}

.highlight {
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #544343;
	font-weight: 900;
}

/*headers and subheaders*/

.h1 {
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 13px;
	font-weight: 800;
	color: #A04A44;
}

.h2 {
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #A04A44;
}

.h3 {
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	font-weight: 800;
	color: #A04A44;
}



/*footer */

#footer {
}

.footer {
	border-top: solid 1px #000;
	width: 475px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 10px;
	color: #4E4242;
	text-transform: uppercase;
}

/*//////////////////////////*/
/*table styles*/
/*//////////////////////////*/

/*units for sale*/
table.units {
	vertical-align: left;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	width: 95%;
	margin: 0 10 10 0;
}

th.units-left {
	border-right: solid 1px #999;
	background: transparent url("../imgs/grn_block.gif") no-repeat;
	background-color: #E2F1E6;
	width: 25px;
}


th.units {
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: 800;
	border-right: solid 1px #999;
}

td.units {
	padding: 10px;
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #000;
	border-right: solid 1px #999;
	border-bottom: solid 1px #000;	
}

td.units-left {
	border-right: solid 1px #999;
	background: transparent url("../imgs/colorbar.gif") no-repeat;
	background-color: #E2F1E6;
	border-bottom: solid 1px #000;	
	width: 25px;
}

tr.units1 {
	border-bottom: solid 1px #000;
	background-color: #E1E5E2;
}

tr.units2 {
	border-bottom: solid 1px #000;
	background-color: #AAB7AD;
}

/* development team */
td.devteam {
	padding: 0 10 10 0;
}

/* building specs*/
table.bldgspecs {
	vertical-align: left;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	width: 95%;
	margin-right: 10px;
}

th.bldgspecs-left {
	border-right: solid 1px #999;
	background: transparent url("../imgs/grn_block.gif") no-repeat;
	background-color: #E2F1E6;
	text-align: left;
	width: 25px;
}


th.bldgspecs {
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: 800;
	border-right: solid 1px #999;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-left: 20px;
	padding-right: 20px;
	
}

td.bldgspecs {
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-left: 20px;
	padding-right: 20px;
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #000;
	border-right: solid 1px #999;
	border-bottom: solid 1px #000;	
}

td.bldgspecs-left {
	border-right: solid 1px #999;
	background: transparent url("../imgs/colorbar.gif") no-repeat;
	background-color: #E2F1E6;
	border-bottom: solid 1px #000;	
	width: 25px;
}

tr.bldgspecs1 {
	border-bottom: solid 1px #000;
	background-color: #E1E5E2;
	vertical-align: top;
}

tr.bldgspecs2 {
	border-bottom: solid 1px #000;
	background-color: #AAB7AD;
	vertical-align: top;
}


/*forms*/

table.contactForm {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 460;
}

td.formLabel {
	width: 50%;
	text-align: left;
	vertical-align: top;
	border: 0; 
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #353949;
	}	

td.formItem {
	width: 50%;
	text-align: left;
	border: 0; 
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 11px;
	color: #353949;
	
}	

input, select, option, textarea { 
	font-size: 10px; 
    text-decoration: none;
	font-family: "Verdana", "Arial", "Helvetica", "Geneva", sans-serif; 
}

.required {
	font-size: 10px; 
    text-decoration: none;
	font-family: "Verdana", "Arial", "Helvetica", "Geneva", sans-serif; 
	color: #D04137;
}



/*///////////////////*/
/*linky linky*/
/*///////////////////*/

a:link, a:visited {
	text-decoration: none;
	color: #345834;
	font-weight: 600;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #A04A44;
}

a.flink:link, a.flink:visited {
	text-decoration: underline;
	font-family:  "Verdana", "Arial", "Helvetica", "Geneva", sans-serif;
	font-size: 10px;
	color: #4E4242;
	font-weight: 400;
	text-transform: uppercase;
}

a.flink:hover {
	text-decoration: none;
}

a.flink:active {
	color: #ff0006;
}

/*image alignments*/
.img-right {
	float: right;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.img-left {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.img-left-btm {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: bottom;
}



.img-center {
	float: center;
	align: center;
}

/*pullquotes and whatnot*/
.pullquote-right {
	display: inline;
	float: right;
	width: 130px;
	padding: 10px;
	border: solid 1px #000;
	margin: 10px;
	font-size: 9px;
	text-decoration: italic;
}

/*Images page*/

.imgthumb {
	border: solid 1px #ac1c13;
}


/* rendering box */
div#renderings {
	width: 460px;
	padding: 10px 10px 10px 0;
	height: 120px;
}

#renderings #caption {
	float: left;
	width: 400px;
}

#renderings #col1 {
	float: left;
	width: 230px;
}

#renderings #col2 {
	float: left;
	width: 230px;
}