* { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a img,:link img,:visited img { border:none }

html { overflow-y : scroll; } /* keeps scroll bar even on short pages */

body {
	background: #dadada;
    background-image: url(../images/bgTile2.gif);
	margin-bottom: 60px;
	font-family: Arial, Georgia, Verdana sans-serif;
	font-size:.8em;
	color: #666666;
	scrollbar-base-color: #B2CCD0; scrollbar-arrow-color: #00535E; scrollbar-DarkShadow-Color: #00535E; scrollbar-Highlight-Color: #E6EEEF; scrollbar-Shadow-Color: #A1C0C4; scrollbar-Face-Color: #B2CCD0; scrollbar-Track-Color: #3E6066;     
}

td, th { vertical-align: top; font-size: -.8em; font-family: Arial, Georgia, Verdana sans-serif; line-height: 1em; color: #666666 }

p { line-height: 1.3em; }

ul { 
	list-style-type: square;
	line-height: 1.3em;
	list-style-position:inside;
	}

a:link { color: #296B77; background-color: none; text-decoration: none; }
a:visited { color: #296B77; background-color: none; text-decoration: none; }
a:hover { color: #296B77; background-color: #ebebeb; text-decoration: none; }
a:active { color: #993333; background-color: #ebebeb; text-decoration: none; }

#Staff a:link { background-color: #fff; }
#Staff a:visited { background-color: #fff; }
#Staff a:hover { background-color: #ffffcc; }
#Staff a:active { background-color: #none; }

h1 {

	font-size:1.1em;
	/*letter-spacing: 0.1em;
	background-color: #F2F6F7;
	color: 296b77;
	padding-top:5px;
	margin-bottom:5px;*/
}

h2 { 
	font-size:1.1em;
	letter-spacing: 0.1em;
	line-height: 20px;
	background-color: #F2F6F7;
	color: 296b77;
	padding-top:5px;
	margin-bottom:5px;
}



/* content */	


#MainWrapper {
	width:700px;
	background-image: url(../images/contentBackground_700x500.gif);
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	border-left: 1px #c9c9c9 solid;
	border-right: 1px #c9c9c9 solid;

}

#header {
	width: 580px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}

#mainNav {
	margin: 19px 0 0 44px;
	font-size:1.1em;
	font-weight:bold;
	
}

#topSubNav {
	width: 500px;
	height: 30px;
	font-size: .8em;
	margin-left: 104px;
	margin-top: 2px;
	text-decoration: none;
	line-height: 20px;
	padding-top:5px;
}


#homePhoto {
	background-image: url(../images/homePhotoBg_600x420.gif);
	background-repeat: no-repeat;
	width:570px;
	height: 400px;
	margin: 0 0 10px 50px;
	padding: 20px 0 0 30px;
}			

/* content columns */

#LeftColumnHome {
	width: 290px;
	margin-left: 50px;
	padding: 0 20px 20px 10px;
	float:left;
}

#LeftColumn {
	width: 250px;
	margin-left: 60px;
	padding: 0 20px 60px 0;
	float:left;
	text-align:justify;
}

#LeftColumnLinks {
	width: 375px;
	margin-left: 60px;
	padding: 0 20px 60px 0;
	float:left;
	}

#LeftColumnStaff {
	width: 330px;
	margin-left: 50px;
	padding: 0 20px 60px 10px;
	float:left;
	min-height:500px;
	text-align:justify;
}

#LeftColumnProjects {
	width:360px; 
	margin-left:60px; 
	float:left;
	min-height:400px;
	text-align:justify;
}


#RightColumnHome {
	width:280px;
	padding: 0 0 50px 0;
	vertical-align:top;
	float:left;
}

#RightColumn {
	width:320px;
	padding-bottom:60px;
	float:left;
}


#RightColumnStaff {
	width:220px;
	float:left;
	padding-top:67px;
}

#RightColumnContact {
	width:200px;
	float:left;
	padding-top:40px;
	padding-left: 20px;
}

#RightColumnProjects { 
	width:180px; 
	float:left; 
	padding:20px;
	min-height: 400px;
}

#RightColumnProjects img { 
	border:2px; 
	border-style:solid; 
	border-color:#296B77;
}

#RightColumnProjectPics { 
	width:180px; 
	float:left; 
	padding:10px;
	margin-left:20px;
	background-image:url(http://www.jparchitects.com/images/bgTile2_slantedLines1.gif);
	min-height: 400px;
}

