@charset "utf-8";
/* CSS Document */


		html,body {
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:15px;
			color:#333333;
			height:100%;
			margin: 0 auto; /*Center container on page*/
		}
a:link{
color:#000000;
}

a:visited{
color:#333333;
}

a:hover{
color:#FF0099;
text-decoration: none;
}






div.container {
	
	overflow: hidden;
	width: 735px;
	min-height:750px;
	overflow: hidden;
	margin:0 auto;
	background-color:#FFFFFF; 
}



div.top {
	width: 800px;
	color: #000000;
}

div.left {
	width: 200px;
	float: left;
	list-style-type: none;
	background-image:url('gradient.jpg');
	background-repeat:no-repeat;
}
	
* html div.left {
	width: 200px;
	float: left;
	color: #000000;
	list-style-type: none;
	margin-left:-40px;
	

} /*style for IE*/


	
	

div.right {
	width: 520px;
	float: right;
	color: #000000;
	padding-left:15px;
}


.footer, .push {
	height: 50px; /* .push must be the same height as .footer */
	background-color:#ffffff;
	width:715px;
	margin:0 auto;
	text-align:right;
	padding-top:20px;
	padding-right:20px;
}

A.rels:Link{
font-weight:11px;
color:black;
background-color:#cccccc;
padding:3px;
margin-bottom:15px;

}
A.rels:Hover{
color:black;
text-decoration:underline;
font-weight:11px;
background-color: #FF99CC;
padding:3px;

}

A.rels:Visited{
font-weight:11px;
color:black;
background-color:#cccccc;
padding:3px;
}






#cont{
padding-right:45px;
}



/* container! */
	a, img {
			border:none;
		}
		a {
			color:#ffffff;
			text-decoration:none;
		}
		.center {text-align:center;}
		

		
		#work {
			float:left;
			list-style:none;
			margin:0;
			padding:0;
		}
		#work li {
			float:left;
			display:block;
			width:500px;
			height:225px;
			display:inline;
			
		}
		#work li a {
			border:none;
		}
		#work p {
			margin-bottom:0;
		}
		
		#work li .show{
			display:block;
			width:500px;
			height:225px;
			
			
				/* for IE */
		  filter:alpha(opacity=100);
		  /* CSS3 standard */
		  opacity:1;
			
			
		}
		#work li .top {
			text-align: left;
			height: 0;
			position:absolute;
			width:500px;
			height:225px;
			padding:10px;
			}
	
		#work li:hover .hide, #work li.over .hide {
			cursor: pointer;
			height: 225px;
			width:500px;
			
		}
		#work li:hover .show, #work li.over .show {
			/* for IE */
		  filter:alpha(opacity=20);
		  /* CSS3 standard */
		  opacity:0.2;
		  
		}
	
#worktitle{
font-size:14px;
line-height:20px;
color:#000;
z-index:5;
position:absolute;
padding:4px;
padding-right:10px;
color:white;
background-color:black;

}
A.worktitle:Link{
font-weight:normal;
color:white;
}
A.worktitle:Hover{
color:white;
}
A.worktitle:Visited{
color:white;
font-weight:normal;
}
		
			
.worktxt{
font-size:22px;
line-height:25px;
width:450px;
margin-top:40px;
margin-left:20px;
padding:4px;
color:#FF0099;

}


	

#pagetitle{
padding-top:20px;
font-size:16px;
line-height:26px;
color:#FF0099;
text-transform:uppercase;
width:500px;
}


.pim{
padding:4px;
}

A.pagetitle:Link{
padding-top:20px;
font-size:12px;
line-height:26px;
color:#FF0099;
text-transform:uppercase;
width:500px;
}
A.pagetitle:Hover{
padding-top:20px;
font-size:12px;
line-height:26px;
color:#FF0099;
text-transform:uppercase;
text-decoration:underline;
width:500px;
}
A.pagetitle:Visited{
padding-top:20px;
font-size:12px;
line-height:26px;
color:#FF0099;
text-transform:uppercase;
width:500px;
}



/*menu*/
.smallTitle{

padding-left:15px;
color:#666666
}

.smenu{
overflow: hidden;
width:210px;
margin-top:30px;
list-style-type: none;
}

.smenu ul{
padding-left: 15px; /*offset of tabs relative to browser left edge*/
}

.smenu li{
display: inline;
}

.pagetitle{
font-size:12px;
color:#FF0099;
font-weight:bold;
}

A.smenuMain:Link{
display:block;
margin:4px;
font-size:12px;
width:140px;
text-transform:uppercase;
border-top:1px dashed #ccc;
font-weight:bold;


}
A.smenuMain:Hover{
color:#FF0099;
font-weight:bold;

}
A.smenuMain:Visited{
display:block;
font-size:12px;
width:140px;
margin:4px;
text-transform:uppercase;
border-top:1px dashed #ccc;
font-weight:bold;

}

A.smenuSub:Link{
display:block;
width:180px;
padding:2px;
font-size:10px;
text-transform:uppercase;
font-weight:normal;
}
A.smenuSub:Hover{
color:#FF0099;
font-size:10px;

}
A.smenuSub:Visited{
display:block;
width:180px;
font-size:10px;
padding:2px;
padding-top:-4px;
text-transform:uppercase;
font-weight:normal;
}

.srelated{
padding:15px;
background-repeat:no-repeat;
padding-bottom:40px;
min-height:750px;
}

.relatedblock{
padding:10px;
background-color:#ececec
}




.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #FF99CC;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #cccccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}