body { 
	background:url(../img/bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
/* ----------- [General] ----------- */
.left {float:left;}
.right {float:right; }

/* ----- [font face]-------- */
/* @font-face */
@font-face { font-family: "chunk"; src: url(../font/Chunk.ttf) format("truetype");}

/* ------ [Text] ------- */
a {text-decoration: none;}
h1, h2, p {color:#363636; }
h1, h2, h3 {margin:0 0px 10px; }
h3 {color:#010101; font-size:20px; }

.pg_wrap { width:960px;	margin:auto; position:relative; height:100%;}
#header { height:85px; width:100%;}
.head-bg {background:url(../img/background-header.png) bottom center no-repeat; }

.menu {position:absolute; right:0; bottom:0; }
.menu ul {list-style:none; margin:0; padding:0; }
.menu ul li {float:left; margin:0 10px; font-size:21px; color:#c77979; font-family:"chunk", helvetica, arial, sans-serif; }
.menu ul li a {font-family:"chunk", helvetica, arial, sans-serif; font-weight: lighter;}
li.current_page_item a{color:#fff;}
li.page_item a {color:#c77979; }
li.page_item a:hover {color:#e3a8a8; }


#header h1 {background:url("../img/rtj-logo.png") no-repeat scroll 0 0 transparent; height:89px; left:0; overflow:hidden; position:absolute; text-indent:-9999px; top:20px; width:95px; z-index:100; }

/* ----------[carousel]------------- */
#carousel {width:960px; margin:0px auto; height:318px; }

/* HOMEPAGE SLIDER -------------------------------------------------------- HOMEPAGE SLIDER */

#carousel-holder {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 12;
	display: block;
	height: 450px;
	padding: 34px 0 0 0;
	background:url(../img/rotator-bg.png) top center no-repeat;
}

#carousel-holder h2 {
	font-size: 4em;
	position: absolute;
	bottom: 0;
	color: #3b3b3b;
	left: 0;
}

#container {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}

#hero-holder {
	position:absolute;
	top: 14px;
	width: 100%;
	display: block;
	z-index: 100;
	height: 353px;
	background: url(../img/heroholder.png) no-repeat top center;
}

.textholder {
	z-index: 10;
}

.textholder p {
	position: absolute;
	top: 10px;
	right: 0px;
	color: #ccc;
	z-index: 100;
	font-size: .9em;
	letter-spacing: -1px;
}

.textholder a {
	position: absolute;
	right: 10px;
	top: 20px;
	width: 97px;
	height: 39px;
	display: block;
	background: url(art/viewprojectbtn.gif) no-repeat;
}

.thumbs {
	text-align: center;
	width: 150px;
	margin: 26px auto 0;
	z-index: 14;
	position: relative;
	
}

#carousel-holder h2 {
	font-size: 4em;
	position: absolute;
	bottom: 0;
	color: #3b3b3b;
	left: 0;
}


#carousel {
	width: 960px;
	margin: 0 auto 0;
}

#carousel ul {
    list-style: none;
    width:20000px;
    margin: 0;
    padding: 0;
    position: relative;
	z-index: 12;
}

#carousel li {
    display: inline;
    float: left;
} 

#carousel li span p {
	display: none;
}

.thumb {
	display: block;
	width: 14px;
	height: 14px;
	float: left;
	margin: 2px;
	background: url(../img/navigator.png) no-repeat;
	display: inline;
	cursor: pointer;
	text-indent: -9999px;
	}

/* items inside navigator */
a.thumb {
	width:14px;
	height:14px;
	float:left;
	cursor: pointer;
	margin:3px;
	background: url(../img/navigator.png) no-repeat;
	display:block;
	text-indent: -9999px;
}

/* mouseover state */
a.thumb:hover {
	background-position:0 -14px;      
}

/* active state (current page state) */
a.thumb.active {
	background-position:0 -28px;      
}

.column-text {
	-moz-column-width: 450px;
	-webkit-column-width: 450px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	text-align: justify;
}

.fadeThis {
	cursor: pointer;
}

.fadeThis * {
	  display: none;
	}
	

input, textarea {	
	font-family:Helvetica,Arial,sans-serif;
	font-size: 120%;
}

#paged {
	display: none;
}

.cufon-loading h1,  .cufon-loading h2, .cufon-loading h3,  .cufon-loading #top-panel,  .cufon-loading .script { /* for Cufon.replace() */
	visibility: hidden !important;
}

/* ------------------ [ Index Content ] ------------------------- */

