/* layout----------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg.gif);
	background-color: #CEEAF4;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4c2e00;
}

#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 800px;
}


#main {
	background-color: #FFFFFF;
	width: 800px;
	height: 700px;
	clear: both;
	padding-top:20px;
	 position: relative;
}


#header {
	height: 157px;
	width: 300px;
	margin-left: 100px;
    padding-top: 25px;	
}




#content {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	width: 600px;
	position:relative;
}

#subnav{
		background: #4c2e00;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;	
		width:606px;
		height:33px;
		}

#gallery {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	width: 600px;
	border: #4c2e00 3px solid;
}
#about {
	background: #FFFFFF;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	width: 600px;
	height:343px;
	border: #4c2e00 3px solid;
}


#copyright {
	margin-bottom: 0px;
	margin-left: 100px;	
	height: 40px;
	width: 400px;
	
}


#footer {
	width: 800px;
	clear: both;
}

/* layout home----------------------------------------------- */



            div#productDesign { position:absolute; top: 9px;  }
            div#surfacePattern {  position:absolute; top: 9px; left: 204px;  }
            div#illustration {  position:absolute; top: 144px; left: 204px;  }
            div#shop {  position:absolute;  top: 274px;  }
            div#about_home {  position:absolute; top: 274px; left: 305px; }
                        div#copyright_home {  position:absolute;  top: 570px; left: 100px; }


/* typography
----------------------------------------------- */

a img{border:none;}
a{-moz-outline:none;}

ul {
    margin:0px;
    padding: 10px 0px 0px 0px;
    text-align: center
}


li {
    display: inline;
    margin: 10px 20px 0px 20px;
    font-size: 14px;
}

a:link{
	color:#6FBEE5;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;
	}
	
a:hover{
	color:#6FBEE5;
	text-decoration: underline;
	font-family:  Arial, Helvetica, sans-serif;

	}


#subnav a:link{
	color:#FFFFFF;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;
	}

#subnav a:active{
	color:#B2DDED;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;

	}
		

	
#subnav a:visited{
	color:#FFFFFF;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;
	margin-left: 3px;
	}
	
	
#subnav a:hover{
	color:#B2DDED;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;

	}


	
p{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
	}
	
	
#about p{
	color: #4c2e00;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	margin-right: 50px;
	margin-left: 200px;
	}

.redtext {
	color: #990000;
}



a.footer,
a.footer:link,
a.footer:active,
a.footer:hover,
a.footer:visited{
	font-size: 10px;
	color: #6FBEE5;
	text-decoration: none;
	
}














/* forms
----------------------------------------------- */