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

/* Navigation Bar */
#navcontainer{
	position:absolute;
	top:132px;
	border:none;
	width:1024px;
}

#navcontainer ul{
	width:1024px;
	/*background-color:#FF9900;*/
	padding-left:0;
	margin:0;
	float:left;
}

#navcontainer ul li{
	display:inline;
}

#navcontainer ul li a{
	float:left;
	color:#FFFFFF;
	padding:6px 56px 6px 55px;
	text-decoration: none;
}

#navcontainer ul li a:hover{
	color:#333333;
}

#navcontainer ul li a:active{
	color:#333333;
	background-color:#FFFFFF;
}

/* Banner */
#banner{
	width:1024px;
	height:132.833px;
	background:url(images/banner2.gif) no-repeat;
	/*background-color:#FF9900;*/
}

.home-button span {
	display:none;
}

.home-button {
	position:absolute; top:0; left:0; background-color:transparent; width:1024px; height:132px;
}

/* Body */

body { 
	/*background-color:#FF9900;*/
	
}

#body-container {
	position:relative;
	width:1024px;
	height:768px;
	/*background-color:#FFFFFF;*/
	text-align:left;
	margin: 0 auto;
	padding:0;
	/*border:1px solid #666;*/
}
#footer{
	position: absolute;
	top:754px;
	left:0px;
	right:292px;
	width:1015px;
	height:-8px;
	color:#333333;
	/*background-color:#FFFFFF;*/
	padding:5px;
	border:none;
	text-align:center;
	color:#666666;
	font-family: “Lucida Grande”, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	}

/* Home Page */
#container-home {
	position:relative;
	width:1024px;
	height:768px;
	background-color:#FF9900;
	text-align:left;
	margin: 0 auto;
	padding:0;
}
#namecontainer {
	position: absolute;
	top:23px;
	left:58px;
	width:884px;
	height:73px;
	color:#666666;
	font-family: “Lucida Grande”, sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	index:5;
}

#infocontainer {
	position: absolute;
	top:54px;
	left:509px;
	width:440px;
	height:49px;
	color:#666666;
	font-family: “Lucida Grande”, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	index:10;
}

#flower-container {
	position:relative;
	top:204px;
	left:17px;
	width:1000px;
	height:575px;
	background:url(images/home-graphic3.png) no-repeat;
}

/* About Page */
#about-container {
	position: absolute;
	top:200px;
	left:292px;
	right:292px;
	width:350px;
	height:350px;
	color:#333333;
	/*background-color:#FFFFFF;*/
	padding:40px;
	border:1px solid #333333;
	text-align:center;	
}

/* Client Page*/
#client-container {
	position: absolute;
	top:200px;
	left:292px;
	right:292px;
	width:350px;
	height:350px;
	color:#333333;
	/*background-color:#FFFFFF;*/
	padding:40px;
	border:1px solid #333333;
	text-align:left;
}

/* Contact Page*/
#contact-container {
	position: absolute;
	top:200px;
	left:292px;
	right:292px;
	width:350px;
	height:350px;
	color:#333333;
	/*background-color:#FFFFFF;*/
	padding:40px;
	border:1px solid #333333;
	text-align:left;	
}

/* Links Page */
#link-container {
	position: absolute;
	top:200px;
	left:292px;
	right:292px;
	width:350px;
	height:350px;
	color:#333333;
	/*background-color:#FFFFFF;*/
	padding:40px;
	border:1px solid #333333;
	text-align:center;	
}

/* Portfolio Page */
#portfolio-container {
	position: absolute;
	top:200px;
	left:292px;
	right:292px;
	width:430px;
	height:430px;
	color:#333333;
	/*background-color:#FFFFFF;*/
	padding:0px;
	margin:0;
	border:1px solid #333333;
	text-align:left;
	z-index:1;
}

#description-container {
	position: absolute;
	top:661px;
	left:292px;
	right:292px;
	width:408px;
	height:75px;
	color:#333333;
	/*background-color:#FFFFFF;*/
	padding:10px 0 0 20px;
	margin:0;
	border:1px solid #333333;
	text-align:left;
}

/* Portfolio Navigation */
#image-navigation {
	position: absolute;
	top:314px;
	left:92px;
	right:290px;
	width:830px;
	height:200px;
	color:#333333;
	/*background-color:#FFFFFF;*/
	padding:0px;
	margin:0;
	border:1px solid #333333;
	text-align:left;
	z-index:0;
	background-color:#CCCCCC;
}

#arrow-left {
	position:absolute;
	width: 60px;
	height:200px;
	top:0;
	left:0;
	z-index:2;
}

#arrow-left img {margin-top:70px;
}

#arrow-right {
	position:absolute;
	width: 60px;
	height:200px;
	top:0;
	left:771px;
	z-index:2;
}

#arrow-right img {margin-top:70px;
}

/* Portfolio #image-navigation Images */
#imageright {
	position:absolute;
	right:0px;
}
#gletter {