body {
     margin: 0;
     padding: 0;
     background:  #bababa url("img/body-bg2.jpg") 0 125px repeat-x;
     text-align: center;
     font: 11px  Tahoma, Arial, Verdana, sans-serif; 
     color: #333;
     line-height: 16px;
}

/* ---( header )--------------------------------- */

#header_container {
	width: 100%;
	height: 130px;
	margin: 0;
	padding: 0;
	background: transparent url("img/header-bg2.jpg") 0 0 repeat-x;
}


#header {
	position: relative;
	width: 875px;
	background: transparent;
	height: 130px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
}

#logo a {
	float: left;
	margin: 40px 0 0 0;
	display: block;
	width: 196px;
	height: 83px;
	text-indent: -99999px;
	background:  url("img/drc-logo3-newlogo.png") 0 0 no-repeat;
}

/*#logo a:hover {
	background:  url("img/drc-logo3-newlogo-newcolor.png") 0 0 no-repeat;
}*/

#link_container {
	position: relative;
	float: left;
	margin: 78px 0 0 0;
	padding: 0;
	width: 678px;
	height: 17px;
	background: transparent;
}

	
/*---(drc menu / navigation )----------*/

#drc #navi { display: none; }

div#drcnavi {
	position: relative;
	height: 17px;
	width: 678px;
	margin: 0;
	padding:  0;
	border: 0;
	}


div#drcnavi ul#drcmenu	{
	height: 17px;
	width: 678px;
	background:  transparent url("img/drc-links-APEPAREL-menu-NEW.png") top left no-repeat;
#	margin: -5 0 0 0px;
	padding: 0;
	position: absolute;
	}

div#drcnavi ul#drcmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
ul#drcmenu li, ul#drcmenu a {
	height: 17px;
	display: block;
	}
	
div#drcnavi ul#drcmenu li a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	}

/*---( link details - position of text rollover and moves the stars on the x-axis )----------*/
div#drcnavi #drc-new-arrivals { left: 0px; width: 114px; } /*NEW ARRIVALS*/
div#drcnavi #drccollections { left: 115px; width: 107px; }
div#drcnavi #drstyle { left: 222px; width: 94px; }
div#drcnavi #drconsciousness { left: 317px; width: 92px; }
div#drcnavi #drfresh { left: 410px; width: 102px; }
div#drcnavi #drcommunity { left: 513px; width: 54px; }
div#drcnavi #drbrand { left: 568px; width: 55px; }
div#drcnavi #drcstore { left: 624px; width: 58px; }
/*---( link details - position of text rollover and width of space around rollover area )----------*/

/*---( link details - height the stars appear next to the text on rollover -- moves stars on the x-axis  )----------*/
div#drcnavi #drc-new-arrivals a:hover { background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") 0px -14px no-repeat; }
div#drcnavi #drccollections a:hover { background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -115px -14px no-repeat; }
div#drcnavi #drstyle a:hover { background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -222px -14px no-repeat; }
div#drcnavi #drconsciousness a:hover { background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -317px -14px no-repeat; }
div#drcnavi #drfresh a:hover { background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -410px -14px no-repeat; }
div#drcnavi #drcommunity a:hover { background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -513px -14px no-repeat; }
div#drcnavi #drbrand a:hover { background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -568px -14px no-repeat; }
div#drcnavi #drcstore a:hover { background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -624px -14px no-repeat; }
/*---( link details - height the stars appear next to the text on rollover )----------*/

/*---( navigation - where are you? )----------*/

#drc .drc {
	background:  url("img/drc-logo2.png") 0 0 no-repeat;}

/*---style-----	
#sytle .style {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -175px -17px no-repeat; }
	
#about .wrapwrap {
	background: transparent url("img/wrapwrap-bg-new.jpg") 0 0 no-repeat; }

/*---new arrivals-----
#drc-new-arrivals .drc-new-arrivals {
	 background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") 0px 17px no-repeat; }

/*---accessories-----	 
#accessories .accessories {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -105px -12px no-repeat; }*/
	
/*---collections-----*	 
#collections .collections {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -115px -14px no-repeat; }

/*all-things-congo blog-----	
#blog .blog {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -240px -17px no-repeat; }

/*----fresh-----
#news .news {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -345px -17px no-repeat; }

/*---community-----	
#links .links {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -445px -17px no-repeat; }

/*---brand-----
#brand .brand {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -550px -17px no-repeat; }

/*---store----
#store .store {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") -615px -17px no-repeat; }
	
/*---collections----
#collections .collections {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") 0px -17px no-repeat; }
	
/*---collections----
#cs .collections {
	background: transparent url("img/drc-links-APEPAREL-menu-NEW.png") 0px -17px no-repeat; }




/*---( link details )----------*/


ul#drcmenu a:hover span { /* definition of <span> tag included in <a> */
display: none;
background-color: transparent;
}

ul#drcmenu a:hover span { /* definition of <span> tag when hovering */
	display: inline;
	position: absolute;
	top: 18px; /* layer's place and dimension that you can change at will */
	left: 20px;
	text-indent: 0px;
	width: 600px;
	height: 15px;
	text-align: left;
	color: #c1c1c1;
	background-color: transparent;
}


