/* @override 
	http://www.rrf.dev/theme_v02/css/screen.css
	http://raureif.net/theme_v02/css/screen.css
*/

/* @group reset */

/* http://meyerweb.com/eric/tools/css/reset/
   v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group basic */

body, html {
	background: #151515 url(../img/body-bg.gif) fixed;
	
	color: #b1b1b1;
	font: 15px/20px "skolar-1", "skolar-2","Times New Roman", Times, serif;

}



a:link, a:visited {
	color: #fff;
}

a:hover {
	color: #ffed36;
}

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: .80;
}


p a:link, p a:visited {
	text-decoration: none;
	border-bottom: 1px solid #666;
}

::-moz-selection {
	background: #451d59;
	color: white;
}

::selection {
	background: #451d59;
	color: white;
}

hr {
	display: none;
}

div.hr {
	float: left;
	height: 1px;
	width: 100%;
	background: url(../img/hr.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;
	margin-top: 50px;
	padding-bottom: 0;
}

div.hr-alt {
	float: left;
	height: 1px;
	width: 100%;
	background: url(../img/hr.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;
	margin-top: 30px;
	padding-bottom: 20px;
}


blockquote {
	padding: 5px 0 0 18px;
	border-left: 1px solid #ccc;
	color: #222;
	margin-bottom: 9px;
}

.caps {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.initial {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Garamond, Times, serif;
	font-style: italic;
	color: #ccc;
}

.clear {
	clear: both;
}

.caption {
	clear: both;
	font-size: 11px;
	color: #7d7d7d;
}

small {
	font-size: 11px;
}




#twitterbar {
	height: 21px;
	overflow: hidden;
	padding: 6px 20px 1px 20px;
	font: 12px "skolar-1", "skolar-2",Georgia, "Times New Roman", Times, serif;
}

#twitterbar a:link,
#twitterbar a:visited {
	color: #ccccff;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

#twitterbar {
	color: #ccccff;
}

#twitterbar strong{
	color: #9999ff;
	padding-right: 5px;
	display: block;
	padding-left: 15px;
	background: url(../img/icn-breakingnews.gif) no-repeat 0 center;
}

#twitterbar #twitter_div {

	width: 5000px;
}

#twitterbar ul {
	display: inline;
}

#twitterbar strong {
	display: inline;
}


#twitterbar li {

	display: inline;
}

#twitterbar #twitter_update_list a {
	display: none;
}

#twitterbar #twitter_update_list span a {
	display: inline;
}

a:link#twitterfollowlink,
a:visited#twitterfollowlink {
	color: white;
	font-style: italic;
}


#twitterbar a:hover {
	color: yellow;
}



#header {
	background: url(../img/header-bg.gif);
}

#logo {
	height: 308px;
	background: url(../img/rrf-logo.gif) no-repeat;
}


#logo h1 a:link, #logo h1 a:visited {
	float: left;
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;
	display: block;

	width: 290px;
	height: 306px;
}

p {
	padding-bottom: 12px;
}

p strong{
	color: #ccc;
}


.intro,
.intro-alt {
	font: italic 17px/24px "skolar-1", "skolar-2","Times New Roman", Times, serif;
	color: #d8d8d8;
	padding-bottom: 10px;
}

.intro {
	color: #ccc;	
}

.intro-alt {
	color: #999;
}

.intro-kr {
	color: #999;
	font-family: "돋움", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size: 13px;
	line-height: 24px;
	word-break: keep-all;
}


.b-100 {
	width: 960px;
	clear: both;
	float: left;
	padding-bottom: 20px;
}

.b-3 {
	width: 960px;
	float: left;
	clear: both;
}

.b-3 div {
	float: left;
	width: 300px;
	padding-right: 20px;
}

* html .b-3 div.right {
	padding-right: 0;
}

.b-5 {
	width: 960px;
	float: left;
	clear: both;
}

.b-5 div {
	float: left;
	width: 160px;
	padding-right: 40px;
}

.b-5 div.c-5 {
	float: right;
	width: 160px;
	padding-right: 0;
}

