* {
	margin:0;
	padding:0;
}
/********** dp logo *********************/

#logo {
	margin-top: 20px;
	background: url(img/dp_logo.jpg) no-repeat top left;
	padding:80px 0 0 0px;
}

#d_body{
	width: 332px; 
	height: 78px; 
	position: relative;
	margin: 0 auto;
	text-align:left;
}

body {
	font:12px Times, Georgia, serif;
	background:#000000;
	text-align:center;
	color: #dddddd;
}

* body {
	font:11px Times, Georgia, serif;
}


h2,h3,h4 {
	margin:4px 0 10px 0;
}

p {
	margin-bottom:10px;
	line-height:1.2em;
}


#wrapper {
	position:relative;
	width:828px;
	text-align:center;
	margin:0 auto;
}

/********** nav top right *********************/

#options-nav {
	position:absolute;
	right:15px;
	top:25px;
	font: 14px Helvetica, Trebuchet MS, sans-serif;
	letter-spacing: 2px;
}

a {text-decoration:none;color:#f3f3f3;}
a:hover {color:white;}
a img {border:none;}

/********** main navigation *********************/

#mainnav-list {
	margin-top:0px;
	list-style:none;
	font-family: helvetica, "MS Trebuchet", verdana, arial, sans-serif;
	font-weight: normal;
	width:870px;
	letter-spacing: 1.5px;
	font-size: 10px;
}


#mainnav-list li,#subnav-list li {
	float:left;
}

#mainnav-list li a, #subnav-list li a {
	display:block;
	padding:3px 20px;
	border-bottom: 1px solid #555555;
}


#mainnav-list li a {
	width:118px;
	padding:25px 0 0 0;
	height:25px;
	margin-right:0px;
}

#mainnav-list li a:hover, #mainnav-list li a.mainnav-link-over, #subnav-list li a:hover, .selected {
	color:#253553;
}

#subnav-list {
	margin-top:2px;
	list-style:none;
	font:12px Trebuchet MS,Geneva,Helvetica, Arial,sans-serif;
	position:absolute;
	top:130px;
}

/********** home page *********************/
.desc {
	width: 380px;
	position:absolute;
	left:35px;
	top:75px;
	text-align: left;
	font-family: helvetica, times, georgia, serif;
	font-size:25px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
	line-height: 35px;
}

a.desc-link{
	font-style: italic;
}

a.mainnav-link {
	color:#ffffff;
}

a.subnav-link {
	font-style:normal;
	color:#999999;
}

/********** catalogs page *********************/
.desc2 {
	width: 380px;
	position:absolute;
	left:35px;
	top:55px;
	text-align: left;
	font-family: Palatino Linotype, MS Serif, times, georgia, serif;
	font-size:25px;
	font-weight: normal;
	letter-spacing: 0.05em;
	word-spacing: -0.08em;
	color: #eeeeee;
}

/*#desc2-body ul {
	list-style-type: none;
		line-height: 25px;
}*/

.desc2-body {
	width: 380px;
	position:absolute;
	left:35px;
	top:120px;
	text-align: left;
	font-family: Palatino Linotype, MS Serif, times, georgia, serif;
	font-weight: normal;
	font-size:20px;
	letter-spacing: 0.06em;
	line-height: 21px;
	color: #dddddd;
}

a.desc-link{
	font-style: italic;
}

/********** contact *********************/
.contact {
	width: 380px;
	position:absolute;
	left:35px;
	top:55px;
	text-align: left;
	font-family: Palatino Linotype, MS Serif, times, georgia, serif;
	font-size:25px;
	letter-spacing: 0.5px;
	word-spacing: -0.08em;
	color: #eeeeee;
}

.contact2 {
	width: 380px;
	position:absolute;
	left:35px;
	top:120px;
	text-align: left;
	font-family: Palatino Linotype, MS Serif, times, georgia, serif;
	font-size:20px;
	letter-spacing: 0.6px;
	color: #dddddd;
	line-height: 21px;
}


a.desc-link{
	font-style: italic;
}

/********** pricing *********************/

.title {
	font-family: helvetica, verdana, "MS Trebuchet", sans-serif;
	font-size:19px;
	letter-spacing: 0.5px;
	color: #253553;
	padding-top: 25px;
	padding-bottom: 7px;
	text-align: center;
}

.sec-title {
	font-family: helvetica, verdana, "MS Trebuchet", sans-serif;
	font-size:15px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
	padding-top: 3px;
	padding-bottom: 3px;
}

.style1 {
	font-family: helvetica, verdana, "MS Trebuchet", sans-serif;
	font-size:12px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
	padding-top: 3px;
	padding-bottom: 3px;
}

.style2 {
	font-family: helvetica, verdana, "MS Trebuchet", sans-serif;
	font-size:12px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 85px;
}

/********** portfolio *********************/

