@charset "UTF-8";
/* CSS Document */

p {
	margin-top: 20px;
}
p.notopmargin {
	margin-top: 0px;
}
.pagetitle {
	font-family: arial;
	font-size: 38px;
	color: #CCCCCC;
}
.about_subtitle {
	font-family: Arial;
	font-size: 34px;
	color: #CCCCCC;
}
.greytext {
	color: #777777;
}
#about_slidertopcontent {
	padding: 20px;
	width: 505px;
	height: 90px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 16px;
}
#about_quotebar {
	width: 550px;
	height: 30px;
	background-color: #8BA581;
	font-family: arial;
	font-size: 24px;
}
#about_picture {
	background-image: url('../images/picture_about.jpg');
	width: 550px;
	height: 157px;
}
#about_sliderbottomcontent {
	padding: 20px;
	width: 510px;
	height: 100px;
	font-family: helvetica, arial;
	font-size: 11px;
	line-height: 16px;
}
#designwhy_slidertopcontent {
	padding: 20px;
	width: 505px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 1px;
	}
	
#designwhy_quotebar {
	width: 550px;
	height: 20px;
	background-color: #E1C6A4;
}	
#designwhy_picture {
	background-image: url('../images/designwhypic.jpg');
	width: 550px;
	height: 100px;
}
#designwhy_sliderbottomcontent {
	padding: 20px;
	width: 510px;
	height: 100px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 1px;
}
#contact_slidertopcontent {
	width: 550px;
	height: 550px;
    background-image: url(../images/background_contact01.png);
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: bottom;
	position: relative;
	z-index: 5;
}
#contact_information1 {
	position: relative;
	width: 230px;
	top: 40px;
	margin-left: 270px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 1px;
	color: #333333;
	z-index: 6;
}
#contact_information1 p {
	margin-bottom: 30px;
}
#portfolio_slidertopcontent {
	padding: 0px;
	width: 550px;
	height: 520px;
    background-image: url('../images/portfolio_slideout_top.jpg');
    position: relative;
}
#portfolio_sliderbottomcontent {
	padding: 0px;
	width: 550px;
	height: 30px;
    background-image: url('../images/portfolio_slideout_bottom.png');
}
/* these position the divs over the pear graphics and act as the rollover hotspots */
#portfolio_1 {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 260px;
	right: 190px;
}

#portfolio_2 {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 240px;
	right: 290px;
}
#portfolio_3 {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 70px;
	left: 50px;
}
#portfolio_4 {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 350px;
	left: 230px;
}
#portfolio_5 {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 390px;
	left: 420px;
}
/* this is for the positioning of the divs that display the link name on the portfolio slideout */
#banner-container
{
	width: 350px;
	height: 70px;
	position:relative;
	left: 175px;
	top: 80px;
}

#banner-container img
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}