body{    
	
	background:#222;
	padding:0px;
	margin:0px;  
	min-height:100%;
	height:100%;  
} 
body{
	height:100%; 
	
}
body, html, p, div, span, ul, li, td, small{
	font-family:Arial;   
	color:#333;
	font-size:13px;
}


/* Linkology */
  
a:link,a:visited {
	color:#e8dc3e;  
	text-decoration:none;
}

a:hover {
	color:#e8dc3e;
	text-decoration:underline;
} 


.clear{
	clear:both ;	
}
h1{
padding:0;       
color: #333    ;  
margin:0;  
font-weight:normal;
font-size:21px;   
font-family:arial; 
}    





	
#doc{  
	background:#333;
     width:100%;
			
}

#page{
background-color:#f0f0f0;
background-image:url(/img/pbg.png);
background-position:0px 0px ;
background-repeat:repeat;
margin:0px auto;
width:900px;            
padding:30px 0px 00px 40px;
margin:0 10%;  
}  
.portfolio_container{
	margin:0 30px 20px -10px;   
	padding:10px 0; 
	border:1px solid #ccc;
	background-image:url(/img/w40.png);
	background-position:0px 0px ;
	background-repeat:repeat;
	
} 



.logo{
	height:80px;
	width:700px;
	background:url(/img/logo1.png) 0px 0px no-repeat;
	
} 

.pitem{
	float:left;  
   overflow:hidden;  
	margin:0 10px 10px 0;
	width:275px; 
	height:185px;
}  

.full{
	display:none; 
	margin-top:10px;
	margin-left:23px;
	background:url(/img/w60.png) top left repeat;  
   
	border-top:8px solid #333;
	border-bottom:8px solid #333;
}
.pitem_cover{
	background:#000;
	position:absolute;
}   

.on_container{
	clear:both;
}

.pitem_ontop{
/*	background:url(/img/topfade.png) bottom left repeat-x;  
    height:50px;  */
   
 
} 

.pitem_onbot{
	background:url(/img/botfade.png) top left repeat-x;  
    height:50px;
 
}        
.pitem_open{
	width:100%; 
	height:500px;
}                
   


.pthumb_c{    
/*
	border-top:1px solid #fff;
*/
	padding:15px; 
	overflow:hidden;  
	cursor:pointer;     
} 
.full .pthumb_c{
	width:95005px;     
	
}     

.photo_frame{
	float:left; 
   	width:418px;
	height:318px;  
	
	background-image:url(/img/photo_frame.png);
	background-position:0px 0px ;
	background-repeat:no-repeat; 
	overflow:hidden;  
}
.photo_frame img{
	margin:9px 0 0 9px;
}
.pthumb{
   
} 
.pbh{ 
	position:absolute; 
   margin-top:5px
}
.pthumb_open{
	width:100%; 
	height:300px;
}
  
 .pcontent
{
 min-height:70px;
	
}
 
.ptitle{ 
/* background-image:url(/img/w60.png);
	width:300px;  */
	padding:20px 15px 10px 20px ;
 background:url(/img/w60.png) top left repeat;

}     

.tags{
	font-size:12px;
	color:#666;
	font-style:italic;
}

.pitem h3{      
	font-size:23px;
	color:#333; 
	padding:0;  
	font-weight:normal;
	margin: 0px 0 0px 0 ;
	
}  

.ibutf, .ibutr{   
	position:absolute;
   background:url(/img/fbut.png) 0 0 no-repeat;
height:54px; 
width:54px;
	
}
.ibutr{   
   background:url(/img/rbut.png) 0 0 no-repeat;
	
} 

.bubble{
   background:url(/img/bubtop.png) 0 0 no-repeat; 
margin-left:-10px;   
width:878px;
color:#f0f0f0;
font-size:17px;

} 
.bubble_content{ 
padding:25px 20px 10px 20px;  
 	color:#f0f0f0;
	font-size:17px;   
}
.bubble h1{
	color:#a6af3c;
}                          

