/* Main CSS Styles Document 
Author: 	Steven Gleave
Last Modified: 	07/10/2008
*/

/* Import Master Reset */
@import url(reset.css);

body { margin:0; padding:0; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:1em; }

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

#tabData, #tabCredits { display:none; }

/* HOME PAGE STYLE */
#container_home { width:800px; height:600px; margin-left:50px; background-image:url(../images/mark-background.jpg); background-repeat:no-repeat; background-position:178px 0px; position:relative; }

#container_home #contact a, #container_home #nieuws a, #container_home #projecten a, #container_home #publicaties a, #container_home #studio a { text-align:center;width:122px; height: 105px; font-size:0.9em; text-decoration:none; color:#EBEBEB !important; padding:25px 0 0 0; }

#container_home #recent-project-container,#container_home #home-news-container {display:none; }

#container_home #contact a { position:absolute; top:51px; left:268px; }
#container_home #nieuws a { position:absolute; top:259px; left:267px; z-index:100; }
#container_home #projecten a { position:absolute; top:103px; left:356px; }
#container_home #publicaties a { position:absolute; top:206px; left:356px; }
#container_home #studio a { position:absolute; top:155px; left:267px; }

#container_home #contact a:hover, #container_home #nieuws a:hover, #container_home #projecten a:hover, #container_home #publicaties a:hover, #container_home #studio a:hover { width:122px; height: 105px; font-size:0.9em; text-decoration:none; color:#FFF; padding:25px 0 0 0; }
#container_home #contact a:hover { background-image:url(../images/but-contact.jpg); background-repeat:no-repeat; }
#container_home #nieuws a:hover { background-image:url(../images/but-nieuws.gif); background-repeat:no-repeat; }
#container_home #projecten a:hover { background-image:url(../images/but-projecten.jpg); background-repeat:no-repeat; }
#container_home #publicaties a:hover { background-image:url(../images/but-publicaties.gif); background-repeat:no-repeat; }
#container_home #studio a:hover { background-image:url(../images/but-studio.jpg); background-repeat:no-repeat; }

#container_home #contact a:visited, #container_home #nieuws a:visited, #container_home #projecten a:visited, #container_home #publicaties a:visited, #container_home #studio a:visited { text-decoration:none; color:FFF; }

#container_home #home-news { width:122px; height:105px; position:absolute; top:310px; left:178px; }
#container_home #home-news-container { width:122px; height:105px; position:absolute; top:0; left:0; }

#container_home #recent-project { width:122px; height:105px; position:absolute; top:154px; left:626px; }
#container_home #recent-project-container { width:122px; height:105px; position:absolute; top:0; left:0; }

/* PROJECT PAGE */
#container_project { width:1300px; height:1300px; margin-left:50px; background-image:url(../images/bg-project.jpg); background-repeat:no-repeat; position:relative; }
.container_project_overzicht { width:1012px; height:950px !important; margin-left:50px; background-image:url(../images/bg-project-overzicht.jpg) !important; background-repeat:no-repeat; position:relative; }

#container_project #contact a, #container_project #projecten a, #container_project #studio a {  text-align:center;width:122px; height: 105px; font-size:0.9em; text-decoration:none; color:#EBEBEB !important; padding:25px 0 0 0; }

#container_project #contact a { position:absolute; top:52px; left:269px; }
#container_project #projecten a { position:absolute; top:103px; left:357px; }
#container_project #studio a { position:absolute; top:155px; left:268px; }

#container_project #contact a:hover, #container_project #projecten a:hover, #container_project #studio a:hover { width:122px; height:105px; font-size:0.9em; text-decoration:none; color:#FFF; padding:25px 0 0 0; }
#container_project #contact a:hover { background-image:url(../images/but-contact.jpg); background-repeat:no-repeat; }
#container_project #projecten a:hover { background-image:url(../images/but-projecten-other.jpg); background-repeat:no-repeat; }
#container_project #studio a:hover { background-image:url(../images/but-studio-other.jpg); background-repeat:no-repeat; }

