/*
#################################################################################################
File: large.css
Last modified: Tuesday, April 5, 2005
Author: Didier Hilhorst
#################################################################################################
*/

/*
#################################################################################################
Main navigation declarations
#################################################################################################
*/

@import "nav.css";
/* @import "front_img.css"; */

body {
    background: #fff url(../images/bg_r.gif) repeat-y;
    margin: 0;
    padding: 0;
}

/*
#################################################################################################
General purpose declarations
#################################################################################################
*/

/* Clearing floats */
div.clearer { clear: left; height: 0; line-height: 0; }

a img { border: 0; }

#mark, p.comments strong { color: #f00; }

p.comments { padding-bottom: 0; }

form#contact_p input, form#contact_p textarea { 
	background: #fafafa;
	color: #666;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
}

p.pg { padding-right: 17px; } /* portfolio pages */

/*
#################################################################################################
Layout declarations
#################################################################################################
*/

/* Page container */
#page {
    background: #f3f3f3;
    padding: 20px 30px 30px 0;
	margin: 0 0 5px 0;
    width: 694px; /* IE5 */
    voice-family: "\"}\""; 
    voice-family: inherit;
    width: 664px; /* Standard compliant browsers */
}

html>body #page {
    width: 664px; /* Opera */
}


/* Content */
#content {
	width: 402px;
	background: #e5e5e5;
	padding: 20px 20px 30px 49px
}


/* content sections */
.section_top { height: 16px; background: #fff url(../images/section_top.gif) no-repeat; }
.section_main { padding: 0 17px 0 16px; margin: 0; background: #fff url(../images/section_main.gif) repeat-y; }
.section_bottom { height: 17px; background: #fff url(../images/section_bottom.gif) no-repeat; }

#portfolio .section_main { padding: 0 0 0 16px; margin: 0; background: #fff url(../images/section_main.gif) repeat-y; }

/* Arg! Internet Explorer */
*html .section_top, *html .section_bottom { overflow: hidden }
 /* *html .section_bottom { height: 8px; background-position: 0 -2px; } */

#portfolio .section_main #img_c_all img,
#portfolio .section_main #img_c_in img,
#portfolio .section_main #img_c_se img,
#portfolio .section_main #img_c_ta img
 { float: left; margin: 0 17px 17px 0; padding: 0; }

p {
	background: transparent;
	margin: 0; padding: 0;
}

#leftp p, #rightp p { margin: 0 0 10px 0; padding: 0; }

#sub_titles { margin: 30px 0 0 0; padding: 0 0 20px 0; }

#sub_a, #sub_b { float: left; width: 176px; }

#sub_a { margin: 0 17px 0 0; }


#full_p { 
	position: relative;
	height: 84px;
	width: 471px;
	background: #dcdcdc;
	border-top:	1px solid #fff;
}

#full_p a {
	position: absolute;
	left: 351px;
	width: 100px;
	height: 44px;
	display: block;
	background: transparent url(../images/full_p.gif) no-repeat;
	text-indent: -9000px;
	text-decoration: none;
}

/* Side */
#side {
	position: absolute;
	top: 110px;
	left: 491px;
	width: 173px;
}

#find {
	height: 68px;
	background: #e5e5e5;
	border: 4px solid #fff;
    width: 165px;
	margin: 0 0 20px 0;
}

#side p { margin: 5px 0 0 0; }

img#text, img#minus, img#plus { margin: 16px 0 0 0; }
img#plus { margin: 0 4px 0 0; }

/* Bottom (copyright, etc...) */
#bottom {
    width: 664px;
	margin: 5px 0 0 49px; 
	padding: 26px 0 40px 0; 
	background: #fff url(../images/bottom.gif) no-repeat; 
}

#bottom p {
	margin: 0;
	padding: 0;
	background: transparent;
	margin: 0 0 6px 0; padding: 0;
}

/*
#################################################################################################
Forms and input field declarations
#################################################################################################
*/

#find form, #find fieldset { padding: 0; margin: 0; border: 0; }

input#box { 
	width: 143px; 
	border: 1px solid #a8a8a8; 
	margin: 10px 0 0 10px;
	background: #fafafa;
	color: #666;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
}

input#button { margin: 7px 0 0 10px; }

label { display: block; }

textarea#comments { width: 369px; }

p#error_1 { color: #f00; }

p#error_2 { font-style: italic; }

/*
#################################################################################################
Header declarations
#################################################################################################
*/

h1 {
	font: 20px georgia, serif;
	font-weight: normal;
	margin: 16px 0 0 0; padding: 0;
	color: #444;
}

h2 {
	font: 16px georgia, serif;
	font-weight: normal;
	margin: 16px 0 0 0; padding: 0;
	color: #444;
}

h3 {
	font: 16px georgia, serif;
	font-weight: normal;
	margin: 24px 0 4px 0; padding: 0;
	color: #666;
}

h4 {
	height: 27px;
	width: 173px;
	text-indent: -9000px;
	margin: 0; padding: 0;
}

h4#s_1 { background: transparent url(../images/s_1.gif) no-repeat; }
h4#s_2 { background: transparent url(../images/s_2.gif) no-repeat; margin: 18px 0 0 0; }

h5 {
	font: 11px "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-weight: bold;
	margin: 16px 0 0 0; padding: 0;
	color: #666;
}

/*
#################################################################################################
Font and text declarations
#################################################################################################
*/

p {
	font: 13px/150% georgia, serif;
	color: #777;
	padding: 10px 0 10px 0;
}

p.small {
	font: 11px/150% "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	color: #777;
}

a.blue {
	font: 11px/150% "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	color: #5086aa;
	background: #e3eef5;
	padding: 2px;
	text-decoration: none;
}

#bottom p em { font-style: normal; color: #999; margin: 0 14px 0 0; }



/*
#################################################################################################
Link declarations
#################################################################################################
*/

#bottom p a { text-decoration: none; color: #666; border-bottom: 1px solid #ccc; }

#bottom p a.opt {
	text-decoration: none;
	color: #666;
	background: #e5e5e5;
	border: 0;
	padding: 1px 2px;
	margin: 0 6px 0 0;
}

#bottom p a:hover { border: 0; background: #fff; color: #333; }

a.in { text-decoration: none; color: #666; background: #fff0c2; padding: 2px; }

</style>