@charset "UTF-8";
body{
	background-image:url(../rbk/portfolio/rk8_bg5.png);
	background-color: #FFC;
	margin:12px;
	color:#330;
	font-size:11px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
	}
td{
	color:#888075;
	font-weight:bold;
	font-size:11px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;}
.smalltitle{
	font-size:10px;
	}
h3{
	text-align:left;
	margin-top:18px;
	font-size:18px;
	font-weight:bold;
	line-height:1px;
	}
a:link{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#be2623;}
a:hover{
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
	color: #900;}
a:visited{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#be2623;
	}
a.smalllink:link{
	font-weight:normal;
	color:#be2623;
	font-size:11px;
	text-decoration:none;
	}
a.smalllink:hover{
	font-weight:normal;
	text-decoration:underline;
	font-size:11px;
	color:#663;
	}
a.smalllink:visited{
	font-weight:normal;
	color:#663;
	font-size:11px;
	text-decoration:none;
	}
.olive{color:#663;}
.crimson{color:#600;}
.slate{color:#36C;}
.orange{color:#C63;}
.gold{color: #C93;}
.grey{color:#be2623;}
.teal{color:#066;}
.brown{color:#630;}
.durple{color:#303;}
.dblue{color:#003;}
.dgreen{color:#033;}

/* index Styles */
#container {
	height: 720px;
	width: 1024px;
	text-align:left
}
#header {
	text-align:left;
	height:24px;
	width:1006px;
	margin-bottom: 12px;}
#nav{
	float:left;
	width:484px;
	color: #330;
	background-color: #CC9;
	text-align:center;
	margin-top:2px;
	padding-left:18px;
	padding-right:18px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#content{
	height:696px;
	width:1006px;
	}
#col_464{
	float:left;
	width:464px;
	height:690px;
	}
#row_324{
	float:left;
	width:1000px;
	height:424px;
	margin-top:12px;
	margin-bottom:12px;
	}
#row_54{
	float:left;
	height:42px;
	width:1000px;
	}
#row_90{
	float:left;
	height:90px;
	padding-bottom:12px;
	width:1000px;
	}
#col_i524{
	margin-left:18px;
	float:left;
	width:720px;
	height:424px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#col_524{
	margin-left:18px;
	float:left;
	width:720px;
	height:424px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#col524w{
	float:left;
	width:524px;
	}
#col_180{
	padding-left:12px;
	width:180px;
	height:524px;
	float:left;
	}
#col_670{
	width:630px;
	height:256px;
	float:left;
	margin-bottom:24px;
	margin-top:96px;
	}
#col_i670{
	width:630px;
	float:left;
	margin-bottom:24px;
	}
#port_list{
	border-bottom:#900;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	}
#bigswap{
	float:left;
	width:464px;
	margin-bottom:18px;
	}
#copywindow{
	text-align:left;
	float:left;
	width:232px;
	height:352px;
	background-color: #FFF;
	padding:6px;
	margin-left:12px;
	margin-bottom:12px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#scopywindow{
	text-align:left;
	float:left;
	width:232px;
	height:352px;
	background-color: #CC6;
	padding:6px;
	margin-left:12px;
	margin-bottom:12px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#portfolio{
	text-align:right;
	float:left;
	}
#copyright {
	margin-left:12px;
	float:left;
	width:232px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 9px;
	color:#660;
	}
#logo{
	float:left;
	text-align:left;
	height:90px;
	margin-bottom:18px;
	}
#logo_h{
	float:left;
	text-align:left;
	height:90px;
	margin-bottom:18px;
	margin-left:388px;
	}
#logo_p{
	float:left;
	text-align:left;
	height:90px;
	margin-left:440px;
	}
#wlogo{
	float:left;
	text-align:left;
	height:90px;
	margin-top:24px;
	margin-left:144px;
	}
#bwindow{
	float:left;
	width:312px;
	height:484px;
	padding:6px;
	background-color:#CC6;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#links{
	margin-left:18px;
	margin-right:0px;
	height:42px;
	width:200px;
	float:left;
	text-align:left;}

/* individual portfolio Styles */
#toprow{
	width:1010px;
	height:452px;
	}
#row_324{
	float:left;
	width:1000px;
	height:430px;
	margin-top:12px;
	margin-bottom:12px;
	}
#row_352{
	float:left;
	width:532px;
	height:380px;
	margin-top:12px;
	}
#leftbox{
	float:left;
	width:532px;
	height:464px;
	}
#rightbox{
	float:left;
	width:452px;
	height:452px;
	}
#sect_nav{
	margin-left:36px;
	margin-top:9px;
	float:left;
	width:224px;
	height:352px;
	}
#bigheader{
	float:left;
	 color:#be2623;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	margin-left:36px;
	margin-top:12px;
	margin-bottom:12px;
	width:496px;
	}
#pnav{
	float:left;
	width:516px;
	color:#8ba3a5;
	background-color: #bed1cb;
	text-align:right;
	margin-top:2px;
	padding-left:6px;
	padding-right:6px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#nav2{
	float:left;
	width:468px;
	color:#8ba3a5;
	background-color: #bed1cb;
	text-align:center;
	margin-top:2px;
	margin-left:36px;
	padding-left:6px;
	padding-right:6px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}

/* portfolio Styles */
#wnav{
	float:left;
	color:#8ba3a5;
	background-color: #bed1cb;
	width:360px;
	text-align:center;
	padding-top: 4px;
	padding-left:6px;
	padding-bottom: 4px;
	margin-top:112px;
	margin-bottom:18px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#wcopywindow{
	text-align:left;
	float:left;
	width:348px;
	height:524px;
	background-color:#FFF;
	padding:6px;
	margin-bottom:12px;
	margin-right:12px;
	margin-top:2px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#wtheysaid{
	float:left;
	width:360px;
	color:#888075;
	font-size:12px;
	line-height:19px;
	font-style:italic;
	padding:6px;
	margin-bottom:12px;
	}
#col_360{
	float:left;
	width:360px;
	height:1300px;
	}
#portwindow{
	float:left;
	padding-left:12px;
	width:648px;
	height:1300px;
	padding:6px;
	}
#portnav{
	float:left;
	height:114px;
	width:600px;
	margin-left:18px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #888075;
	}
#portnavdos{
	float:left;
	height:108px;
	width:600px;
	margin-left:18px;
	}
#portnavtres{
	float:left;
	height:108px;
	width:388px;
	}
/* Secondary page Styles */
#snav{
	float:right;
	color:#8ba3a5;
	background-color: #bed1cb;
	width:396px;
	text-align:center;
	padding-top: 4px;
	padding-left:6px;
	padding-bottom: 4px;
	margin-top:108px;
	margin-bottom:18px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888075;
	border-bottom-color: #888075;
	}
#copyrights {
	margin-left:12px;
	float:left;
	width:160px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 9px;
	color:#660;
	}
#sbigswap{
	margin-top:36px;
	float:left;
	width:464px;
	margin-bottom:18px;
	}
#theysaid{
	float:right;
	width:360px;
	color:#888075;
	font-size:12px;
	line-height:19px;
	font-style:italic;
	padding:6px;
	margin-bottom:12px;

	}
#slogo{
	float:left;
	text-align:left;
	margin-left:108px;
	height:90px;
	margin-bottom:18px;}
#sing_col{
	float:left;
	width:195px;
	padding-right:6px;}
/* lighbox Styles */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(portfolio/lbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(portfolio/lbox/prevlabel.png) left 10% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(portfolio/lbox/nextlabel.png) right 10% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */