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

* {margin:0; padding:0}

a
{  outline: none;}

body { background-color: #8e8e89; text-align:center; background-image:url(../images/background.png); background-repeat:repeat-x; }

html, body {height:100%}

#topContainer {
		margin:0 auto;
		text-align:center;
		height:2px;
		width:916px;
		clear:left;
		background-color:#043a5c;
}

#home {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:center;
		width:995px;
		clear:left;

}

#topBar {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		width:995px;
		height:87px;
		background-color:#404040;
		background-image:url(../images/sally-denning-logo.gif);
		background-position:left;
		background-repeat:no-repeat;
}

#title-box {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		width:995px;
		height:77px;
		background-image:url(../images/title-background.gif);
		background-repeat:repeat-x;
}

#title  {
		padding-left:22px;
		padding-top:18px;
		width:500px;
}

#portfolio-title {
		padding-left:24px;
		padding-top:50px;
		width:220px;
}


#main-box {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		width:995px;
		height:396px;
		background-image:url(../images/main-box-backg.gif);
		background-repeat:repeat-x;
		}

#main {
		padding-left:15px;
		padding-top:18px;
		width:95px;

}

.main2 {
		padding-left:15px;
		padding-top:24px;
		width:95px;

}

.main3 {
		padding-left:15px;
		padding-top:18px;
		width:95px;

}


#footspace { 
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		width:995px;
		height:23px;
		background-image:url(../images/footer-backg.gif);
		background-repeat:repeat-x;
				}

#footer {
		padding-top:3px;
		position:relative; /* puts container in front of distance */
		text-align:right;
		width:995px;
		height:20px;
	
}

#gallery{
	top: -2px;
	left: 186px;
	position: absolute;
	width: 800px;
	height: 561px;
	margin:0px;
	padding:0px;
	text-align:right;
	z-index:2;
	
}

#image{
	top: -1px;
	left: 453px;
	position: absolute;
	width: 503px;
	height: 561px;
	margin:0px;
	padding:0px;
	text-align:left;
	z-index:2;
}

#flower {
	background-image:url(../images/FLOWER2.gif);
	background-repeat:no-repeat;
	background-position: 223px 25px;
	height:396px;
}

#page1 {
	position: absolute;
	height:22px;
	left: 249px;
	top: 528px;
	width: 53px;
	z-index:4;
}
#page2 {
	position: absolute;
	height:22px;
	left: 308px;
	top: 528px;
	width: 53px;
	z-index:4;
}

#text-area{
	top: 179px;
	left: 130px;
	position: absolute;
	width: 313px;
	height: 421px;
	margin:0px;
	text-align:left;
	z-index:3;
	text-align:left;
	overflow:auto;
	padding-right:15px;
		
}
#text-area2{
	top: 179px;
	left: 146px;
	position: absolute;
	width: 295px;
	height: 393px;
	margin:0px;
	text-align:left;
	z-index:3;
	text-align:left;
	overflow:auto;
	padding-right:15px;
		
}

#BOX-area{
	top: 163px;
	left: 125px;
	position: absolute;
	width: 328px;
	height: 397px;
	z-index:2;
	background-image:url(../images/BOX-area.jpg);
	background-repeat:no-repeat;
}