/* This will change when image replacement is on */
div.page-wrapper div.generic-content#projetcs div.page-header h2
{
height              : 0px;
margin              : 25px 0px 0px 0px;
padding-top         : 35px;
width               : 650px;
overflow            : hidden;
background-image    : url(../images/projects/project-profiles-h2.gif);
background-repeat   : no-repeat;
}

div.page-wrapper div.generic-content#projetcs div.page-header h3
{
color               : #333;
font-size           : 75%;
font-weight         : normal;
margin              : 0px 0px 15px 0px;
line-height         : 16px;
width               : 600px;
}

/* Project images */
div.page-wrapper div.generic-content div.project-images
{
width               : 182px;
float               : right;
overflow            : hidden;
margin              : 0px 0px 0px 10px;
}

div.page-wrapper div.generic-content div.project-images img
{
float               : none;
margin              : 0px;
}

div.page-wrapper div.generic-content div.project-images img.hide
{
display				: none;
}

div.page-wrapper div.generic-content div.project-images p
{
color               : #666;
font-size           : 70%;
font-weight         : normal;
margin              : 0px;
padding             : 7px 0px 7px 3px;
line-height         : 16px;
background-color    : #EEE;
}



div.page-wrapper div.generic-content#projetcs div.page-content
{
position			: relative;
width				: 720px;
padding				: 0px 0px 0px 0px;
overflow			: hidden;
float               : left;
}

div.page-wrapper div.generic-content#projetcs div.projects-selector
{
width				: 680px;
padding				: 0px 0px 0px 40px;
border-bottom       : 1px solid #CCC;
display             : block;
margin-bottom       : 10px;
overflow			: hidden;
}

div.page-wrapper div.generic-content#projetcs div.projects-selector p.projects
{
display             : block;
float               : left;
background-image    : url(../images/generic/header_latestprojects.gif);
background-repeat   : no-repeat;
background-position : -40px 20px;
height              : 0px;
padding-top         : 50px;
width               : 150px;
overflow            : hidden;
margin              : 0px;
line-height         : 50px;
}

div.page-wrapper div.generic-content#projetcs div.projects-selector p.filter
{
display             : block;
float               : left;
margin              : 0px;
width               : 190px;
overflow            : hidden;
line-height         : 50px;
}

div.page-wrapper div.generic-content#projetcs div.projects-selector p.selectors
{
display             : block;
margin              : 0px;
line-height         : 50px;
}

div.page-wrapper div.generic-content#projetcs div.projects-selector p.selectors select
{
width               : 140px;
border              : 1px solid #CCC;
background-color    : #F6F6F6;
color               : #666;
font-size           : 100%;
font-family         : Verdana;
padding             : 1px;
margin              : 15px 0px 0px 5px;
}

* html div.page-wrapper div.generic-content#projetcs div.projects-selector p.selectors select
{
margin-top          : 15px
}

div.page-wrapper div.generic-content#projetcs div.projects-selector p.filter a
{
color               : #336699;
}

/* Projects Div */

div.page-wrapper div.generic-content#projetcs div.project
{
width				: 630px;
padding				: 10px 50px 0px 40px;
display             : block;
overflow            : hidden;
}

div.page-wrapper div.generic-content#projetcs div.project img
{
margin              : 0px 0px 0px 10px;
}

div.page-wrapper div.generic-content#projetcs div.project h4
{
color               : #336699;
font-size           : 75%;
font-weight         : normal;
margin              : 5px 0px 2px 0px;
line-height         : 16px;
}

div.page-wrapper div.generic-content#projetcs div.project p
{
margin              : 5px 0px 5px 0px;
}

div.page-wrapper div.generic-content#projetcs div.project p a
{
color               : #336699;
}


div.page-wrapper div.generic-content div.page-header h2#project
{
height              : 0px;
margin              : 25px 0px 25px 0px;
padding-top         : 28px;
width               : 518px;
overflow            : hidden;
background-image    : url(../images/Projects/projects-h2.gif);
background-repeat   : no-repeat;
}

div.page-wrapper div.generic-content div.page-header h2
{
float               : left;
}


#no-float h2
{
float               : none;
}

div.page-wrapper div.generic-content div.page-header p
{
color               : #666;
font-size           : 75%;
font-weight         : normal;
margin              : 25px 0px 15px 0px;
line-height         : 16px;
}

div.page-wrapper div.generic-content div.page-header p a
{
color               : #336699;
text-decoration     : none;
}

div.page-wrapper div.generic-content div.page-header p a span
{
text-decoration     : underline;
}

div.page-wrapper div.generic-content div.back-to-projetcs
{
position			: relative;
width				: 680px;
padding				: 10px 0px 10px 40px;
overflow			: hidden;
border-top          : 1px solid #CCC;
}

div.page-wrapper div.generic-content div.back-to-projetcs p
{
color               : #666;
font-size           : 75%;
font-weight         : normal;
margin              : 0px 0px 15px 0px;
line-height         : 16px;
}

div.page-wrapper div.generic-content div.back-to-projetcs p a
{
color               : #336699;
text-decoration     : none;
}

div.page-wrapper div.generic-content div.back-to-projetcs p a span
{
text-decoration     : underline;
}

/* Pagination */

div.page-wrapper div.generic-content#projetcs div.page-content div.pagination
{
width				: 620px;
padding				: 0px 60px 5px 40px;
overflow			: hidden;
}

div.page-wrapper div.generic-content#projetcs div.page-content div.pagination ul
{
list-style-type     : none;
margin              : 0px;
padding             : 0px;
}

div.page-wrapper div.generic-content#projetcs div.page-content div.pagination ul.pagination li
{
color               : #666666;
display             : block;
float               : left;
font-size           : 75%;
font-weight         : normal;
line-height         : 35px;
margin              : 0px;
padding             : 0px 3px;
}

div.page-wrapper div.generic-content#projetcs div.page-content div.pagination ul.pagination li.unclickable
{
color               : #CCC;
}

div.page-wrapper div.generic-content#projetcs div.page-content div.pagination ul.pagination li span
{
color               : #666;
font-weight         : bold;
}

div.page-wrapper div.generic-content#projetcs div.page-content div.pagination ul.pagination li a
{
color               : #666666;
text-decoration     : none;
}
div.page-wrapper div.generic-content#projetcs div.page-content div.pagination ul.pagination li a:hover
{
color               : #00A5CC;
text-decoration     : underline;
}

/* Home boxes */
div.page-content div.homebox 
{
border				: 1px solid #CCC;
width				: 593px;
overflow			: hidden;
padding				: 16px 16px 16px 41px;
margin-bottom		: 9px;
}

* html div.page-content div.homebox { width : 650px; }

div.page-content div.homebox h3
{
font-size			: 90% !important;
font-weight			: bold !important;
text-transform		: uppercase;
margin-bottom		: 10px !important;
color				: #666 !important;
}

div.page-content div.homebox img
{
display				: block;
border				: 1px solid #CCC;
}

div.page-content div.project-images div.download
{
	
	width : 185px;
	height : auto;
	border-bottom : 1px solid #C2C2C2;
	padding : 5px 5px 5px 0;

}
	
div.page-content div.project-images div.download img

{
	float : left;
	margin : 2px 5px 0 0;
}

div.page-content div.project-images div.download p

{
	background : #FFFFFF;
	padding : 0;
}

div.page-content div.project-images div.download p a

{
 text-decoration : none;
 color : #666666;
}