/* CSS Document */

/* Set standards for page - existing tags */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}
	
body {
	background-color:#FFFFFF;
	}	
	
img {
	border:none;
	}	
	

	
/* -------------------------------------------------------------------------- */

/* Define layout divs and their styling*/

#wrapper {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#666666;
	line-height:150%;
	}

	#workspace {
		text-align: center;
		position: absolute;
		top: 50%;
		left: -3px;
		width: 100%;
		height: 1px;
		overflow: visible;
		visibility: visible;
		display: block;
		}
		
		#center_main {
			background-image:url(siteimages/4seasons_bgd.jpg);
			margin-left: -396px;
			position: absolute;
			top: -306px;
			left: 50%;
			width: 792px;
			height: 612px;
			visibility: visible;
				}
				
			#copy {
				position:absolute;
				left: 213px;
				top: 251px;
				width: 389px;
				height: 243px;
				text-align:left;
				}	
				
				#services_left, #services_right {
					position:absolute;
					left: 214px;
					top: 354px;
					width: 189px;
					height: 141px;
					text-align:left;
					line-height:125%;
					font-size:0.9em;
					}
					
				#services_right {
					left: 414px;
					}	
					
				#services_website {
	position:absolute;
	left: 214px;
	top: 490px;
	width: 391px;
	text-align:left;
					}		
				
			#button_services {
				position:absolute;
				left: 115px;
				top: 273px;
				}
				
			#button_portfolio {
				position:absolute;
				left: 245px;
				top: 273px;
				}

			#button_aboutus {
				position:absolute;
				left: 375px;
				top: 273px;
				}
				
			#button_contact {
				position:absolute;
				left: 505px;
				top: 273px;
				}
				
			#button_welcome {
				position:absolute;
				left: 640px;
				top: 72px;
				}
				
			#button_contactban {
				position:absolute;
				left: 643px;
				top: 137px;
				}
				
			#button_servicesban {
				position:absolute;
				left: 640px;
				top: 110px;
				}

			#button_portfolioban {
				position:absolute;
				left: 636px;
				top: 132px;
				width: 123px;
				height: 412px;
				}

			#button_aboutusban {
				position:absolute;
				left: 641px;
				top: 70px;
				}
				
			#button_home {
				position:absolute;
				left: 120px;
				top: 458px;
				}
				
			#graphic {
				position:absolute;
				left: 120px;
				top: 251px;
				}	

					p a{
						color:#0000FF;
						}
					p a:hover {
						color:#666666;
						}	
					
					p a:visited {
						color:#0000FF;
						}	
					
				
				
/* -------------------------------------------------------------------------- */

/* Define classes*/

	.bold {
		font-weight:bold;
		}
		

	.rollover_aboutus {
		display:block;
		width:76px;
		height:129px;
		background:url(siteimages/aboutus.jpg) no-repeat;
		text-indent:-9999px;
		}	
		
		a.rollover_aboutus:link, a.rollover_aboutus:visited, a.rollover_aboutus:active {
			background:url(siteimages/aboutus.jpg) no-repeat;
			}
		
		a.rollover_aboutus:hover {
			background-position:-76px 0;
			}

	.rollover_services {
		display:block;
		width:76px;
		height:129px;
		background:url(siteimages/services.jpg) no-repeat;
		text-indent:-9999px;
		}	
		
		a.rollover_services:link, a.rollover_services:visited, a.rollover_services:active {
			background:url(siteimages/services.jpg) no-repeat;
			}
		
		a.rollover_services:hover {
			background-position:-76px 0;
			}

	.rollover_portfolio {
		display:block;
		width:77px;
		height:127px;
		background:url(siteimages/portfolio.jpg) no-repeat;
		text-indent:-9999px;
		}	
		
		a.rollover_portfolio:link, a.rollover_portfolio:visited, a.rollover_portfolio:active {
			background:url(siteimages/portfolio.jpg) no-repeat;
			}
		
		a.rollover_portfolio:hover {
			background-position:-77px 0;
			}
			
	.rollover_contact {
		display:block;
		width:77px;
		height:127px;
		background:url(siteimages/contact.jpg) no-repeat;
		text-indent:-9999px;
		}	
		
		a.rollover_contact:link, a.rollover_contact:visited, a.rollover_contact:active {
			background:url(siteimages/contact.jpg) no-repeat;
			}
		
		a.rollover_contact:hover {
			background-position:-77px 0;
			}

	.rollover_home {
		display:block;
		width:50px;
		height:49px;
		background:url(siteimages/homebutton.jpg) no-repeat;
		text-indent:-9999px;
		}	
		
		a.rollover_home:link, a.rollover_home:visited, a.rollover_home:active {
			background:url(siteimages/homebutton.jpg) no-repeat;
			}
		
		a.rollover_home:hover {
			background-position:-50px 0;
			}

	.red {
		color:#990000;
		}
		
	.gallery {
		margin-right:10px;
		margin-bottom:10px;
		}	
		
/* -------------------------------------------------------------------------- */