/* CSS Document */

/* Basic Setup */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0px;
	padding: 0px;
	color: #666666;
	line-height: 120%;
}

a:link{
	color: #333333;
	text-decoration: underline;
	}
a:active {
	color: #333333;
	text-decoration: underline;
	}
a:visited {
	color: #333333;
	text-decoration: underline;
	}
a:hover {
	color: #666666;
	text-decoration: underline;
	}


/* Layout */

#container {
	width: 760px;
	margin: 0px auto;
	padding-top:10px;
}


#header-home {
	width: 760px;
	height: 370px;
	background: url(graphics/header/welcome.jpg) scroll left no-repeat;
}
#header-about {
	width: 760px;
	height: 370px;
	background: url(graphics/header/about.jpg) scroll left no-repeat;
}
#header-work {
	width: 760px;
	height: 370px;
	background: url(graphics/header/examples.jpg) scroll left no-repeat;
}
#header-people {
	width: 760px;
	height: 370px;
	background: url(graphics/header/people.jpg) scroll left no-repeat;
}
#header-contact {
	width: 760px;
	height: 370px;
	background: url(graphics/header/contact.jpg) scroll left no-repeat;
}
#menu {
	padding: 10px 0 0 10px;
	width: 189px;
	height: 360px;
	}
.menu-header {
	background: url(graphics/menu/logo.jpg) scroll left no-repeat;
	width: 189px;
	height: 90px;
	}
.menu-item {
	width: 189px;
	height: 23px;
	}
.menu-base {
	width: 189px;
	height: 133px;
	background: url(graphics/menu/bottom.png) left scroll no-repeat;
	}
#top-shadow {
	background: url(graphics/shadows/top.jpg) top scroll no-repeat;
	width: 760px;
	height: 10px;
	}
#content-container {
	width: 760px;
	margin: 0;
	}
#leftcol {
	width: 210px;
	float: left;
	/*background: url(graphics/shadows/tile1.jpg) right scroll repeat-y;*/
}
.sidepic {
	width: 178px;
	height: 178px;
	padding: 0 10px 10px 10px;
	}

.sideaddress {
	padding: 10px;
	}

#rightcol {
	padding: 0 20px 20px 20px;
	width: 510px;
	float: left;
	/*background: url(graphics/shadows/tile1.jpg) right scroll repeat-y;*/
}
.lhsbg {
	background: url(graphics/shadows/tile1.jpg) right scroll repeat-y;
	}
.rhsbg {
	background: url(graphics/shadows/tile1.jpg) right scroll repeat-y;
	}
	
	
/* floating points */
#point1 {
	width: 135px;
	background: url(graphics/examples/environment_o.jpg) bottom scroll no-repeat;
	float: left;
	margin: 20px 30px 0 0;
	}
.p1head {
	width: 135px;
	height: 40px;
	background-attachment: scroll;
	background-image: url(graphics/examples/Environment.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
.p1text {
	padding: 0 15px 10px 15px;
	}

#point3 {
	width: 135px;
	background: url(graphics/examples/public_o.jpg) bottom scroll no-repeat;
	float: left;
	margin: 20px 0 0 0;
	}
.p3head {
	width: 135px;
	height: 40px;
	background-attachment: scroll;
	background-image: url(graphics/examples/Health.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
.p3text {
	padding: 0 15px 10px 15px;
	}
#point2 {
	width: 135px;
	background: url(graphics/examples/social_o.jpg) bottom scroll no-repeat;
	float: left;
	margin: 20px 30px 0 0;
	}
.p2head {
	width: 135px;
	height: 40px;
	background-attachment: scroll;
	background-image: url(graphics/examples/Social.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
.p2text {
	padding: 0 15px 10px 15px;
	}	
	
.clear {
	clear: both;
	}
	
#footer-bar {
	clear: both;
	text-align: right;
	background: url(graphics/shadows/bottom.jpg) scroll top no-repeat;
	width: 740px;
	height: 47px;
	padding: 10px 20px 0 0;
}

h1 {
	color: #666666;
	font-size: 120%;
	}	
h2 {
	color: #666666;
	font-size: 110%;
	}
h3 {
	color: #666666;
	font-size: 105%;
	}
.intro {
	font-size: 115%;
	}
.small {
	font-size: 85%;
	}
.imgleft {
	float: left;
	margin: 0 10px 10px 0;
	}
.imgright {
	float: right;
	margin: 0 0 10px 10px;
	}
img {
	border:none;
}