/* Reset all styles */
@import url('yui-reset.css');

/* Fix IE hover states */
/* DISABLED FOR IE 6/7 */
/* body{behavior: url("csshover3.htc");} */


/* Basic styles */
html,body{margin:0; padding:0;}
#siteContainer{margin: 0 auto; width: 935px;}
a{outline:none; color: #67b9df; text-decoration: none;}
a:hover{outline:none;color: #67b9df; text-decoration: underline;}
img{border:0;}
/* Typography */
p
{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #808084;
	line-height: 14px;
}

h1
{
    font-family: sans-serif;
    font-size: 30px;
    color: #67b9df;
    width: 520px;
}

h2
{
    font-family: sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #67b9df;
}

h4
{
    font-family: sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #67b9df;
    margin-bottom: 10px;
}

/* Same as H2, but without sIFR rendering */
h5
{
    font-family: sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #67b9df;
}


/* Structure */
#mainMenu
{
	list-style-type: none;
	float:right;
	padding-top: 42px;
}

	#mainMenu li
	{
		font-family: arial, helvetica, sans-serif;
		font-size: 15px;
		text-transform: uppercase;
		font-weight: bold;
		display: inline;
		padding-left: 10px;
	}
	
	#mainMenu li a.page
	{
		color: #808084;
	}
	
	#mainMenu li a.page:hover
	{
		color: #67b9df;
		text-decoration: none;
	}
	

#subMenu
{
	list-style-type: none;
	float:right;
	padding-top: 10px;
	width: 600px;
	text-align: right;
}

	#subMenu li
	{
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		display: inline;
		padding-left: 10px;
	}
	
	#subMenu li a.page
	{
		color: #808084;
	}
	
	#subMenu li a.page:hover
	{
		color: #67b9df;
		text-decoration: none;
	}
	
a.current
{
	color: #67b9df;
	text-decoration: none;
}
#headerImage
{
	clear:both;
}

#paardHeaderImage{width: 430px; float:left;}

#clearfix
{
	clear:both;
	visibility: hidden;
}

#logo
{
	float:left;
	margin-top: 20px;
	margin-bottom: 30px;
}

#mainContent
{
	margin-top: 20px;
	clear:both;
}

	#textLeft
	{
		margin-top: 20px;
		width: 430px;
		float: left;
	}
	
	#textRight
	{
		margin-top: 20px;
		width: 430px;
		float: right;
	}

	#textPaard
	{
		width: 430px;
		float: right;
	}
	
	#textFull
	{
		margin-top: 20px;
		width: 935px;
	}
	
	div.fixit{clear:both;}

#closeContent
{
	color: #bfbfc1;
	border-top: 1px solid #bfbfc1;
	font-family: arial, helvetica, sans-serif;	
	font-size: 10px;
	padding-top: 5px;
	text-align:right;
}


	#navLeft {float:left;}
	#navRight {float:right;}



/* Home */

div.newsHome
{
	float: left;
	width: 290px;
}

div.newsListing
{
	float: left;
	width: 430px;
}

.newsSubDate
{
	color: #808084;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
        float:left;
        padding: 0 10px 0 0;
}

.newsHomeDate
{
	color: #808084;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div.readMore
{
	border-top: 1px solid #bfbfc1;
	color: #67b9df;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 5px;
}

a.newsList
{
float: left;
}


/* Projects */

#fullsizeProject, #fullsizePaard
{
	margin-bottom: 40px;
	position: relative;
	clear:both;
}

	#fullsizeProjectTextContainer, #fullsizeProjectTextContainer
	{
		background-image: url('../../gfx/core/fullsizeprojectoverlay.png');
		position: absolute;
		right: 50px;
		bottom: 50px;
                top: 150px;
		z-index:98;
		width: 523px;
		height: 82px;
		padding: 20px;
	}
	
	#fullsizeProjectButton, #fullsizePaardButton
	{
                
		position: absolute;
		right: 65px;
		bottom: 35px;
                top: 250px;
		z-index:99;
	}
	
div.projectDescription, div.paardDescription
{
	position: absolute;
	width: 380px;
}

#projectThumbnailContainer, #paardThumbnailContainer
{
	margin: 0;
	padding: 0;
	list-style:none;
	width:935px;
	float: left;
}

li.projectThumbnail
{
	float: left;
	display: block;
	width: 232px;
text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
}


li.paardThumbnail
{
	float: left;
	display: block;
	width: 311px;
text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
}

li.projectThumbnail img, li.paardThumbnail img
{
	border: 3px solid #dfdfe0;
	display:block;
	margin:0 auto; 
}

li.projectThumbnail img:hover, li.paardThumbnail img:hover
{
	border: 3px solid #67b9df;
}

#projectOverviewText, #paardOverviewText
{
	margin-top: 20px;
	width: 469px;
	float: right;
}

#currentPage
{
    color: #67b9df;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
	margin-left: 10px;
}

#totalPages
{
	color: #808084;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;

}

/* Project Detail */

#projectContent, #paardContent
{
	clear:both;
}

#projectTitle, #paardTitle
{
	clear:both;
	margin-bottom: 20px;
	float: left;
}

#projectMenu, #paardMenu
{
	list-style-type: none;
	float:right;
	padding-top: 45px;
}

	#projectMenu li, #paardMenu li
	{
		font-family: arial, helvetica, sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: bold;
		display: inline;
		padding-left: 10px;
	}
	
	#projectMenu li a.page, #paardMenu li a.page
	{
		color: #808084;
	}
	
	#projectMenu li a.page:hover, #projectMenu li a.page:hover
	{
		color: #67b9df;
		text-decoration: none;
	}

#navBack
{
	float:right;
	height: 33px;
	display: table-cell;
}

#navBack img
{
	vertical-align: middle;
	position: relative;
	top: -3px;
	margin-right: 6px;
}

span.navDescription
{
    font-family: sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #67b9df;
}

/* Photo Viewer */

#projectPhotoViewer, #paardPhotoViewer
{
	margin: 0;
	padding: 0;
	list-style:none;
	width:285px;
	float: left;
}

li.projectPhotoViewerThumbnail, li.paardPhotoViewerThumbnail
{
	float: left;
	display: inline;
	width: 70px;
	margin-right:17px;
	margin-bottom: 5px;
}

li.projectPhotoViewerThumbnail img, li.paardPhotoViewerThumbnail img
{
	border: 3px solid #dfdfe0;
	display:block;
	margin:0 auto; 
	float: left;	
}

li.paardPhotoViewerThumbnail img:hover
{
	border: 3px solid #67b9df;
}

li.projectPhotoViewerThumbnail img:hover
{
	border: 3px solid #67b9df;
}

#projectPhotoNavigation, #paardPhotoNavigation
{
	border-top: 1px solid #bfbfc1;
	margin-top: 7px;
	width: 262px;
	float: left;
}

#projectPhotoDescriptions, #paardPhotoDescriptions
{
	margin-top: 7px;
	width: 262px;
	float: left;
}

div.photoDescription
{
	border-top: 1px solid #bfbfc1;
	position: absolute;
	width: 262px;
	padding-top: 20px;
}

#projectPhotos, #paardPhotos
{
	margin: 0;
	padding: 0;
	list-style:none;
	width: 606px;
	height: 400px;
	float: right;
	text-align: center;

        position: relative;
}

.projectPhoto, .paardPhoto
{

	height: 400px;
	width: 606px;
        position: absolute;
        left: 0;
}

.projectPhoto img, .paardPhoto img
{
	border: 3px solid #dfdfe0;
        margin: 0 auto;
        max-height: 400px;
}