/*---( link details - position of text )----------
div#drcnavi #draccessories a:hover span { 
	left: -95px;
}
div#drcnavi #drccollections a:hover span { 
	left: -85px;
}
div#drcnavi #drstyle a:hover span {
	left: -180px;
}
div#drcnavi #drconsciousness a:hover span {
	left: -240px;
}
div#drcnavi #drfresh a:hover span {
	left: -360px;
}
div#drcnavi #drcommunity a:hover span {
	left: -425px;
}
div#drcnavi #drbrand a:hover span {
	left: -520px;
}
div#drcnavi #drcstore a:hover span {
	left: -580px;
}
---( link details - position of text )----------*/


/*---( wrapper )----------*/

#wrap_wrap {
	position: relative;
	margin: 0 auto;
	padding:  0;
	width: 875px;
	background: #fff url("img/wrapwrap-bg-new.jpg") 0 0 no-repeat;
}

	
#wrap {
	position: relative;
	margin: 0 auto;
	padding:  0;
	text-align: left;
	width: 875px;
	background: transparent url("img/wrap-bg.jpg") 0 0 repeat-y;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;	
	overflow: hidden;
}

#top_page {
	position: relative;
	float: left;
	width: 875px;
	height: 35px;
	background: transparent url("img/top-wrap.jpg") 0 0 no-repeat;
}

#btm_page {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	bottom: 0;
	width: 875px;
	height: 64px;
	background:  transparent  url("img/btm-wrap.jpg") bottom no-repeat;
}


#content_container {
	position: relative;
	float: left;
	min-height: 300px;
	width: 875px;
	margin: 0 0 0 0;
	padding: 5px;
}

.box {
	min-height: 300px;
}


/* for Internet Explorer */
/*\*/
* html  .box {
height: 300px;
}

/*---( content )----------*/
#page_text {
	float: left;
	margin: 0;
	padding: 0px 0 0 10px;
	width: 475px;

}

.linkspage {
	width: 240px;
}

.wider {
	width: 140px;
}
#page_text p {
	text-align: left;
	margin: 0px 5px 5px 15px;
	padding: 0;
}
/* This is the LEFT SIDE bar along the text */
#page_text #textbox {
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border-left: 5px solid #7d7d7d;
}


#page_img {
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	width: 350px;
}

#page_img_right {
	float: right;
	position: relative;
	padding: 0;
	margin-right: 30px;
	width: 350px;
        valign: top;
}

#page_img img {
	margin: 0;
	padding: 0;
}

/*---(links and listpage list = same thing)----------*/

#page_text a:link, #page_text a:visited,  #links ul#linkmenu li a {
	border-bottom: none;
	padding: 1px;
	background: transparent url("img/box2.png") repeat-x bottom;	
	color: #888787;
	text-decoration: none;
}



#page_text a:hover,  #links ul#linkmenu li a:hover {
	background: #2f3221;
	color: #fff;
	border-bottom: none;
	text-decoration: none;
}

#links ul#linkmenu	{
	margin: 5px 5px 5px 15px;
	padding: 0;
	}

#links ul#linkmenu li {
	list-style: none;
	margin: 0;
	padding: 0 0 1px 0;
}

/*---( h1's )-------------*/

#about h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_style-newcolors.png") top left no-repeat;
}

#links h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_links-newcolors.png")  top left  no-repeat;
}
	
#news h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_fresh.png")  top left  no-repeat;
}
	
#brand h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_brand-blackstar.png")  top left  no-repeat;
}


#collections h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_collections-blackstar.png")  top left  no-repeat;
}

/*#accessories h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_accessories.png")  top left  no-repeat;
}*/

/*#collections h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_collections-blackstar.png")  top left  no-repeat;
}*/


/*#shop h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_collections_shop.png")  top left  no-repeat;
}*/
	
	

/*---( footer )-------------*/
#footerwrap {
	background:  transparent url("img/footerwrap-bg.jpg") bottom repeat-x;
	height: 90px;
}

#footer {
	position: relative;
	background:    transparent url("img/footer-bg2-newcolor.png") top no-repeat;
	height: 50px;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#footer p {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	color: #fff;
	background-color: transparent;
	margin: 0;
	padding: 0 20px 10px 0;
	}

#footer a {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #c1c1c1;
	text-decoration: none;
}

#footer img {
	margin: 0 8px;
	padding: 0;
}

#footer a:hover {
	text-decoration: underline;
}

	
/*#footer #scd_logo a {
	position: absolute;
	right: 20px;
	text-indent: -99999px;
	bottom: 2px;
	display: block;
	height: 28px;
	width: 331px;
	background:  transparent url("img/scd-logo.png") 0 0 no-repeat;
}
#footer #scd_logo a:hover {
	background:  transparent url("img/scd-logo2.png") 0 0 no-repeat;
}*/

/*---( footer list items )-------------*/


#footerlist a {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	}
	

#margin_me {
	position: relative;
	clear: both;
	height: 20px;
}