/* ----------------------------------- */
/* PORTFOLIO
/* ----------------------------------- */
.thumbnail-list {
list-style:none;
}
.thumbnail-list li {
	width: 170px;
	margin-right: 15px;
	margin-bottom: 25px;
	float: left;
	font-weight: bold;
}.thumb{
border:0px;
}
	.thumbnail-list a  {
		width: 160px;
		padding: 2px;
		border: 1px solid #ABA995;
		/*background: #cccccc;*/
	}
	.thumbnail-list a:hover .thumb {
	/*	border-color: #000; */
	}
	.thumbnail-list li a {
		text-decoration: none;
		color: #FFF;
	}
	.thumbnail-list li a span {
		font-size: 10px;
		font-weight: normal;
		color: #ABA995;
		display: block;
	}
	.thumbnail-list li a:hover span {
		text-decoration: underline;

	}
	
	.underline-list {
		margin-bottom: 15px;
	}
	.underline-list li {
		width: 245px;
		float: left;
		font-size: 11px;
		line-height: 20px !important;
		border-bottom: 1px solid #ABA995 !important;
		background: none;
	}
		.underline-list li a {
			text-decoration: none;
		}
	
	#project-details {
		width: 500px;
		margin-right: 40px;
		float: left;
	}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 40px;
}
.sIFR-hasFlash #bottom h1 {
	visibility: hidden;
	line-height: 30px;
}
.sIFR-hasFlash #content h2, .sIFR-hasFlash #contact-form legend, .sIFR-hasFlash #bottom h2 {
	visibility: hidden;
	line-height: 26px;
}
.sIFR-hasFlash .tagline {
	visibility: hidden;
	line-height: 26px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  min-height:100%;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#header-logo2
    {
		background:url(/images/portfoliotopcollage.jpg) no-repeat 0 0;
		height: 165px;
		color: #FFFFFF;
		position: relative;
		margin: 0 0 0 193px;
	}
	.portfoliocollage
	{
		height:165px;
		width:100%;
	}
	.porttext
	{
		background:url(/images/textbg.jpg) repeat-x 0 0;
		height:43px;
		line-height:43px;
		font-family:georgia;
		font-size:20px;
		font-weight:bold;
		letter-spacing: 2px;
		color:#34537B;
		position:relative;
		top:61px;
		float:left;
		padding-left:8px;
		padding-right:10px;
	}
	.portright
	{
		width:100%;
		float:right;
	}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:11px 30px 10px 25px;
  float:left;
  color: #000;
}

#TB_closeWindow2{
  height:25px;
  padding:11px 5px 10px 0;
  float:right;
}
#TB_closeWindow{
  height:25px;
  padding:11px 5px 10px 0;
  float:right;

}
#TB_closeWindow img {
  margin: 0 2px 25px 0;
  padding-left:100px;
  border:0px;
}
#TB_closeWindow a{
 text-decoration:underline;
}

#TB_closeWindow a:link{
 text-decoration:underline;
}
#TB_closeWindow a:visited{
 text-decoration:underline;
}

#TB_closeWindow a:hover{
 text-decoration:none;
}
#TB_closeWindow2 a{
 text-decoration:underline;
}

#TB_closeWindow2 a:link{
 text-decoration:underline;
}
#TB_closeWindow2 a:visited{
 text-decoration:underline;
}

#TB_closeWindow2 a:hover{
 text-decoration:none;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:200px;
  width:250px;
  z-index:101;
  color:#000000;
  font-size:14px;
}
#TB_load .TB_load_bg{
  background-color:#ffffff;
  height:200px;
  width:250px;
 }
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  border:none;
  clear:both;
}

.thumb_txt{
	text-align:right;
	font-family: verdana;
	font-size: 10px;
	color: #0380F4;
	padding:0px 15px 0px 0;
}


#pg{
	color:#3666d4;
	height:2em;
	padding-top:5px;
}
#pg a.pg,#pg strong{
	border:1px solid #ccdbe4;
	display:block;
	color:#3666d4;
	float:left;
	margin:0 5px 0 0;
	padding:1px 8px;
	text-align:center;
	text-decoration:none;
	}
#pg a.pg:hover{background:#3666d4;border-color:#2b55af;color:#fff;}
#pg strong{border:0;color:#000;font-size:107%;font-weight:bold;padding:2px 2px;}
#pg #pg-next,#pg #pg-prev{
	border-width:1px;
	font:100% Tahoma,Helvetica,sans-serif;
	margin-top:0px;
	padding-bottom:1px;
	padding-top:1px;_margin-top:-2px;}
#pg #pg-next{
	margin-left:0px;
	}
#pg #pg-prev{
	margin-right:5px;}


.rp{
border:1px solid #cccccc;
}
p {
   font:11px/16px Verdana, Arial, Helvetica, sans-serif;
}
 #menuSide2 li a:link, #menuSide2 li a:visited {
            background: url(/images/bullet-2.gif) no-repeat 1px 50%;
            color: #faa61a;
			font:12px/18px Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			padding-left:15px;
}
 #menuSide2 li a:hover{
            background: url(/images/bullet-2.gif) no-repeat 1px 50%;
            color: #faa61a;
			font:12px Verdana, Arial, Helvetica, sans-serif;
			text-decoration:underline;
			padding-left:15px;
 }
.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }