@charset "UTF-8";
/* 
CSS Document 

Version: 0.1

Created by Bram Willemse for audiotransparent & Great Lake Swimmers
Website: http://bramwillemse.com

Colors: 
Light Blue 		#4d606c
Dark Blue 		#21343f
Orange 			#f28d1e
Cream White 	#f8f9eb
*/

/* STRUCTURE START */

body { 
	background: url('images/background.jpg') #f8f9eb;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	letter-spacing: 0.05em;
	line-height: 1.3em;
	color: #21343f;
}

	#navigationbar {
		position: absolute;
		top: 0;
		left: 0;
		background: #21343f;
		height: 30px;
		width: 100%;
		text-align: center;
		letter-spacing: 0.1em;
		color: #f8f9eb;
	}
	#navigationbar h1 { margin: 0; padding: 5px; font-size: 15px; }
	#navigationbar a { color: #f28d1e; text-decoration: none; }
	#navigationbar a:hover { color: #f8f9eb; }
	#navigationbar img { padding: 0 5px; border: none; }

#container { 
	margin: 0 auto;
	width: 980px;
}
	
	#page {
		background: url('images/container-bg.png');
		width: 980px;
		padding: 35px 0 0 0;
	}
		
	.columnleft {
		display: inline-block;
		width: 400px;
		padding: 25px 0px 25px 50px;
		text-align: left;
	}
	#header { display: inline-block; }
	#header img { float: left; width: 400px; padding: 0 0 25px; }

	.columnleft a { font-size: 1.1em; font-weight: bold; }
	#info { font-size: 1.2em; line-height: 1.2em; letter-spacing: 0.1em; color: #4d606c; }	
	#socialbookmarks { text-align: center; }

	.columnright {
		display: inline-block;
		width: 450px;
		padding: 25px 50px 25px 25px;
		text-align: left; 
		vertical-align: top;
	}
	#productphoto { border: 1px solid #21343f; }
	#paypal { display: inline-block; width: 210px; margin: 10px 0 0 0; vertical-align: top; }
	#bank { display: inline-block; width: 210px; margin: 10px 0 0 0; vertical-align: top; }
	#shipping { display: block; width: 450px; clear: both; padding: 25px 0 0; text-align: left; font-size: 0.8em; line-height: 0.9em; }
	.columnright h3 { color: #21343f; font-size: 1.1em; }
	#video { width: 400px; text-align: center; padding: 25px; }
	
	/* blauw vlak met schaduw
	#gallery { text-align: center; background: #4d606c; padding: 25px; border-top: 1px solid #21343f; border-left: 1px solid #21343f; }
	#gallery img { margin: 10px; }
	#gallery a img { margin: 15px 10px 10px 15px; border-right: 2px solid #21343f; border-bottom: 2px solid #21343f; }*/



	#footer {
		margin: 0 auto;
		display: block;
		clear: both;
		height: 25px;
		width: 980px;
		padding-top: 5px;
		background: #21343f;
		font-size: 0.9em;	
		text-align: center;
		color: #f8f9eb;
		letter-spacing: 0.1em;
	}
	#footer a { color: #f8f9eb; font-weight: bold; padding: 5px 0; font-size: 1.4em;}
	#footer a:hover { color: #f28d1e;  }

/* STRUCTURE END */

/* ORDERFORM */

#orderform {  }

#orderform input { width: 50%; padding: 2px; margin: 0 0 5px; }
.submit-button { margin: 25px 0; }


/* STYLES START */

h1, h2, h3 { color: #4d606c; }
h1 { margin: 0; padding: 0; }
h2 { margin: 0; padding: 0; line-height: 1.4em; letter-spacing: 0.02em; }

a { color: #21343f; text-decoration: none; }
a:hover { color: #f28d1e; }
a img { border: none; }

img { padding: 0; margin: 0; border: none; }

/* STYLES END */