#page-wrapper {
	float: left;
	width: 980px;
	margin: 0 0 0 20px;
	display: inline;
	padding-bottom: 80px;
}

.b-30-70 {
	width: 960px;
	float: left;
	clear: both;
}

.b-30-70 .left {
	float: left;
	width: 300px;
}

.b-30-70 .right {
	float: right;
	width: 640px;
}

.b-30-70 ul {
	padding-bottom: 10px;
}

.b-30-70 ul li {
	list-style-type: upper-roman;
	list-style-position: outside;
	padding-bottom: 5px;
	
}


#footer-wrapper {
	clear: both;
 	background: url(../img/footer-bg.gif) no-repeat;
 	width: 980px;
	height: 200px;
	padding-bottom: 20px;
}

#footer {
	text-align: right;
	padding-top: 166px;
	padding-right: 3px;
	font-size: 12px;
	color: #333;
}


#footer a:link, #footer a:visited {
	color: #333;
}

#footer a:hover {
	color: white;
}

/* @end */

/* @group headlines */


h1 {
	padding-bottom: 10px;
}

#h1-howwecanhelp,
#h1-approach,
#h1-team,
#h1-getintouch,
#h1-jobs {
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;
	width: 100%;
	height: 80px;
}

#h1-howwecanhelp {
	background: url(../img/h1-howwecanhelp.gif) no-repeat;
}

#h1-approach {
	background: url(../img/h1-approach.gif) no-repeat;
}

#h1-team {
	background: url(../img/h1-team.gif) no-repeat;
}

#h1-getintouch {
	background: url(../img/h1-getintouch.gif) no-repeat;
}

#h1-jobs {
	background: url(../img/h1-jobs.gif) no-repeat;
}

h1, h2 {
	color: white;
}


.h2-listen,
.h2-focus,
.h2-create,
.h2-validate,
.h2-tell {
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;
	width: 160px;
	height: 50px;
}

.h2-listen {
	background: url(../img/h2-listen.gif) no-repeat;
}

.h2-focus {
	background: url(../img/h2-focus.gif) no-repeat;
}

.h2-create {
	background: url(../img/h2-create.gif) no-repeat;
}

.h2-validate {
	background: url(../img/h2-validate.gif) no-repeat;
}

.h2-tell {
	background: url(../img/h2-tell.gif) no-repeat;
}






#h2-softwareindustry {
	display: block;
	background: url(../img/pane-softwareindustry.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;
	height: 60px;
	width: 640px;
}

#h2-softwareindustry:hover,
#h2-technologystartups:hover,
#h2-consumerelectronics:hover {
	background-position: 0 -60px;
}

.current #h2-softwareindustry,
.current #h2-technologystartups,
.current #h2-consumerelectronics {
	background-position: 0 -120px;
}


#h2-technologystartups {
	display: block;
	background: url(../img/pane-technologystartups.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;
	height: 60px;
	width: 640px;
}

#h2-consumerelectronics {
	display: block;
	background: url(../img/pane-consumerelectronics.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;
	height: 60px;
	width: 640px;
}


h3 {
	padding-bottom: 10px;
	color: white;
	font-size: 20px;
}



/* @end */

/* @group accordion */

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	width: 640px;
	background: url(../img/pane-bottomline.gif) no-repeat 0 bottom;
}

/* accordion header */
#accordion h2 {
	clear: both;
	cursor: pointer;	
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: .80;
}

#accordion h2:hover {

}

/* currently active header */
#accordion h2.current {

}

/* accordion pane */
#accordion div.pane {
	padding-bottom: 20px;
	clear: both;
}

#accordion .c-1 {
	float: left;
	width: 300px;
}

#accordion .c-2 {
	float: right;
	width: 300px;
}


#stoerer:link,
#stoerer:visited {
	position: absolute;
	top: 165px;
	left: 816px;

	display: block;
	background: url(../img/stoerer_talent.png) no-repeat;
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;
	height: 159px;
	width: 162px;
}

#stoerer:hover {
	background-position: 0 -159px;
}



/* @end */