/* CSS Document for PWJ Architects */


html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img 
{
	margin: 				0px;
	padding:                0px;
	border: 				0px;
}

.orange {color:#FF6600;}
.white {color:#CCCCCC;}

p 
{
	color:					#e2e2e2;
	margin-bottom:			14px;
	margin-top:				14px;
	line-height:			1.6;
}


h1 
{
	font-size:				18px; 	
	color:					#999;
	margin-bottom:			18px;
	margin-top:				20px;
	font-weight:			normal;
	text-transform:			lowercase;
}

h2 
{
	font-size:				16px;	
	color:					#FFCC66;
	margin-bottom:			14px;
	font-weight:			normal;
	line-height:			1.4;
}

h3 
{
	font-size:				16px;	
	color:					#FF6600;
	margin-bottom:			7px;
	font-weight:			bold;
	line-height:			1.4;
}

body 
{
	font-family: 			Arial, Helvetica, sans-serif;
	background-image:		url(/images/bodybg.gif);
	background-position: 	top;
	background-repeat:		repeat-x;
	font-size:				11px;
	background-color: 		#000;

}

a:link, a:visited 
{
	color: 					#CCCCCC; 
	text-decoration: 		none; 
}
a:hover, a:active 
{
	color: 					#f90; 
	text-decoration: 		none; 
}


/*------------------------------------------------------------------------- LAYOUT START ------ */
#logo
{
	width: 					100%;
	float:					left;
	color:					#FF6600;
	text-align:				center;
	clear: both;

}

#topBG
{
	width: 					100%;
	background-position:	top;
	float:					left;
	background-color:		#111;
	text-align:				center;
}

#container 
{
	width: 					760px;
	margin-left: 			auto;
	margin-right: 			auto;
	position: 				relative;
}

#blackFooter
{
	width: 					100%;
	float:					left;
	background-image:		url(/images/pwj_logo.gif);
	background-position:	bottom;
	background-repeat:		no-repeat;
	background-color:		#000;
	/*border-bottom:				1px #FF6600 solid;*/
	color:					#FF6600;
	text-align:				center;
	clear: both;
	height: 25px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
#footer
{
	width: 					100%;
	float:					left;
	background-position:	bottom;
	background-repeat:		no-repeat;
	/*border-bottom:				1px #FF6600 solid;*/
	color:					#FF6600;
	text-align:				center;
	clear: both;
}

#copyright, #credits
{
	width: 					760px;
	margin-left: 			auto;
	margin-right: 			auto;
	position: 				relative;
	text-align:				right;
	line-height:			25px;
	font-size:				10px;
}

#footerLeft, #creditsLeft
{
	display:				inline;
	float:					left;
	width:					250px;
	text-align:				left;
	color:					#ccc;
}

#footerCenter
{
	display:				inline;
	float:					left;
	font-size:				10px;
}
#creditsLeft a { color: #666;}
#creditsLeft a:hover { color: #f60;}

#footerCenter span.white
{
	font-size:				16px;
}

#contentSpacer
{
	float:					left;
	width:					100%;
	min-height:				370px;
	text-align:				left;
	margin:			-15px 0px 20px 0px;
}

* html #contentSpacer
{
	height:					370px;
}

#header
{
	float:					left;
	display:				inline;
	height:					109px;
	width:					760px;
	font-size:				12px;
	color:					#F60;
	margin-bottom: 0px;
}



/*------------------------------- LAYOUT END --------------------------- */


.whiteborder { border: 1px solid #000;}



#navigation{
	width: 760px;
	height: 28px;
	background: #000;
	margin-top: 18px;
	line-height: 28px;
	/*border-bottom: 1px solid #666;*/
	text-align: left;
	margin-left: 5px;
	
}
#navigation a { color: #999;}
#navigation a:hover { color: #f90;}
#navigation .bullet{ color:#f60; padding-right:6px; }

#selected a { color: #f60;}
#selected a:hover { color: #f90;}

/* ------------------------------------------------------- FOOTER ---------- */
#linksFooter { line-height:40px; font-size: 10px; clear: both;}
#linksFooter a { color:#CCCCCC;}
#linksFooter a:hover { color:#f60;}
.telnumber { font-size:14px; line-height: 18px; font-weight:bold; padding-left: 40%; padding-right: 40%; }
/* ---------------------------------------------------------- CONTENT LAYOUTS ----------------- */


.twoColumnLeft
{
	float:					left;
	width:					488px;
	margin-right:			2px;
	margin-top: 0px;
	overflow:hidden;
}


.twoColumnRight
{
	float:					right;
	width:					225px;
	margin-left:			2px;
	padding: 0 5px 0 5px;
	margin-top: 0px;
}

.twoColumnLeft p { margin: 0px 0px 14px 0px;}
.twoColumnRight p { margin:	0px 0px 10px 0px;}

.twoColumnLeft h3 {  margin: 5px 5px 14px 5px;}
.twoColumnRight h3 { margin: 5px 15px 0px 15px;}

.twoColumnRight h1 { margin: 0px 0px 5px 0px;}

.twoColumnRight ul li 
{
	margin:					0px 0px 0px 0px;
	padding:                5px 0 5px 0;
	list-style:				none;
	border-bottom: 			1px solid #333;
	line-height: 16px;
	display:block;
}
/*.twoColumnLeft ul li 
{
	margin:					10px 15px 10px 30px;
	padding-left:           5px;
	list-style:				disc outside;
}*/




/* ---------------------------------------- HOME PAGE BOXES ------------- */

ul#home,ul#home li{list-style-type:none;margin:0;padding:0}
ul#home{width:520px; margin:0px auto 0; text-align:center; clear:both;}
ul#home li {
	float:left; 
	padding: 5px;
	margin-bottom: 5px;
}

ul#home li a:hover img
{ background: #000; color: #f90; }

ul#home li a { color: #000; display: block; }
ul#home li a:hover { color:#F60;}

li#home1 img, li#home2 img, li#home3 img, li#home4 img, li#home5 img, li#home6 img, li#home7 img, li#home8 img { 
	width: 150px; 
	height:150px; 
	background: #000;
	margin-bottom: 5px;
}


/* ---------------------------------------- PAGE LEVEL 2 BOXES ------------- */

ul#squares,ul#squares li{list-style-type:none;margin:0;padding:0}
ul#squares{width:520px; margin:0px auto 0; text-align:center; clear:both;}
ul#squares li {
	float:left; 
	padding: 5px;
	margin-bottom: 5px;
}

ul#squares li a:hover img
{ border: 1px solid #666; background: #000; color: #f90; }

ul#squares li a { color: #000; display: block; }
ul#squares li a:hover { color:#F60;}

li#squares1 img, li#squares2 img, li#squares3 img, li#squares4 img, li#squares5 img, li#squares6 img, li#squares7 img, li#squares8 img { 
	border: 1px solid #333;
	padding: 0px;
	width: 116px; 
	height:112px; 
	background: #141414;
	margin-bottom: 5px;
}




/* ---------------------------------------- IMAGE BOXES ------------- */
ul#image,ul#image li{list-style-type:none;margin:0;padding:0}
ul#image li{float:left; padding:10px; margin:3px; color:#FFF;background: #022513;}

/* ---------------------------------------- EXPANDING DEFINITION LISTS ------------- */


#corporatelist {
	background: #032010;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 20px 0;
} 
#corporatelist div {
	display:none;
	border:none;
	border-top:none;
	margin: 0;
}
#corporatelist dl {
	margin: 0;
	padding: 0px;
	border: none;
}
#corporatelist dt {
	background: #032010;
	padding: 0;
	list-style-type: none;
	text-indent: 7px;
	margin: 0;
}
#corporatelist dt a {
	padding: 0;
	border-bottom: 1px solid #F60;
	display: block;
	color: #fff;
	margin: 0;
	line-height: 24px;
	text-decoration: none;
}
#corporatelist dd  {
	width: 360px;
	margin: 0;
	padding: 0;
	margin-right: 0px;
	
}