/* ------  [ Synth ] -------- */
h2.synth {text-indent:-9999px; background:url(../img/h2-synthesizingComm.jpg) no-repeat; width:536px; height:35px; margin:20px 28px; }
h3.synth {position:absolute; left:28px; top: -6px; z-index:100;}

#content {width:100%; background:#cdcdcd url(../img/content-bg.png) repeat-x;}
#top-content { background:url(../img/top-content-holder.png) no-repeat; width:960px; height: 67px;position: absolute;top: -66px; left: 0px;z-index:100;}
#mid-content {background:#e3e0e0; width:900px; padding:25px 30px 0; font-size:16px; line-height:1.4em;}
.synth-content {padding:10px 0 10px;}
.column {width:300px;}
.first {margin-right:10px;}
.last {margin-left:10px;}

#bottom-content {background:url(../img/bottom-content-bg.jpg) no-repeat; width:960px; height:58px;}

/* ------  [ Portfolio ] -------- */
#portfolio {padding-left:28px; }
h2.portfolio {text-indent:-9999px; background:url(../img/h2-ourPortfolio.jpg) no-repeat; width:202px; height:38px; margin:-32px 0px 0; }
h3.portfolio {border-bottom:3px dotted #363636; padding-bottom:8px; margin-left:0px; width:909px; }

/* -- [sliding boxes] -- */
.boxgrid {-moz-border-radius:5px 5px 5px 5px; border-radius:5px;background:none repeat scroll 0 0 #161613;
float:left; height:193px; margin:10px 20px 10px 0; overflow:hidden; position:relative; width:440px; }

.boxgrid img{ position: absolute; top: 0; left: 0; border: 0;}
.boxgrid p{ color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }
.boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption {top: 260; left: 0;}
.caption .boxcaption {top: 220; left: 0;}

/* Grid Content */
.grid-content {margin:240px 0 0 26px; }
.grid-content h3, .grid-content p, .grid-content p a, .grid-content .web a  {color:#fff; font-size:14px;}
.grid-content h3 { float:left; margin:13px 0 7px 0; padding:0;  }
.grid-content p {float:left; clear:left;}
.grid-content .web a{ float:right; margin:26px 26px 0 0;}

/* ------  [ Press ] -------- */
#press {background:#e3e0e0 url(../img/top-press.jpg) top left no-repeat; padding:26px 0 26px 26px; margin:26px 0 0;   }
h2.press {text-indent:-9999px; background:url(../img/h2-press.jpg) no-repeat; margin:0; }
h3.press {border-bottom:3px dotted #363636; padding-bottom:8px; width:909px; }

/* -- [Press Slider] -- */
.press-example { width: 289px;  height: 193px; margin:10px 21px 10px 0; float:left; background:#161613; overflow: hidden; position: relative;-moz-border-radius:5px 5px 5px 5px; border-radius:5px; }
.press-example img{ position: absolute; top: 0; left: 0; border: 0;}
.press-example p{ color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }

.grid-content-press {margin:170px 13px 0 13px;}
.grid-content-press h3, .grid-content-press p, .grid-content-press p a, .grid-content-press .web a  {color:#fff; font-size:12px;}

/* ------  [ Tweets ] -------- */
#tweets {width:292px; float:right; margin-right:26px; margin-top:13px; }
h2.tweets {text-indent:-9999px; background:url(../img/h2-tweets.jpg) no-repeat; width:113px; height:23px; margin-top:2px; border-bottom:3px dotted #363636; padding-bottom:8px; width:292px; }
ul.tweet_list {list-style:none; margin:0; padding:0; font-size:13px; line-height:1.4em; }
ul.tweet_list li a {color:#900; }

/* ------  [ Blog ] -------- */
#blog {width:602px; float:left; margin-top:13px; }
h2.blog {text-indent:-9999px; background:url(../img/h2-blog.jpg) no-repeat; width:72px; height:25px; border-bottom:3px dotted #363636; padding-bottom:8px; width:602px;}

#blog ul {list-style:none; margin:0; padding:0; font-size:13px; color:#363636; }
#blog ul li  {margin:15px 0;}
span.entry-title {width:530px; float:right; clear:both; }

/* ----------- [Footer] ------------*/

#footer {height:100px; background:url(../img/footer-bg.jpg) repeat-x; padding:15px; position:relative; }
#footer p {color:#fff; line-height:2.0em;}
.foot-navigation ul {list-style:none; margin:0; padding:0;}
.foot-navigation ul li {float:left; margin:0 10px 0 0; color:#fff; }
#footer a.logo {text-indent:-9999px; position:absolute; right:0; top:0; background:url(../img/footer-tinyfactory.png); width:147px; height:53px; }

/* Extras */
.clear {clear:both; }