/* TANTEK CELIK BOX MODEL HACK */
body, body div, body p, body th, body td, body li, body dd {
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}

body {
text-align: center;
font-family: Helvetica, Arial, "sans serif";
color:#000;
background: #0E0F17 url(img/RC-BG-wallpaper01.gif) repeat fixed -15px -4px;
}

img {
border: 0px;
}


/*************** MAIN BODY STRUCTURE and BACKGROUND ***************/
#shell {
width: 800px;
background: #FFF url(img/RC-main-background.jpg) no-repeat scroll left top;
text-align: left;
margin: 0 auto;
padding: 0;
}

/**************************** FONTS ********************************/
/**************************** FONTS ********************************/
p {
font-size: 90%;
line-height: 1.2em;
letter-spacing: 1px;
padding: 0 1.1em 0 1.1em;
margin: 0 0 1.3em 0;
}
#tiny {
font-family: "sans serif";
font-size: 9px;
color: #000;
letter-spacing: .2em;
padding: 0 1.1em 0 .5em;
margin: 0 0 1.3em 0;
}

/**************************** LINKS ********************************/
a {
text-decoration: underline;
color: #000;
}
a:visited {
color: #000;
}
a:hover {
text-decoration: underline;
color: #3E465B;
}
a:active {
color: #FF0000;
}


/******************************* NAV *****************************/
/******************************* NAV *****************************/
#navbox {
width: 196px;
height: 416px;
background: url(img/RC-nav-background_196x416.jpg) no-repeat left top;
float: left;
display: block;
padding: 0;
margin: 143px 0 0 29px;
}
#navbox ul {
width: 100%;
list-style-type: none;
text-align: center;
padding: 0;
margin: 0;
}
#navbox li {
display: list-item;
padding: 7px 0 0 0;
margin: 0;
height: 42px;
}
#navbox a {
color: #000;
display: block;
font-size: 100%;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
padding: 0;
height: 29px;
width: 196px;
voice-family: "\"}\"";
voice-family: inherit;
height: 29px;
width: 196px;
}
#navbox a:hover {
color: #F75E59;
}
#navbox a:active {
color: #454F66;
}

/*************************** CONTENT BOX *************************/
/*************************** CONTENT BOX *************************/
#contentbox {
width: 550px;
background: url(img/RC-content-background2.gif) no-repeat left top;
background-color: #FFF;
border-color: #CCC;
border-width: 1px;
border-style: solid;
padding: 0;
margin: 38px 0 0 240px;
}
#contentbox p {
text-align: left;
font-size: 87%;
letter-spacing: 1px;
padding: 0 1.7em;
margin: .5em 0 1.3em 0;
}
#contentbox h1 {
font-size: 300%;
letter-spacing: -3px;
padding: 0;
margin: .5em;
}
#contentbox h2 {
font-size: 180%;
letter-spacing: -1px;
padding: 0;
margin: .7em .6em .1em;
}
#contentbox h3 {
font-size: 100%;
letter-spacing: 1px;
text-align: left;
padding: 0;
margin: .4em .7em;
}
#item {
width: 95%;
border-color: #666;
border-width: 1px 0 0 0;
border-style: dotted;
padding: 0;
margin: 0 auto;
}
#itemimggrf {
text-align: center;
padding: 0 0 15px 0;
margin: 0 auto;
}
#itemimgint {
float: left;
padding: 2px 20px 2px 2px;
margin: 0 auto;
}
#itemimgpho {
text-align: center;
padding: 0 0 15px 0;
margin: 0 auto;
}
#itemcontent {
padding: .5em 0 0 0;
margin: 0;
}

/***************************** CURRENT ***************************/
/****************************** WORK *****************************/
#currentwork {
width: 95%;
border-color: #edeff5;
border-width: 2px;
border-style: dotted;
padding: 0px;
margin: 3px auto 0;
}
#currentwork h1 {
color: #576380;
background-color: #edeff5;
font-size: 120%;
letter-spacing: -.06em;
padding: .7em 0 .2em .6em;
margin: .5em 0 0 0;
}
#currentwork h2 {
color: #666;
font-size: 120%;
letter-spacing: 0em;
padding: .6em 0 0 0;
margin: .6em;
}
#currentwork p {
text-align: left;
font-size: 85%;
letter-spacing: 1px;
padding: .2em 1em;
margin: 1em 0;
}
#date {
font-size: 100%;
color: #DADEE8;
letter-spacing: -.06em;
float: right;
text-transform: uppercase;
line-height: .8em;
padding: 0 .5em 0 0;
margin: 0;
}
#currentworkimg {
text-align: center;
padding: 0 3px 20px;
margin: 0 auto;
}

/***************************** FOOTER ****************************/
/***************************** FOOTER ****************************/
#footer {
width: 800px;
height: 100px;
background: url(img/RC-main-footer.png) no-repeat left top;
padding: 0;
margin: 0 auto;
}
#footer p {
font-size: x-small;
color: #fff;
letter-spacing: 1px;
text-align: center;
padding: 5px 0 0 0;
margin: 0;
}



/***************************** GLOBAL ****************************/
#breadcrumbs {
width: 80%;
color: #E0AD44;
font-size: x-small;
letter-spacing: 1px;
padding: 10px 0 0 15px;
margin: 0;
}
#breadcrumbs a {
text-decoration: underline;
color: #E0AD44;
}
#divider {
height: 20px;
clear: both;
}
#spacer {
height: 20px;
}


/**************************** CONTACT ***************************/
#fcf2 {
width: 95%;
padding: 0;
margin: 0 auto;
}
#fcf2 em {
color:#F00;
}
#fcf2 p.r {
font-size: 90%;
letter-spacing: 0px;
padding: 0 0 10px 0;
margin: 0;
}
#fcf2 label {
float: left;
width: 90px;
text-align: right;
}
#fcf2 span.f {
text-align: left;
padding: 0 0 0 10px;
margin: 0;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}
#fcf2 p.fcflink {
font-size: 80%;
color: #666;
text-align: center;
padding: 0 1.1em 0 .5em;
margin: 0 0 1.3em 0;
}