html>body #corporatelist dt a {width: auto;}
#corporatelist dt a:hover {color: #032010; background-color: #9C6; padding: 0;}

.downarrow{
	background: url(/images/common/arrowdown.gif) no-repeat;
	background-position: 350px center;
	}

/* ------- EXPANDED LISTS ------ */

#sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7, #sub8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0px;
	display: block;
	color: #fff;
	line-height: 16px;
	background:#030;
}

#sub1 p, #sub2 p, #sub3 p, #sub4 p, #sub5 p, #sub6 p, #sub7 p, #sub8 p
{
	padding: 10px 10px 10px 10px;
	margin:0;
} 

/* ---------------------------------------- PROPERTY THUMBNAILS ------------- */
ul#thumbs,ul#thumbs li{list-style-type:none;margin:0;padding:0}
ul#thumbs{width:496px; margin:10px auto 0px 0px; text-align:center; float:left;}
ul#thumbs li
{
	float:left; 
	/*max-width: 50px;
	max-height:50px; */
	padding:0px; 
	margin: 0px 10px 10px 0px; 
	color:#FFF;
	border: 1px solid #000;
	display: block;
}

ul#thumbs li img
{
	/*width: 50px;
	height:50px; */
}

ul#thumbs li:hover
{ border: 1px solid #f60; }

/* ---------------------------------------- BACK LINK ------------- */
ul#back a { color:#F90;}
ul#back a:hover { color:#f60;}