/*------------------------------------*\
   CONTENTS
\*------------------------------------*/
/*

1. Main
2. Header
3. Menu
4. Content
5. Footer
6. Misc

*/

/*------------------------------------*\
   1. Main
\*------------------------------------*/

html {
   margin:0px;
   padding:0px;
}

body {
   margin:0px;
   padding:0px;
   font-family:Arial, sans serif;
   background:#eeeeee;
}

.wrapper {
	width:960px;
	margin:0px auto;
	}
	
* {
	outline:none;
	text-decoration:none;
	}
	
a {
	-webkit-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	border:0px;
	}
	
img {
	border:0px;
	}

/*------------------------------------*\
   2. Header
\*------------------------------------*/

.header {
	height:111px;
	background:url(img/header-bg.jpg);
	}
	
	.header .logo {
		padding-top:28px;
		width:300px;
		float:left;
		}
		
		.header .side-logo {
			width:100px;
			float:right;
			text-align:right;
			padding:10px 0px 0px 0px;
			}

/*------------------------------------*\
   3. Menu
\*------------------------------------*/

.menu {
	height:36px;
	background:url(img/menu-bg.jpg);
	font-weight:bold;
	text-shadow:#000 1px 1px 1px;
	letter-spacing:1px;
	font-size:11px;
	}
	
	.menu a {
		color:#d6d5d5;
		text-decoration:none;
		display:block;
		float:left;
		margin-right:25px;
		padding-top:11px;
		}
		
	.menu a:hover {
		color:#fff;
		}

/*------------------------------------*\
   4. Content
\*------------------------------------*/

.content {
	overflow:hidden;
	background:#fff;
	}
	
	.content .left {
		width:240px;
		float:left;
		color:#6f6f6f;
		font-size:11px;
		line-height:20px;
		padding:20px 0px;
		}
			
			.content .left h3 {
				margin:0px;
				padding:0px;
				color:#000;
				}
				
			.content .left p {
				padding:0px;
				margin:0px;
				}
				
				.content .left p a {
					color:#000;
					font-weight:bold;
					}
					
				.content .left p a:hover {
					color:#b60134;
					}
					
			.content .left img {
				margin-bottom:10px;
				}
		
	.content .center {
		width: 420px;
		float:left;
		padding:20px 30px;
		font-size:12px;
		}
		
		.content .center h1 {
			color:#b60134;
			margin:0px 0px 10px 0px;
			}
		
		.content .center p {
			color:#343434;
			line-height:22px;
			}
			
			.content .center a {
				color:#000;
				font-weight:bold;
				}
				
			.content .center p a:hover {
				color:#b60134;
				}
		
	.content .right {
		width:200px;
		float:right;
		background:#eeeeee;
		padding:20px 20px 10px 20px;
		margin-top:20px;
		font-size:12px;
		line-height:20px;
		margin-bottom:20px;
	}
	
		.content .right h2 {
			margin:0px;
			font-size:15px;
			color:#2a2a2a;
			}
			
			.content .right p {
				color:#7c7c7c;
				margin:0px;
				margin:10px 0px;
				}
			
			.content .right .bottom {
				border-top:1px solid #d4d4d4;
				text-align:center;
				}
				
				.red {
					color:#b60134;
					font-weight:bold;
					}
					
				.black {
					color:#000;
					font-weight:bold;
					}

/*------------------------------------*\
   5. Footer
\*------------------------------------*/

	.footer {
		overflow:hidden;
		}
		
		.footer .column {
			width:200px;
			float:left;
			font-size:12px;
			color:#7c7c7c;
			padding:10px 0px 0px 0px;
			line-height:24px;
			}
			
		.footer .copyright {
			width:200px;
			float:right;
			}
			
		.footer .right-column {
			width:400px;
			float:right;
			text-align:right;
			font-size:12px;
			padding:20px 0px;
			color:#7c7c7c;
			}

/*------------------------------------*\
   6. Misc
\*------------------------------------*/

.form {
	overflow:hidden;
	}
	
	.form-row {
		overflow:hidden;
		padding:10px 0px;
		}
		
		.form-left {
			width:120px;
			float:left;
			}
			
		.form-right {
			width:300px;
			float:left;
			}
			
			.form-row .input {
				border:1px solid #c7c7c8;
				padding:5px 7px;
				background: url(img/bg-form.png);
				border-radius:2px;
				width:200px;
				color:#303030;
				}
				
			.form-row textarea {
				border:1px solid #c7c7c8;
				padding:5px 7px;
				background: url(img/bg-form.png) repeat-x;
				border-radius:2px;
				width:250px;
				height:120px;
				color:#303030;
				font-family:Arial;
				}
				
			.form-row .submit {
				border:0px;
				background:#303030;
				color:#fff;
				padding:5px 7px;
				width:50px;
				border-radius:2px;
				-webkit-transition: background 0.2s ease-in;
				-moz-transition: background 0.2s ease-in;
				-o-transition: background 0.2s ease-in;
				}
				
			.form-row .submit:hover {
				background:#b60134;
				}
				
.succes {
	background:#87a900;
	padding:10px;
	border-radius:5px;
	color:#fff;
	font-size:12px;
	margin-bottom:15px;
	}
	
.list {
	line-height:20px;
	background:#f5f5f5;
	padding:15px 15px 15px 30px;
	color:#393939;
	border-radius:5px;
	}
	
.intro {
	width:850px;
	margin:100px auto 0px auto;
	padding:20px;
	background:#fff;
	border-radius:5px;
	display:none;
	}
	
.introbutton {
	display:block;
	margin:20px auto 0px auto;
	width:145px;
	font-size:12px;
	color:#fff;
	background:#303030;
	padding:10px;
	border-radius:3px;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	}
	
	.introbutton:hover {
		background:#b60134;
		}