/* 
Lukas sparks
Milwaukee Architects & Planners, Inc., Inc.
Print / Screen Style
12-18-06
================================== 
*/



/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

/* Force Scrollbars*/
html {
	overflow-y: scroll;
}

/* Accessibility
================================== */
#skip{
   display:none;
	 }
	 
@import url(formstyle.css);


body {
  font: 62.5%/1.6 Verdana, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background:#e1ad71 url(../images/woodbg.jpg);
}

#wrapper{
	width:939px;
	margin:30px auto;
	background:#fff url(../images/bodybg.jpg) repeat-y top center;
	z-index:-5;
}

/* Branding / Header
================================== */	
#branding{
	height:191px;
	background:#fff url(../images/headerbg.jpg) no-repeat top center;
position:relative;
}

#branding h1{
  position:absolute;
	background: url(../images/pmalogo-trans.png) no-repeat top center;
	top:38px;
	left:28px;
	display:block;
	width:225px;
	height:90px;
	text-indent:-99999px;
	border:0;
}

/* Breadcrumbs
================================== */
#breadcrumbs{
	background:#ededed url(../images/left.png) no-repeat;
	height:29px;
	width:880px;
	line-height:28px;
	margin:10px auto 0 auto;
	padding:0 0 0 10px;
}

#breadcrumbs p{
	background: url(../images/right.png)top right no-repeat;
	height:29px;
	width:880px;
	display:block;
}

#breadcrumbs a{
	color:#646464;
}

/* Services Header
================================== */
.image_header{
	height:100px;
	width:880px;
	margin:10px auto;
	padding:0;
}

.image_header h2{
	margin:0 0 0 12px;
	padding:0;
	line-height:90px;
	font-size:2.5em;
}

#services_info{
background:#fff url(../images/services_image.jpg) no-repeat;
}



#portfolio_info{
	background:#fff url(../images/services_image.jpg) no-repeat;
}


/* Services Newsbar
================================== */

#newsbar ul#services_list{
		margin:0 0 10px 20px;
}

#newsbar ul#services_list li a{
		color:#88412e;
		padding:5px 0 5px 10px;
		display:block;
		width:217px;
		height:18px;
		background: url(../images/servicesbg1.jpg) no-repeat top left;
}

#newsbar ul#services_list li a:hover{
		color:#000;
		display:block;
		background: url(../images/servicesbg.jpg) no-repeat top left;
}





/* Page Body Content
================================== */
#content{
	float:left;
	width:590px;
	margin:8px 0 8px 40px;
	display:inline;
}

#content p{
	padding:8px 0 8px 0;
	font-size:1.3em;
	line-height:150%;
}

#content ul{
   padding:8px 8px 30px 30px;
	 list-style-type:none;
}

#content li{
				 background: url(../images/check.gif) no-repeat 0 50%;
				 padding-left:15px;
}

#content h3{
color:#444444;
font-size:1.2em;
}

h2{
	 font: 2.3em Georgia, serif;
	 color:#444444;
}

#content p a:link, a:visited{
	color:#71645e;
}

#content p a:hover{
	color:#71645e;
}





/* Right Column
================================== */
#newsbar{
	float:right;
	width:250px;
	background:#eeeeee url(../images/newsbartop.png) no-repeat top center;
	margin:8px 30px 0 0;
	font-size:1.1em;
	display:inline;
}

* html #newsbar{
	width:250px;
	w\idth:230px;
}

#newsbar address{
		font-style:normal;
		background:#eee url(../images/sidegrad.gif) repeat-x bottom;
		padding:0 0 50px 20px;
}

/*#newsbar * * {
  padding-left: 0;
  padding-right: 0;
}*/

#newsbar p{
	color:#646464;
	text-decoration:none;
}

#newsbar span{
	color:#646464;
	text-decoration:none;
	display:block;
}

#newsbar h3{
  font-size:1.3em;
	margin:20px 0 15px 20px;
}

#newsbar .constProject a img{
	border:1px solid #adadad;
	margin:4px 8px 8px 5px;
	float:left;
}