#container_project #contact a:visited, #container_project #projecten a:visited, #container_project #studio a:visited { text-decoration:none; color:FFF; }

#container_project #content { width:500px; height:400px; position:relative; top:237px; left:390px;}
#container_project .content { width:500px; height:350px; overflow:auto; }
#container_project #content a { text-decoration:none; color:#F79C0F; }
#container_project #content a:hover { text-decoration:underline; }

#container_project #content #hor-minimalist-a { width:100%; margin:0; border-collapse:collapse; text-align:left;}
#container_project #content #hor-minimalist-a th { font-size: .9em;font-weight:normal; color:#F79C0F; padding:10px 10px 5px 0px; border-bottom:1px solid #B6BEB6; }
#container_project #content #hor-minimalist-a th a.sort-desc { padding-right:15px; background-image:url(../images/arrow-desc.jpg); background-repeat:no-repeat; background-position:right }
#container_project #content #hor-minimalist-a th a.sort-asc { padding-right:15px; background-image:url(../images/arrow-asc.jpg); background-repeat:no-repeat; background-position:right }
#container_project #content #hor-minimalist-a td { font-size:.8em; line-height:1.7em; color:#505050; padding:0 30px 0px 0px; vertical-align: bottom; }
#container_project #content #hor-minimalist-a { margin-bottom:.9em !important; }

#container_project #content { overflow:auto;}
#container_project .photonav { margin-bottom:2em;}
#container_project #content2 { width:540px; position:relative; top:237px; left:390px; }
#container_project #content_left { width:265px; height:400px; float:left; text-align:right; position:relative; top:315px; left:95px; overflow:auto; }
#container_project #content_right { width:500px; height:500px; float:left; position:relative; top:315px; left:126px; }
#container_project #content li { list-style:none; padding-left:15px; margin-bottom:0px; background-image:url(../images/bullet.png); background-repeat:no-repeat; background-position:0px 4px; }
#container_project #content2 #nav { display:inline; margin-right:1em; }
#container_project #content2 .nav_projects {display: inline;}
#container_project #content2 .nav_projects img  { top:0px; position:relative; }
#container_project #content_left h4 {display:none}

#descr_content, #credits_content, #data_content {padding-right:6px }

/* STUDIO PAGE */
#container_studio { width:1100px; height:730px; margin-left:50px; background-image:url(../images/bg-content.jpg); background-repeat:no-repeat; background-position:178px 0px; position:relative; }

#container_studio #contact a, #container_studio #projecten a, #container_studio #studio a {  text-align:center;width:122px; height: 105px; font-size:0.9em; text-decoration:none; color:#EBEBEB !important; padding:25px 0 0 0; }

#container_studio #contact a { position:absolute; top:51px; left:268px; }
#container_studio #projecten a { position:absolute; top:103px; left:358px; }
#container_studio #studio a { position:absolute; top:155px; left:268px; }

#container_studio #contact a:hover, #container_studio #projecten a:hover, #container_studio #studio a:hover { width:122px; height: 105px; font-size:0.9em; text-decoration:none; color:#FFF; padding:25px 0 0 0; }
#container_studio #contact a:hover { background-image:url(../images/but-contact.jpg); background-repeat:no-repeat; }
#container_studio #projecten a:hover { background-image:url(../images/but-projecten-other.jpg); background-repeat:no-repeat; }
#container_studio #studio a:hover { background-image:url(../images/but-studio-other.jpg); background-repeat:no-repeat; }

#container_studio #contact a:visited, #container_studio #projecten a:visited, #container_studio #studio a:visited { text-decoration:none; color:FFF; }

#container_studio #content { width:480px; height:430px; position:relative; top:237px; left:393px; }
#container_studio #content_normal { width:480px; height:380px; overflow:auto; }

#container_studio #content #nav { color:#fff; margin-bottom:.3em; }
#container_studio #content #nav a.small { font-size:.9em; font-weight:normal; text-decoration:none; }
#container_studio #content #nav a:hover { text-decoration:underline; }

