@import url("text.css");


body {
	margin: 0px;
	background-image: url(images/bg_spray.jpg);
	background-repeat: no-repeat;
}


#contentArea {
	width: 838px;
	margin-top: 48px;
	margin-left: 48px;
}


#head {
	width: 838px;
	height: 105px;
	margin-top:48px;
	margin-left:48px;
}


#logoRRD {
	height: 35px;
	width: 263px;
	background-image: url(images/logo_rrd.jpg);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
}


#logoRRD h1 {
	font-size: 15px;
	text-indent: -5000px;
}


#newsArea {
	width: 838px;
	margin-top: 60px;
	height: 950px;
	background-image: url(images/bg_foot.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.underConstruction {
	font-size: 12px;
	color: #D81F77;
}





/*-------------------------------------------------
background elements
-------------------------------------------------*/

#background {
	width: 810px;
}

#background01 {
	width: 810px;
	height: 230px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(images/bg_spray01.jpg);
	background-repeat: no-repeat;
}

#background02 {
	width: 810px;
	height: 230px;
	position: absolute;
	left: 0px;
	top: 230px;
	background-image: url(images/bg_spray02.jpg);
	background-repeat: no-repeat;
}

#background03 {
	width: 810px;
	height: 240px;
	position: absolute;
	left: 0px;
	top: 460px;
	background-image: url(images/bg_spray03.jpg);
	background-repeat: no-repeat;
}







/*-------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------*/


/* UL for main navigation */
#mainNav {
	margin: 0;
	padding: 0;
	background: url(images/main_nav.jpg) no-repeat;
	width: 575px;
	height: 35px;
	position: absolute;
	left: 311px;
	}

/* LI for main navigation */
#mainNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0px;
	position: absolute;
	}
	
#mainNav li, #mainNav a {
	height: 35px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#mainNav a {
	text-indent: -5000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#mainnav_top {left: 0px; width: 83px;}
#mainnav_works {left: 83px; width: 98px;}
#mainnav_about {left: 181px; width: 116px;}
#mainnav_contact {left: 297px; width: 111px;}
#mainnav_store {left: 408px; width: 95px;}
#mainnav_nu {left: 408px; width: 72px;}


#mainnav_top a:hover, #mainnav_top a:visited:hover { background: transparent url(images/main_nav.jpg) 0px -35px no-repeat;}
#mainnav_works a:hover, #mainnav_works a:visited:hover { background: transparent url(images/main_nav.jpg) -83px -35px no-repeat;}
#mainnav_about a:hover, #mainnav_about a:visited:hover { background: transparent url(images/main_nav.jpg) -181px -35px no-repeat;}
#mainnav_contact a:hover, #mainnav_contact a:visited:hover { background: transparent url(images/main_nav.jpg) -297px -35px no-repeat;}
#mainnav_store a:hover, #mainnav_store a:visited:hover { background: transparent url(images/main_nav.jpg) -408px -35px no-repeat;}
#mainnav_nu a:hover, #mainnav_nu a:visited:hover { background: transparent url(images/main_nav.jpg) -408px -35px no-repeat;}


/*-------------------------------------------------
sub NAVIGATION
-------------------------------------------------*/


#subNavArea {
	height: 40px;
	width: 260px;
	margin-top: 27px;
}

/*-------------------------------------------------
WORK NAVIGATION
-------------------------------------------------*/


/* UL for WORK navigation */
#workNav {
	padding: 0;
	background: url(images/work_nav.jpg) no-repeat;
	width: 260px;
	height: 20px;
	position: absolute;
	top: 110px;
	}

/* LI for work navigation */
#workNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0px;
	position: absolute;
	}
	
#workNav li, #workNav a {
	height: 20px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#workNav a {
	text-indent: -5000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#worknav_web {left: 0px; width: 47px;}
#worknav_webActive {left: 0px; width: 47px; background-position: 0px -20px; background-image: url(images/work_nav.jpg);}
#worknav_print {left: 47px; width: 65px;}
#worknav_printActive {left: 47px; width: 65px; background-position: -47px -20px; background-image: url(images/work_nav.jpg);}
#worknav_movie {left: 112px; width: 73px;}
#worknav_movieActive {left: 112px; width: 73px; background-position: -112px -20px; background-image: url(images/work_nav.jpg);}
#worknav_product {left: 185px; width: 75px;}
#worknav_productActive {left: 185px; width: 75px; background-position: -185px -20px; background-image: url(images/work_nav.jpg);}

