/*	- - - - - - - - - - - - - - - - - - - - - - - - - - -
	FOOTER STYLES
	-----------------------------------------------------	*/
		
		a {
		color: #0a4a4a;
		text-decoration: none;
		font-weight: bold;}
		
		a:hover {
		color: #ffcc33;}


/*	- - - - - - - - - - - - - - - - - - - - - - - - - - -
	LIGHTBOX STYLES
	-----------------------------------------------------	*/
		.screen {
		display: none;}
	
		.captures {
		display: block;
		height: 16px;
		width: 16px;
		background-image: url(../images/screen.gif);
		background-repeat: no-repeat;}
		
		a.captures:hover{
		display: block;
		height: 16px;
		width: 16px;
		background-image: url(../images/screen_h.gif);
		background-repeat: no-repeat;}

		
/*	- - - - - - - - - - - - - - - - - - - - - - - - - - -
	TOOLTIP STYLES
	-----------------------------------------------------	*/
		.tooltip {
		cursor: pointer;}

		.info a {
		display:block;
		height: 16px;
		width: 16px;
		cursor: pointer;
		background: url(../images/info.gif) no-repeat;
		padding-left: 3px;
		float:left;}

		.infoin {
		display:block;
		height: 16px;
		width: 16px;
		background: url(../images/info_in.gif) no-repeat;
		margin-left: 3px;
		float:left;}
		
		.info {
		width: 16px!important;
		height: 16px;
		display: block;
		padding-left: 3px;
		float:left;}
		
		.info a:hover{		
		background-image: url(../images/info_h.gif);
		height: 16px;
		width: 16px;
		background-repeat: no-repeat;}

		#tooltipbox {
		z-index: 100;
		filter: alpha(opacity=80);
		position: absolute;
		opacity: 0.8;
		-moz-opacity: .8}
	
		#tooltipbox-pointer {
		background: url(../images/tip.gif) no-repeat;
		left: 0px;
		width:: 18px;
		position: absolute;
		top: -4px;
		height: 4px}
		
		#tooltipbox-content {
		padding-right: 4px;
		padding-left: 4px;
		padding-bottom: 4px;
		color: white;
		padding-top: 4px;
		font-family: Trebuchet MS, helvetica, sans-serif;
		background-color: #014343;
		font-size: 12px;}
		
		.screenshot {
		float: left;}



/*------------------------------*/



/*	- - - - - - - - - - - - - - - - - - - - - - - - - - -
	WEB DESIGN STYLES
	-----------------------------------------------------	*/
	
		.webbox1 {
		background-color: #ededed;
		float: left;
		height: 150px;
		width: 600px;
		margin-bottom: 10px;
		font-family: Trebuchet MS, Helvetica, sans-serif;
		color: #626469;
		font-size: 12px;
		margin: 0;		}
	
	
		body:first-of-type .webbox1 {
		float: left;
		height: 135px;
		background-color: #ededed;
		margin-right: 10px;
		width: 265px;
		margin-bottom: 10px;}
	
		.image {
		height: 140px;
		margin-left:5px;
		margin-top:5px;
		padding: 0px;
		}
	
		.webtitle {
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
		color: #014343;
		width: 580px;
		font-weight: bold;
		padding: 10px 0px 0px 0px;
		margin: 0px;}
	
		.podwebtitle{
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-size: 11px;
		color: #626469;
		text-decoration: none;
		font-weight: normal;}
		
		.webwork{
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-size: 10px;
		color: #5d5d5d;
		text-decoration: none;
		font-weight: normal;
		height: 20px;
		display: block;}
	
	
		body:first-of-type .webwork {
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-size: 10px;
		color: #5d5d5d;
		text-decoration: none;
		font-weight: normal;
		height: 15px;
		display: block;}
	
	
		.webwork a:link {
		color: #EE0215;
		text-decoration: none;
		line-height: 16px;}
	
		.webwork a:visited {
		color: #EE0215;
		text-decoration: none;
		line-height: 16px;}
	
		.webwork a:hover {
		color: #EE0215;
		text-decoration: underline;
		line-height: 16px;}
	
		.options {
		border-top: 1px solid #ffcc33;
		padding-top: 5px;
		width: 590px;
		display: block;
		margin: 0px;}