#RightColumnProjectPics img { 
	border:2px; 
	border-style:solid; 
	border-color:#296B77;
}


#Staff {
	width:560px;  
	margin-left: 60px; 
	padding: 0 0 60px 0;
	min-height: 500px;
}



/* footer */

#footer {
	background-image: url(../images/footerBg_700x140.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right:auto;
	clear:both;
	width: 702px;
	height: 140px;
}

#footerText {
	/*color: #A1C0C4;
	font-weight: bold;*/
	font-size:.9em;
	margin-left: 160px;
	padding-top: 35px;
	padding-bottom:15px;
	width: 400px;
}

.sm-link { 
	padding: 10px 0 10px 0;
}

.sm-link img {
	border:none;
	float:left;
	margin-right:5px;
}

#HBS {
	width:700px;
	padding-top:50px;
	padding-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	font-size:.9em;
	font-weight: normal;
	color:#bbbaba;
	}
	
#HBS img { margin-top:3px }


/* class styles */

.floatfix { clear: both; }
		
.topNav {
	color: #666666;
	font: 7pt Arial, Georgia, Verdana sans-serif;
	margin: 0px 0px 0px 44px;
	text-decoration: none;
	line-height: 20px;
	}
	
.homeNews {
	color:#333333;
	background-color:#ffffeb;
	width:220px;
	padding: 20px;
	border-bottom:#c9c9c9 1px solid;
	border-top:#c9c9c9 solid 1px;
	border-left:none;
	border-right:none;
	}			
	
.featuredProject {
	background-image: url(../images/home/featuredProjectBg1.gif);
	background-repeat: no-repeat;
	width:260px;
	height: 150px;
	padding-left: 10px;
	padding-top: 30px;
	}	
	
.awardProject {
	background-image: url(../images/home/aiaAwardProjectBg1.gif);
	background-repeat: no-repeat;
	width:260px;
	height: 150px;
	padding-left: 10px;
	padding-top: 30px;
	}	
	
	
#newsFeed {
	width:250px;
	background-image:url(../images/home/newsFeedBg_260x260.gif);
	background-repeat:no-repeat;
	padding: 30px 10px 10px 10px;	
	}	
	
.newsFeedText {
	width: 220px;
	padding:10px;
	background-color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	}
	
.newsFeedLink {
	width: 220px;
	padding:10px;
	background-color:#FFFFFF;
	margin-top:10px;
	}	
	
.projectBox1 {
	width:340px; 
	margin-top:20px; 
	padding:10px; 
	background-image:url(../images/bgTile3_slantedLines2.gif);
	text-align:left;
	}

.projectBox1 li {
	margin-bottom:10px;
	}		
	
.projectBox1 ul {
	list-style-position:outside;
	margin-left:20px;
	}	
	
.projectPic {
	width: 120px;
	height: 120px;
	float: left;
	}	
	
.projectDescription {
	float:left; 
	padding:10px;
	background-color:#FFFFFF;
	}
	
.featuredProjectDescription {
	float:left; 
	padding:10px;
	background-color:#FFFFFF;
	width:200px;
	}		
		
.linkedIn {

	margin-left: 10px;
}

.linkedIn img {

	float:left;
	margin-right:5px;

}

.textButton {
	color: #296B77;
	background-color: #ebebeb; 
	font: 8pt Arial, Georgia, Verdana sans-serif;
	line-height: 20px;	
	}	
	
.box1 {
	border-width: 1px;
	border-color: #CCCCCC;
 	border-style: dotted;
	}
	
.box2 {
	border-width: 1px;
	border-color: #cccccc;
 	border-style: dashed;
	}

.basicHighlight1 {
	background-color: #F2F6F7;
	}

.boldDarkTealText {
	font-weight: bold;
	color: #3E6066;
	}	
	
.basicHighlight2 {
	font: 10px Arial, Georgia, Verdana sans-serif;
	letter-spacing: 0.1em;
	line-height: 20px;
	background-color: #F2F6F7;
	font-variant: small-caps;
	font-weight:bold;
	}	
	
.staffTitle {
	font-weight:bold;
	margin-top:20px;
	}

.staff1 {
	background-color: #FFFFFF;
	}

.staffRow {
	width:420px;
	height:80px;
	background-image:url(../../images/bgTile3_slantedLines2.gif);
	display:block;
	margin:0 0 20px 0;
	}