/* Stylesheet "Annelies Wolsink" :: v1 (18-04-2007) */
/* Coded by "WeCode.fr"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2007 "Annelies Wolsink" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Links List
		
	$4 - Image Styles
		$4.1 - General Image Styles
		$4.2 - Image Buttons

	$5 - Form Styles
		$5.1 - General Form Styles
		
*/ 







/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
	
			body {
				background: url(../img/bg_body.gif) repeat-y center #f2f2f2;
				color:#2c2c2c;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 18px;
			}
			
			#container {
				background:#fff;
				margin: 0 auto;
				padding:40px 0 0 0;
				position:relative;
				width: 810px;
			}
			
			#header {
				background: url(../img/bg_header.jpg) no-repeat center;
				height:180px;
				margin:0 auto;
				width:798px;
			}
			
			#main {
				display:table;
				margin:25px auto 25px auto;
				width: 675px;
			}
			
			#column_1 {
				float:left;
				width:330px;
			}
			
			#column_2 {
				float:left;
				margin:0 0 0 15px;
				width:330px;
			}
			
			#footer {
				background: url(../img/bg_footer.gif) no-repeat center #9EC932;
				color:#f4f2e2;
			}
			
			#internetprojects_chain, #footer {
				height:38px;
				margin: 0 auto;
				text-align:center;
				width: 693px;
			}

			
		/************************/







/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */
		
			a:link, a:visited{
				color: #343e99;
			}
			
			a:hover, a:active{
			}
			
			br.clear {
				clear:both;
			}
			
		/************************/
	
		/* 2.2 - Heading Styles */

			h1 {
				color: #343e99;
				font-size:16px;
				margin:5px 0 12px 0;
			}

			h2 {
				color: #343e99;
				font-size:12px;
			}
			
			ul#portfolio h2 {
				float:left;
				display:block;
			}
			
		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin:0 0 18px 0;
			}
			
			p.read_more {
				margin:0 0 0 0;
				text-align:right;
			}
			
			#footer p {
				margin:0 0 0 0;
				padding:9px 0 0 0;
			}
			
			ul#gallery p {
				margin:0 0 0 0;
			}
			
			ul#portfolio p {
				display:block;
				margin:1px 0 0 0;
			}			
					
		/************************/
	
		/* 2.4 - Link Styles */
		
			a.logo {
				height:80px;
				left:67px;
				position:absolute;
				top:74px;
				width:245px;
			}
			
			ul#gallery a p {
				color:#2c2c2c;
			}






/*** $3 - List Styles ***/

		/* 3.1 - General Lists */
		
			ul li {
				list-style:none;
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
		
			#header ul {
				left:30px;
				position:absolute;
				top:183px;
			}
			
			#header li {
				display:inline;
				margin:0 45px 0 37px;
			}
			
			#header li a {
				color:#d6eca0;
				font-size:16px;
				font-weight:bold;
				line-height:27px;
				padding:0 0 4px 0;
				text-decoration:none;
			}
			
			#header li.current a, #header li a:hover {
				background:url(../img/bg_current_link.gif) no-repeat center bottom;
				color:#fff;
			}

		/************************/
	
		/* 3.3 - Links List */
		
			ul#gallery {
				margin:18px 0 0 0;
			}
			
			ul#gallery li {
				border:1px solid #ddd;
				margin:0 0 18px 0;
				vertical-align:top;
			}
			
			.portfolio_item {
				border:1px solid #ddd;
				clear:both;
				display:block;
				margin:0 0 0 0;
				min-height:163px;
				padding:5px;
			}
			
			*html .portfolio_item {
				height:163px;
			}
			
			ul#gallery li img {
				float:left;
				margin:0 10px 0 0;
			}		
			
			ul#gallery li.alternative img {
				float:right;
				margin:0 0 0 10px;
			}	
			
			ul#gallery a {
				display:block;
				padding:10px 10px 10px 10px;
				text-decoration:none;
			}
			
			.portfolio_item a img{
				background:#f4f6f8;
				border:1px solid #d6e0e8;
				float:left;
				margin:0 10px 0 0;
				padding:5px 5px 5px 5px; 
			}
			
			.portfolio_item .alternative a img {
				float:right;
				margin:0 0 0 10px;
			}
			
			ul#gallery a:hover {
				background:#f4f6f8;
			}
			
			.portfolio_item .thumbs {
				clear:both;
			}

			.portfolio_item .thumbs a {
				padding:0 0 0 0;
				text-decoration:none;
			}
			
			.portfolio_item .thumbs {
				display:block;
				margin:18px 0 5px 0;
				text-align:left;
			}				
			
			.portfolio_item .thumbs img {
				background:#f4f6f8;
				border:1px solid #d6e0e8; 
				float:none;
				margin:0 0 0 0;
				padding:6px;
			}
			
			ul#portfolio li.alternative .thumbs {
				margin:18px 0 5px 0;
				text-align:right;
			}				
		/************************/









/*** $4 - Image Styles ***/

		/* 4.1 - General Image Styles */
		
			img {
				border: none;
			}
			
		/************************/
	
		/* 4.2 - Image Buttons */
		
			#header img {
				display:none;
			}

		/************************/









/*** $5 - Form Styles ***/

		/* 4.1 - General Form Styles */
		
			form {
				margin:18px 0 0 0;
			}
			
			form br {
				clear:both;
			}
			
			fieldset {
				border:1px solid #ddd;
				margin:0 0 18px 0;
				padding:0 9px 9px 9px;
			}
			
			legend {
				color:#2c2c2c;
				font-weight:bold;
				padding: 1px 3px 1px 3px;
			}
			
			label {
				float:left;
				margin:9px 0 0 0;
				width:80px;
			}
			
			input {
				border:1px solid #bbb;
				float:left;
				margin:9px 0 0 10px;
				width:180px;
			}
			
			input:focus, textarea:focus, select:focus{
				border:1px solid #999;
			}				
						
			select {
				border:1px solid #bbb;
				float:left;
				margin:9px 0 0 10px;
				width:180px;
			}
			
			textarea {
				border:1px solid #bbb;
				float:left;
				height:100px;
				margin:9px 0 0 10px;
				width:180px;
			}
			
			.submit {
				margin:-14px 0 0 0;
				width:auto;
			}
							

							
							
/* erwin */
	.pointer { cursor:hand;cursor:pointer;}
	.nopointer { cursor:default;}