/* CSS Document */

/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body 
	{
	padding:0;
	margin:0;
	}
body
	{	
	text-align:center;
	min-width:800px;/* for mozilla*/
	background-color: #FFF;
	}
#verticalalign
	{
	position:absolute;
	top:50%;
	margin-top:-245px;/* half flash height*/
	left:22px;
	width:95%;
	height:490px;
	}
#outer
	{
	height:99.9%;
	min-height:100%;
	width:800px;
	text-align:left;
	margin:auto;
	position:relative;
	background:url(images/bg_outer.gif) no-repeat;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:0.7em;
	line-height:1.3em;
	color:#fff;
	}
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; }
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header
	{
	position:absolute;
	top:0;
	width:800px;
	height:65px;
	overflow:hidden;
	z-index:100;
	}
#footer 
	{
	width:800px;
	clear:both;
	height:70px;
	left:0;
	top:469px;
	position: absolute;
	color: #CFCFCF;
	}
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer 
	{/*only ie gets this style*/
	\height:72px;/* for ie5 */
	he\ight:70px;/* for ie6 */
	}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent 
	{
	width:590px;
	float:right;
	padding:85px 40px 0px 0px;/*make room for header*/
	}
#centrecontent p {padding-left:3px}
#clearfooter {width:100%;height:72px;clear:both} /* to clear footer */
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-72px;} /*safari wrapper */

#header ul
	{
	margin:45px 0px 0px 153px;
	padding:0;
	list-style:none;
	}
#header li { float:left; }
#header ul li a
	{
	color:#fff;
	border-right:1px solid #fff;
	padding:0px 5px 2px 0px;
	margin:0px 0px 0px 15px;
	text-decoration:none;
	}
#slideshow
	{
	float:right;
	margin:0px 0px 0px 0px;
	}
#scroll
	{
	height:360px;
	overflow-x:none;
	overflow-y:scroll;
	padding:0px 10px 0px 0px;
	scrollbar-3dlight-color:#bebebe;
	scrollbar-arrow-color:#8b8b8b;
	scrollbar-base-color:#bebebe;
	scrollbar-darkshadow-color:#bebebe;
	scrollbar-face-color:#eeeeee;
	scrollbar-highlight-color:#bebebe;
	scrollbar-shadow-color:#bebebe;
	}



#verticalalign #outer #centrecontent #thumbs #thumb {
	border: 1px solid #FFFFFF;
}
#verticalalign #outer #centrecontent #noline a {
	text-decoration: none;
}


#main {
	border: 1px solid #FFFFFF;
}
.headingrow
	{
	font-weight:bold;
	background:#50a1d8;
	}
#thumbs
	{
	width:100%;
	margin:0px 0px 0px 0px;
	}
#thumbs img { border:0; margin-bottom:10px; text-align:center }
#thumbs a
	{
	width:63px;

	padding:0px 0px 0px 0px;


	}

#line a {
	text-decoration: none;
}
#line a:hover {
	text-decoration: none;
	color: #50A1D8;
}
#mainleft {
	width: 210px;
	float: left;
}
#mainright {
	width: 370px;
	float: right;
}
#comment {
	font-size: 12px;
	line-height: 17px;
	border:1px solid #fff;
	padding:7px 8px 7px 10px;
	background-color: #50A1D8;
}

#homeimages
	{
	position:absolute; 
	top:67px; 
	right:24px; 
	width:234px;
	height:400px;
	padding:0;
	margin:0;
	}
	
#homeimageswip
	{
	position:absolute;
	top:67px;
	right:24px;
	width:371px;
	height:400px;
	padding:0;
	margin:0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	}	
#projects
	{
	float:right;
	width:202px;
	}
#projects img 
	{ 
	border-top:1px solid #fff; 
	border-right:1px solid #fff; 
	border-left:1px solid #fff; 
	}
#projects p
	{
	border-bottom:1px solid #fff; 
	border-right:1px solid #fff; 
	border-left:1px solid #fff; 
	background:#50a1d8;
	padding:6px;
	padding-top:0px;
	}

.photoitem{
float:left;
margin-right:10px;
display:block;
height:100px;
position:relative;
margin-bottom:10px;

}

#scroll {
height: 344px;
width: 570px;
overflow:auto;
padding: 8px;
}

a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: -30px;
	left: -10px;
	width: 110px;
	padding: 5px;
	z-index: 100;
	background: #000;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}

.slideshow{
margin-top:-17px;
margin-left:-18px;
}

#left{
	width:320px;
	float:left;
	padding:10px;
}

#right{
	width:254px;
	height:400px;
	position:absolute;
	right:23px;
	top:66px;
	padding:0px;
	margin:auto;
	margin-bottom:0px;	
	border:solid 1px #FFF;

}

#right-bar{
	width:254px;
	clear:both;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:5px;
	margin-top:-1;
}

.right-item{
	width:251px;
	padding-left:10px;
	height:93px;
	padding-bottom:5px;
}

.right-item-image{
	width:105px;
	float:left;
}

.right-item-text{
	width:118px;
	height:94px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	background-color:#999999;
	color:#fff;
}

.right-heading{
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

.right-text{
	font-size:11px;
	line-height:100%;
}

.noborder{
border:none;
}