.bubbot{
 	margin-left:-10px;
  background:url(/img/bubbot.png) 0 0 no-repeat; 
height:25px;
}

.pcontent_c{ 
	padding:0px 20px 20px 25px;  

}
.pcontent_c p{ 
	margin:0;
	padding:0;
 

	color:#333;
	font-size:15px;
}


.tagcloud{
	padding:10px 0 0px 0 ; 
	margin-left:-3px;
	
}      

#progress-bar{
   float:right;
  
}

.tagcloud a:link,
.tagcloud a:visited,
.tagcloud a:hover{
	display:block;
	float:left;
	margin-right:5px;
	padding:5px 7px; 
	color:#333; 
	font-size:11px;
	text-transform:uppercase;
}              
.tagcloud a.on{
	color:#f0f0f0; 
	background:url(/img/b60.png) 0 0 repeat;
}  

.plist{  
	margin:10px 30px 15px 0;
  list-style-type:none;  
margin-right:30px;
} 
.plistcontent {
	display:none;
}  

.plist .plistitem{
	border-top:1px solid #ccc; 
	background-image:url(/img/w40.png);
	background-repeat:repeat;
	background-position: 0 0 ; 
	padding:5px ;
	
}   
.plistitem .c{   
	cursor:pointer;
   background-image:url(/img/arrowr.png);
	background-repeat:no-repeat;
	background-position:0px 4px ; 
	padding-left:15px; 
}

.plistitem:hover{
	background-color:#fff; 
} 
.plistthumbcontainer{
	 background-image:url(/img/b60.png);
	background-repeat:repeat;
	background-position: 0 0 ;  
	margin-left:-20px; 
	margin-right:-5px;
	padding:10px;
}

.section{
	margin-bottom:10px;
}
 


.icons{      
	opacity:.5;
   float:right;
	text-align:right;  
	margin-right:10px;
}

   .plistitem:hover  .icons{
  	opacity:1;
  
} 

.footer{
  	 background: #000;
/*
-image:url(/img/b60.png);
	background-repeat:repeat;
	background-position: 0 0 ; 
*/
	color:#fff;
	padding:20px 50px; 
	margin-left:-40px;  
	font-size:10px;
	text-align:right;
}

/*Tips*/
a.tipz:link,
a.tipz:visited,
a.tipz:hover
 {
	color:#009933 !important;
	text-decoration:none !important;
	border-bottom:1px dotted #009933 !important;
} 


.fail a.tipz:link,
.fail a.tipz:visited,
.fail a.tipz:hover
 {
	color:#cc0000 !important;
	text-decoration:none !important;
	border-bottom:1px dotted #cc0000 !important;
}


 a.tipz:hover
 {
	cursor:help;
   }
.tip        { width:420px; font-family:arial; background:url(/img/tipbg.png) left top repeat-y; }
.tip-top      { background:url(/img/ttop.png) top left no-repeat; height:32px; width:420px; }
.tip-bottom    { background:url(/img/tbot.png) left bottom no-repeat; width:420px; height:9px; }
.tip-title    { color:#fff; font-weight:bold; font-size:13px; margin-top:px;padding:0px 20px 0 20px; text-decoration:underline; }
.tip-text    { color:#fff; font-size:13px; padding:3px 20px 20px 20px; }


      	#box			{ background:url(/img/progress-bar-back.gif) right center no-repeat; width:200px; height:20px; float:left; }
	#perc			{ background:url(/img/progress-bar.gif) right center no-repeat; height:20px; }
	#text			{ font-family:arial, sans-serif; font-size:11px; color:#ccc; float:left; padding:3px 0 0 10px; }
   
#progress-bar{
	display:block;
	clear:both;
	margin:3px 0;
} 
	
/*Footer*/

#footer{
   min-height:50px;
 background:url('/img/footer_bg.jpg') 0 0 no-repeat;  
color:#fff;
font-size:10px;
padding:80px 40px 20px 40px; 
margin-bottom:20px;
}