.desc4 {
	width: 200px;
	position:absolute;
	left:35px;
	top:75px;
	text-align: left;
	font-family: helvetica, times, georgia, serif;
	font-size:13px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
}

.proj-desc {
	width: 180px;
	position:absolute;
	left:35px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing: 0.5px;
	word-spacing: -0.05em;
	line-height: 15px;
	color: #dddddd;

}

.proj-title1 {
	font-family: helvetica, verdana, "MS Trebuchet", sans-serif;
	font-size:19px;
	letter-spacing: 0.5px;
	padding: 15px 0px 7px 35px;
	color: #253553;
	text-align: left;
}

.proj-title {
	width:200px;
	font-family: helvetica, verdana, "MS Trebuchet", sans-serif;
	font-size:15px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
	padding: 4px 0px 4px 35px;
}




/********** web *********************/
.desc3 {
	width: 380px;
	position:absolute;
	left:35px;
	top:35px;
	text-align: left;
	font-family: helvetica, verdana, "MS Trebuchet", sans-serif;
	font-size:19px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
	line-height: 18px;
}

.desc3a {
	width:500px;
	position:absolute;
	left:317px;
	top:29px;
	text-align: left;
	font-family: helvetica, verdana, "MS Trebuchet", sans-serif;
	font-size:12px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
}

.desc3-body {
	width: 215px;
	position:absolute;
	left:35px;
	top:270px;
	text-align: left;
	font-family: "MS Trebuchet", helvetica, verdana, sans-serif;
	font-size:12px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
	line-height: 15px;
}

.desc3-body1 {
	width: 215px;
	position:absolute;
	left:317px;
	top:270px;
	text-align: left;
	font-family: "MS Trebuchet", helvetica, verdana, sans-serif;
	font-size:12px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
	line-height: 15px;
}
.desc3-body2 {
	width: 215px;
	position:absolute;
	left:582px;
	top:270px;
	text-align: left;
	font-family: "MS Trebuchet", helvetica, verdana, sans-serif;
	font-size:12px;
	letter-spacing: 0.5px;
	color: #f3f3f3;
	line-height: 15px;
}


a.desc3-link{
	font-style: italic;
}


/********** side navigation *********************/
#sidenav {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:100%;
	text-align: left;
	font: normal 1.5em Times, Georgia, Serif;
	background: transparent;
}

#sidenav ul {
	list-style: none;	
	line-height: 30px;
	margin-top:20px;
}
#sidenav ul li {
	margin:0;
	padding:0;
}
#sidenav a {
	display:block;
	font-size:14pt Times, Georgia, Serif;
	color: #000000;
	padding: 0 0 0 20px;
}

#sidenav a:hover, .selected2 {
	color:#457358;
	font-weight:normal;
	background: #B1E3CE;
}

/********** main content area *********************/


#main-content-area {
	position:relative;
	background:black;
	text-align:left;
	font-family: Helvetica, Verdana, "MS Trebuchet", Arial, sans-serif;
}

.quicklinks-list {
	list-style:none;
	clear:both;
}

.quicklinks-list li {
	text-align:center;
	float:right;
	width:347px;
	height:100%;
	position:relative;
}
.quicklinks-list li a {
	display:block;
	padding-bottom:0px;
}

.quicklinks-list li a:hover {
	color:black;
}

.quicklinks-list li p {
	margin:5px 10px;
	text-align:left;
}


.products-list {
	list-style:none;
	clear:both;	
}

.products-list li {
	text-align:center;
	float:right;
	width:170px;
	height:238px;
	position:relative;
	border-right:1px solid #C3EBD7;
	border-bottom:1px solid #C3EBD7;
	background:white;
}

.products-list li p {
	margin:5px 10px;
	text-align:left;
}

.products-list li.large {
	width:351px;	
	height:561px;
}

/********** main area *********************/

#homearea {
	background: url('img/dperry_home_2.jpg') no-repeat;
	width: 828px; 
	height: 400px; 
	margin-top:0;
	
}

#homearea2 {
	background: url('img/catalogs.jpg') no-repeat;
	width: 828px; 
	height: 400px; 
	margin-top:0;
	
}

#homearea3 {
	background: url('img/websamples.jpg') no-repeat;
	width: 828px; 
	height: 600px; 
	margin-top:0;
}

#homearea7 {
	background: url('img/dperry_home_1.jpg') no-repeat;
	width: 828px; 
	height: 400px; 
	margin-top:0;	
}

/********** footer *********************/

#footer {
	background: #000000;
	margin-bottom:30px;
	padding-top: 15px;
	float:center;
	text-align:center;
	font: 9px "MS Trebuchet", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0.35px;
}

.clear {
	clear:both;
}

.box1col {
	width:256px;
	margin:11px 0 0 0;
	background:#E9E0EF;
	padding:15px 15px 25px 15px;
	float:left;
	height:170px;
}

.box2col {
	width:553px;
	margin:11px 0 0 0;
	background:#E9E0EF;
	padding:15px 15px 25px 15px;
	float:left;
	height:170px;
}