#container_studio #content_normal ul { margin:0; padding:0; }
#container_studio #content_normal li, #container_studio #content_normal h1 a, #container_studio #content_normal dt a { list-style:none; padding-left:15px; margin-bottom:0px; background-image:url(../images/bullet.png); background-repeat:no-repeat; background-position:0px 4px; }
#container_studio #content_normal dl, #container_studio #content_normal dt { margin:0; padding:0;}
#container_studio #content_normal dd { margin-left:15px; }
#container_studio #content_normal dt a { font-weight:bold; }
#container_studio #content_normal .csc-textpic-imagewrap dt a { background-image: none; padding-left:0; }

/* CONTACT PAGE */
#container_contact { width:850px; height:700px; margin-left:50px; ; background-image:url(../images/bg-contact.jpg); background-repeat:no-repeat; background-position:178px 0px; position:relative; }

#container_contact #contact a, #container_contact #projecten a, #container_contact #studio a {  text-align:center;width:122px; height: 105px; font-size:0.9em; text-decoration:none; color:#EBEBEB !important; padding:25px 0 0 0; }

#container_contact #contact a { position:absolute; top:51px; left:268px; display:none; }
#container_contact #projecten a { position:absolute; top:103px; left:357px; }
#container_contact #studio a { position:absolute; top:155px; left:268px; }

#container_contact #contact a:hover, #container_contact #projecten a:hover, #container_contact #studio a:hover { width:122px; height: 105px; font-size:0.9em; text-decoration:none; color:#FFF; padding:25px 0 0 0; }
#container_contact #contact a:hover { background-image:url(../images/but-contact.jpg); background-repeat:no-repeat; }
#container_contact #projecten a:hover { background-image:url(../images/but-projecten-other.jpg); background-repeat:no-repeat; }
#container_contact #studio a:hover { background-image:url(../images/but-studio-other.jpg); background-repeat:no-repeat; }

#container_contact #contact a:visited, #container_contact #projecten a:visited, #container_contact #studio a:visited { text-decoration:none; color:FFF; }
#container_contact #content { width:250px; height:270px; position:relative; top:237px; left:393px; overflow:auto; }

#container_contact #content #nav { color:#fff; margin-bottom:.3em; }
#container_contact #content #nav a.small { font-size:.9em; font-weight:normal; text-decoration:none; }
#container_contact #content #nav a:hover { text-decoration:underline; }

/* FOOTER */ 
#footer { display: none; margin-left:50px; clear:both;}
#footer p, #footer a { color:#D9E2D9;}
#footer a:hover { color:#F79C0F;}

p, li, dt, dd { font-size:.8em; line-height:1.5em; margin-bottom:.9em; color:#505050; }
h1,h2,h3,h4 { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#737373; line-height:1.4em; margin-bottom:0.5em; display:inline; }
a.pagelink { margin-top: 1em; font-weight:normal; list-style:none; padding-left:15px; margin-bottom:0px; background-image:url(../images/bullet.png); background-repeat:no-repeat; background-position:0px 3px;}
h1 { font-size:1.3em; font-weight:normal; }
h2 { font-size:.9em; font-weight:bold; }
h3 { color:#505050;font-size:.8em; font-weight:bold !important; margin-top:1.5em;display:block;margin-bottom:0;padding-right:6px }
h4 {font-size:.9em; font-weight:bold; }
.nav a  { color:#F79C0F; font-size:.9em; padding:6px; }
.nav_projects a  { font-size:.9em; }
.nav h1 a, h2 a { background-image: none; font-size:1.3em !important; padding-left:0;font-weight:normal; color:#737373 !important;}
#nav h1 a { color:#737373 !important; }
.nav, .nav p { color:#FFF; }
.nav p { font-size:.9em; right:0px; position:relative; }

#container_studio #content_normal h1.csc-firstHeader { font-size:.9em; font-weight:bold; }

#link_index { width:90px; height:280px; left:178px; position:absolute; cursor:pointer; }