/*general styles*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #67463d;
	background: #c2b2ad;
}

p {
	padding: 1em 2em 1em 1em;
	margin: 0;
	font-size: .8em;
	line-height: 1.8em;
	text-align: justify;
	letter-spacing: .005em;
}

a {
	outline: none;
}

/*container*/

div#container {
	width: 936px;
	height: 665px;
	margin: 20px auto 0;
	overflow: auto;
	background: url(../images/container_gradient.jpg) repeat-x 0 100%;
}

/*content*/
/* == contact form == h3 == p == */

div#content {
	position: relative;
	float: right;
	width: 450px;
	height: 665px;
}

/* == contact form == */

form#feedback {
	position: absolute;
	top: 85px;
}

div#content p.form {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
	padding: 0 0.5em;
	border: none;
	margin: 0;
}

fieldset {
	width: 368px;
	padding: 1em;
	margin-bottom: 1.5em;
	border: 0;
	border-top: 2px solid #b5958c;
}

p input, textarea {
	float: left;
	width: 59%;
	border: 1px solid #b5958c;
}

p input:hover, fieldset textarea:hover {
	background-color: #fff;
	border-color: #67463d;
}

p input:active, p input:focus, fieldset textarea:active, textarea:focus {
	border-color: #000;
}
form div {margin: 10em 0 0 0}
form div input {
	padding: 0.15em .25em .1em;
	background-color: #c2b2ad;
	font: smaller Georgia, "Times New Roman", Times, serif;
	color: #5e504c;
	text-transform: lowercase;
	float: none;
	width: 100px;
}

form div input:hover {
	color: #fff;	
}

/* == h3 == */

div#content span.img {
	display: block;
	width: 450px;
	height: 665px;
	background: url(../images/content_png.png) no-repeat 100% 100%;
	text-indent: -9999px;
}

div#content h3.about {
	position: absolute;
	width: 263px;
	height: 33px;
	top: 52px;
	background: url(../images/content_h3_about.png) no-repeat 100% 0;
	text-indent: -9999px;
}

div#content h3.custom {
	position: absolute;
	width: 263px;
	height: 33px;
	top: 52px;
	background: url(../images/content_h3_custom.png) no-repeat 100% 0;
	text-indent: -9999px;
}

div#content h3.collection {
	position: absolute;
	width: 400px;
	height: 33px;
	top: 52px;
	background: url(../images/content_h3_collection.png) no-repeat 0 0;
	text-indent: -9999px;
	border-bottom: 2px solid #ad8f84;
}

div#content h3.classic_collection {
	position: absolute;
	width: 400px;
	height: 33px;
	top: 52px;
	background: url(../images/content_h3_classic_collection.png) no-repeat 0 0;
	text-indent: -9999px;
	border-bottom: 2px solid #ad8f84;
}

div#content h3.organic_collection {
	position: absolute;
	width: 400px;
	height: 33px;
	top: 52px;
	background: url(../images/content_h3_organic_collection.png) no-repeat 0 0;
	text-indent: -9999px;
	border-bottom: 2px solid #ad8f84;
}

/* == p == */

div#content p {
	border-top: 2px solid #ad8f84;
	margin: 85px 50px 0 0;
	padding: 0;
}

div#content p.content_flow {
	border-top: 0;
	margin-top: 0;
	padding-top: 1em;
}

div#content p.custom_img {
	position: absolute;
	top: 300px;
	left: -150px;
	margin-top: 25px;
	border: 0;
	width: 560px;
	height: 260px;
	background: url(../images/custom_content_png.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#content p.about_img {
	margin-top: 15px;
	line-height: 0;
	border: 0;
	width: 400px;
	height: 200px;
	background: url(../images/about_earings.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

/*content_sub*/
/* == logo == navigation == contact == */

div#content_sub {
	float: left;
	width: 483px;	
}

/*logo*/

div#branding {
	position : relative;
	width : 100%;
	height : 300px;
}

div#branding h1 { 
	z-index : 3;
	position : absolute;
	left : 40px;
	top : 30px;
	width: 373px;
	height : 242px;
	background : url(../images/branding_h1_logo.png) no-repeat;
}

div#branding h1 a { 
	display : block;
	width: 373px;
	height : 242px;
	text-indent : -9999px;
	padding : 0;
	margin : 0;
}

/*navigation*/

div#branding ul {
	z-index: 1;
	position: absolute;
	top: 300px;
}

div#branding ul li {
	list-style-type: none;
	font: larger Georgia, "Times New Roman", Times, serif;
	line-height: 2.5em;
	padding-left: 47px;
}

li#about a, li#custom a, li#collection a, li#contact a {
	text-decoration: none;
	color: #5e504c;
}

li#about a:hover, li#custom a:hover, li#collection a:hover, li#contact a:hover{
	text-decoration: none;
	color: #b5958c;
}

div#branding li:hover {
	background: url(../images/li_current.png) no-repeat -5px 55%;
	color: #b5958c;
}

div#branding li.current {
	background: url(../images/li_current.png) no-repeat -5px 55%;
	color: #b5958c;
}

/*info*/

div#branding p {
	background: url(../images/branding_p_contact.png) no-repeat 0 100%;
	z-index: 2;
	position: absolute;
	left: 35px;
	top: 520px;
	width: 240px;
	height: 75px;
	text-indent: -9999px;
}

/*designer info*/

div#designer_info {
	position: absolute;
	top: 690px;
	width: 936px;
	height: 35px;
	clear: both;
	display: none;
}

div#designer_info p {
	font: .7em Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

div#designer_info p a:link, div#designer_info p a:visited {
	text-decoration: none;
	color: #67463d;
}

div#designer_info p a:hover  {
	text-decoration: none;
	color: #643;
	border-bottom: 1px dotted #fff;
}

div#designer_info p a:active {
	text-decoration: none;
	color: #67463d;
}

/*collection*/

div#content1 {
    float: right;
    height: 300px;
]}