.sec1col {
	width:262px;
	padding:15px 15px 25px 15px;
	float:left;
	height:240px;
}
.sec15col {
	width:410px;
	padding:15px 15px 25px 15px;
	float:left;
}

.sec2col {
	width:553px;
	margin:11px 0 0 0;
	padding:15px 15px 25px 15px;
	float:left;
	height:170px;
}

.biglinks a {
	font-size:13px;
	color:#4D3875;
}
.biglinks a:hover {
	color:black;
}

h4 {
	font-size:16px;
	font-weight:normal;
	font-style:italic;
}

.col {
	float:left;
	margin:0 11px 11px 0;
	width:135px;
}


ul.plist {
	padding:12px;
	margin:0;
}

ul.plist li {
	margin:0 0 5px 10px;
}

.smallimg {
	display:block;
	border:1px solid #000000;
	float:left;
	margin:0 5px 0 0;
}

.sec {
	border-top:1px solid #457358;
}

.verybold {
	display: block;
	padding:3px 0;
	background:transparent;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	margin-left: 10px;
	
}


.large .verybold {
	padding:10px 0;
	font-size:19px;
}



.sec-header {
	padding:20px;
	background:#473570;
	color:white;
}

.sec-header .sec1col {
	width:262px;
	height:inherit;
	padding:0 20px 0 0;
}

.sec-header h1 {
	font-weight:normal;
	font-style:italic;
	font-size:48px;
	width:312px !important;
}

h3.featured-heading {
	padding:10px;
	margin:0;
	background:#473570;
	color:white;
}

.location {
	font: 8pt helvetica, Trebuchet, Arial,sans-serif;
	float:left;
	text-align:left;
	padding: 10px 50px 5px 0px;
	color: f3f3f3;
}

/********** ABOUT *********************/

#about {
	position:relative;
	text-align:justify;
	font:normal 13px Georgia;
	color: #000000;
	width:480px;
	float:left;
	margin:15px 0 0 25px; 
}

#about-imagewrapper {
	position:relative;
	float:right;
	padding-top:0px;
}


/********** brand image 828 x 400 *********************/
#brandimage-wrapper {
	position:relative;
	float:right;
	padding-top:0px;
	width:828px;
	text-align:center;
}


/********** fine jewelry page *********************/

#fjimage{
	width: 828px; 
	height: 400px; 
	background: #000 url(img/robertocoin.jpg) no-repeat fixed top center;
	position: relative;
	margin: 0 auto;
	text-align:left;
}

.menu_top {
	font-size: 13px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding:10px 25px;
	text-align: left;
	width: 300px;
}

.menu_top1 {
	font-size: 18px;
	color: #457358;
	border-bottom: 1px solid #457358;
	font-style: normal;
	font-weight: bold;
	font-family: Times, Georgia, serif;
	padding:7px 19px;
	text-align: left;
}

.menu_top2 {
	font-size: 15px;
	color: black;
	font-style: normal;
	font-weight: normal;
	font-family: Times, Georgia, serif;
	padding:0px 20px;
	text-align: left;
}

/********** shop link *********************/

.shop {
	font: bold italic 21px Times, serif;
	margin-top:335px;
	margin-left:538px;
	float:left;
	text-align:left;
	color: #457358;
	display: block;
}

a.shop_link {
	color: #457358;
}

.shop2 {
	width: 150px;
	position:absolute;
	left:20px;
	bottom:15px;
	font: bold 13px Times, serif;
	float:left;		
	text-align:left;
	color: #000000;
	display: block;
}

	
a.shop2_link {
	color: #457358;
}	

.shop3 {
	width: 170px;
	position:absolute;
	right:20px;
	top:25px;
	font: 11px Times, serif;
	float:left;		
	text-align:left;
	color: #000000;
	display: block;
}

	
a.shop3_link {
	color: #457358;
	font: italic 12px Times, serif;
	display: block;
	text-align:center;
	padding: 1px 1px 1px 1px;
	background: #cde0d6;
}
	
/********** feature area *********************/
#feature_area1 {
	width: 347px; 
	height: 130px; 
	background: url(img/feature1.png);
	margin-top:8px;
	margin-left: 158px;	
	position: static;
	text-align:center;
}

#feature_area2 {
	width: 347px; 
	height: 130px; 
	background: url(img/feature2.png);
	margin-top:8px;
	margin-left: 333px;
	position: static;
	text-align:center;
}

.feature_area1 {
	font: italic 18px Times, serif;
	margin-top:45px;
	margin-left:195px;
	float:left;
	text-align:left;
	color:solid black;
	display: block;
}

.feature_area2 {
	font: italic 18px Times, serif;
	margin-top:45px;
	margin-left:185px;
	float:left;
	text-align:left;
	color:solid black;
}

a.feature_link1 {
	color:#000000;
}

a.feature_link2 {
	color:#000000;	
}