#newsbar ul{
	list-style-type:none;
	margin:0 0 0 20px;

}

#newsbar ul li.constProject a{
	color:#773420;
	display:block;
	width:220px;
	height:90px;
	background: url(../images/hr.png) repeat-x top center;
	padding:8px 0 0 0;
	color:#773420;
	/*margin:0 0 0 20px;*/
	/*border:1px solid red;*/
}

#newsbar ul li.constProject a:hover{
	background: url(../images/hro2.png) no-repeat top right;
}

/* Featured Project on Home Page
================================== */
#feature{
	width:878px;
	height:292px;
	margin:22px auto;
	background:#6c5f58 url(../images/contentbg.jpg) no-repeat top center;
}

#textblock{
	float:right;
	width:330px;
	height:270px;
	margin:5px 5px 0 0;
	padding:0 15px 0 15px;
}

#feature h1{
	font: 1.8em "Georgia", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#fff;
	padding:25px 0 0 0;
}

#feature p{
	color:#ececec;
	padding:10px 0 0 0;
	font: 1.3em Verdana, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	line-height:150%;
}

.imageElement{
	color:#fff;
}



/* Footer
================================== */

#footer{
	background:#fff url(../images/footerbg.jpg) no-repeat top center;
	height:88px;
	color:#fff;
	clear:both;
	line-height:88px;
	text-align:center;
	font-size:1.1em;
}	

#footer b{
	padding:0 .6em;
}

.clear{
	clear:both;
}

.email{
	 background-image: url(../images/email.png);
   background-repeat: no-repeat;
	 background-position:left;
	 padding:5px 0 5px 20px; 
	 margin:5px 5px 0 20px;
	 display:block;
}

.email a{
		 color:#000;
		}
		
/* 404
================================== */


/* Portfolio
================================== */

#profile_info{
	background:#fff url(../images/profilebar.jpg) no-repeat;
}

#content .portblock{
		float:left;
		display:inline;
		margin:0 8px 0 0;
}

#content .portblock a{
	display:block;
	height:171px;
	width:185px;
	float:left;

	color:#793721;
	padding:8px 0 0 0;
	text-align:center;
	font-size:1.2em;
	text-decoration:none;
	font-weight:bold;
}

#content .portblock a#office{
  background: url(../images/commercial.jpg) no-repeat;
}
#content .portblock a#office:hover{
  background: url(../images/commercial2.jpg) no-repeat;
}

#content .portblock a#financial{
  background: url(../images/financial.jpg) no-repeat;
}
#content .portblock a#financial:hover{
  background:url(../images/financial2.jpg) no-repeat;
}

#content .portblock a#industrial{
  background: url(../images/industrial2.jpg) no-repeat;
}
#content .portblock a#industrial:hover{
  background: url(../images/industrial.jpg) no-repeat;
}

#content .portblock a#civic{
  background: url(../images/civic.jpg) no-repeat;
}
#content .portblock a#civic:hover{
  background: url(../images/civic2.jpg) no-repeat;
}

#content .portblock a#religious{
  background: url(../images/religious.jpg) no-repeat;
	margin-bottom:100px;
}
#content .portblock a#religious:hover{
  background: url(../images/religious2.jpg) no-repeat;
}

#content .portblock a#restaraunts{
  background: url(../images/restaraunts.jpg) no-repeat;
}
#content .portblock a#restaraunts:hover{
  background: url(../images/restaraunts2.jpg) no-repeat;
}

#content .portBlurb{
	width:590px;
	margin-bottom:20px;
	background: url(../images/portbg.png) no-repeat top center;
}

#content .portBlurb h3{
	 font-size:1.7em;
	 padding:15px 15px 0 10px;
}

#content .portBlurb h4{
   font-weight:normal;
	 padding:0 0 10px 10px;
	 font-size:1.1em;
}

#content .portBlurb p{
	 margin:0;
	 padding:10px 0 0 10px;
}

#content .portBlurb img{
	float:right;
	margin:20px 20px 5px 20px;
	border:none;
}