#worknav_web a:hover, #worknav_web a:visited:hover { background: transparent url(images/work_nav.jpg) 0px -20px no-repeat;}
#worknav_print a:hover, #worknav_print a:visited:hover { background: transparent url(images/work_nav.jpg) -47px -20px no-repeat;}
#worknav_movie a:hover, #worknav_movie a:visited:hover { background: transparent url(images/work_nav.jpg) -112px -20px no-repeat;}
#worknav_product a:hover, #worknav_product a:visited:hover { background: transparent url(images/work_nav.jpg) -185px -20px no-repeat;}


/*-------------------------------------------------
Profile NAVIGATION
-------------------------------------------------*/


/* UL for WORK navigation */
#profNav {
	padding: 0;
	background: url(images/profile_nav.jpg) no-repeat;
	width: 178px;
	height: 20px;
	position: absolute;
	top: 110px;
	}

/* LI for work navigation */
#profNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0px;
	position: absolute;
	}
	
#profNav li, #profNav a {
	height: 20px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#profNav a {
	text-indent: -5000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#profnav_vision {left: 0px; width: 55px;}
#profnav_visionActive {left: 0px; width: 55px; background-position: 0px -20px; background-image: url(images/profile_nav.jpg);}
#profnav_profile {left: 55px; width: 123px;}
#profnav_profileActive {left: 55px; width: 123px; background-position: -55px -20px; background-image: url(images/profile_nav.jpg);}

#profnav_vision a:hover, #profnav_vision a:visited:hover { background: transparent url(images/profile_nav.jpg) 0px -20px no-repeat;}
#profnav_profile a:hover, #profnav_profile a:visited:hover { background: transparent url(images/profile_nav.jpg) -55px -20px no-repeat;}





/*-------------------------------------------------
About Page Elements
-------------------------------------------------*/

/* Vision Page Elements */

#vision {
	font-size: 12px;
	line-height: 150%;
	color: #787878;
	width: 838px;
	margin-top: 27px;
	top: 137px;
	left: 55px;
	height: 830px;
	background-image: url(images/bg_foot.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
}


/* Company Page Elements */
#profile {
	font-size: 12px;
	line-height: 150%;
	color: #787878;
	width: 838px;
	height: 1064px;
	background-image: url(images/bg_foot.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
	margin-left: 2px;
}

.profTitle01 {
	height: 25px;
}

#gaiyouArea {
	width: 500px;
	margin-top: 15px;
	margin-bottom: 48px;
	height: 322px;
	line-height: 160%;
}

#gaiyouLeft {
	width: 100px;
	float: left;
}

#gaiyouRight {
	float: left;
	width: 365px;
}



#gyoumuArea {
	height: 155px;
	width: 600px;
	margin-top: 15px;
	margin-bottom: 48px;
	line-height: 160%;
}


#clientArea {
	width: 650px;
}

.left, .right{
margin:20 0 0;
padding:0;
float:left;
width:325px;
line-height:2em;
font-size:12px;
}




/*-------------------------------------------------
Works Page Elements
-------------------------------------------------*/

#portfolioArea {
	width: 838px;
	position: relative;
	background-image: url(images/bg_foot.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 11px;
	color: #787878;
	margin-top: 10px;
	margin-left: 3px;
	padding-bottom: 50px;
}


#portfolioArea h2 {
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	line-height: 120%;
	margin-top: 0px;
	margin-bottom: -12px;
}


.thumbGroup {
	height: 222px;
	width: 824px;
}

.thumbSet {
	width: 184px;
	float: left;
	margin-right: 19px;
}

.thumb {
	height: 135px;
	width: 184px;
	border: 1px solid #999999;
	text-align: center;
}


.thumbCap {
	height: 75px;
	width: 184px;
	margin-top: 10px;
	margin-bottom: 20px;
}
/*
.thumb a:hover, .thumb a:visited:hover {
	border: 1px solid #FF0000;
}
*/


.thumbSet2 {
	height: 138px;
	width: 824px;
	margin-bottom: 10px;
}

.thumb2 {
	width: 184px;
	float: left;
	margin-right: 10px;
	border: 1px solid #999999;
	height: 138px;
}

.thumbSet3 {
	margin-bottom: 10px;
	height: 248px;
}

.thumb3 {
	float: left;
	margin-right: 10px;
	border: 1px solid #999999;
}



.cregit {
	width: 800px;
	height: 75px;
}


/* Print Page Elements */
.printSet {

	width: 184px;
	float: left;
	margin-right: 10px;
}

.printCap {

	height: 75px;
	width: 184px;
	margin-top: 10px;
	margin-bottom: 20px;
}





/*-------------------------------------------------
Store Page Elements
-------------------------------------------------*/

#storeArea {
	width: 838px;
	height: 820px;
	position: absolute;
	top: 152px;
	left: 55px;
	background-image: url(images/bg_foot.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 12px;
	color: #787878;
}