/* ------------------------------------------------------------------------
	Content Redefinition
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; }
	
	body {
		font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
		background: #180c0b url(../images/backgrounds/background.jpg) top center no-repeat;
	}


/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

	.b_download {
		background: url(../images/buttons/b_download.gif) top left no-repeat;
		display: block;
		height: 21px;
		text-indent: -10000px;
		width: 83px;
	}
	
	.error {
		display: none;
		margin: 0 0 10px 0;
	}
		.error p { color: #FE0000 !important; }


/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

	#page {
		width: 877px;
		margin: 0 auto;
		padding: 0 0 40px 0;
	}
	
	#header {
		background: url(../images/backgrounds/white_dotted_line.gif) bottom left repeat-x;
		height: 117px;
		padding: 56px 0 0 0;
		position: relative;
	}
	
		#header h1 {
			background: url(../images/titles/logo_turkoise.gif) top left no-repeat;
			height: 71px;
			text-indent: -10000px;
			width: 436px;
		}
		
		#header .subtitle {
			background: url(../images/titles/turkoise_subtitle.gif) top left no-repeat;
			height: 18px;
			position: absolute;
			right: 4px;
			text-indent: -10000px;
			top: 110px;
			width: 288px;
		}
	
	#content {
		padding: 40px 0 22px 0;
		position: relative;
		background: url(../images/backgrounds/white_dotted_line.gif) bottom left repeat-x;
	}
	
		#content .colLeft {
			float: left;
			width: 245px;
			margin-right: 54px;
		}
		
			#content .colLeft h2,
			#content .colLeft h3 {
				color: #7bbcac;
				font-size: 1.7em;
				font-weight: normal;
				margin: 0 0 9px 0;
			}
			
			#content .colLeft h3 {
				color: #f7bd2f;
				margin-bottom: 7px;
			}
			
			#content .colLeft p {
				font-size: 1.3em;
				line-height: 1.3;
				width: 250px;
			}
			
			#content .colLeft label {
				color: #fff;
				display: block;
				font-size: 1.3em;
				width: 190px;
			}
			
			#content .colLeft form {
				background: url(../images/backgrounds/white_dotted_line.gif) bottom left repeat-x;
				margin: 20px 0 28px 0;
				padding: 0 0 38px 0;
			}
			
			#content .colLeft input {
				background: url(../images/backgrounds/input_background.gif) top left no-repeat;
				float: left;
				font-size: 1em;
				height: 18px;
				padding: 3px 0 0 10px;
				width: 160px;
			}
			
			#content .colLeft input.submit {
				background: none;
				float: left;
				height: auto;
				padding: 0;
				width: auto;
				margin: 0 0 0 5px;
			}
			
			#content .colLeft .b_download { margin: 17px 0 0 0; }
		
		
		#content .colRight {
			float: left;
			width: 578px;
		}
		
		#content .twoCol {
			background: url(../images/backgrounds/white_dotted_line.gif) top left repeat-x;
			clear: both;
			float: left;
			margin: 44px 0 0 0;
			padding: 31px 0 0 0;
			width: 100%;
		}
		
			#content .twoCol h4 {
				color: #836b6a;
				font-size: 1.7em;
				font-weight: normal;
				margin: 0 0 5px 0;
			}
			
			#content .twoCol p {
				font-size: 1.3em;
				margin: 0 0 10px 0;
				width: 640px;
			}
			
			#content .twoCol p a {
				color: #836b6a;
			}
				#content .twoCol p a:hover { text-decoration: none; }
		
		#content .desc {
			color: #db346f;
			font-size: 1.9em;
			line-height: 1.5;
			margin: 0 0 17px 0;
			width: auto;
		}
		
			#content .desc em { color: #fff; } 
			
		#content h3 {
			color: #db346f;
			font-size: 1.5em;
			font-weight: normal;
		}
		
		#content p {
			color: #fff;
			font-size: 1.4em;
			line-height: 1.4;
			width: 325px;
		}
		
		#content ul {
			color: #fff;
			font-size: 1.4em;
			list-style: none;
			margin: 2px 0 20px 0;
		}
		
			#content ul li {
				margin: 0 0 2px 0;
			}
		
		#cupcake a {
			background: url(../images/titles/cupcake.gif) top left no-repeat;
			display: block;
			height: 200px;
			position: absolute;
			right: 11px;
			text-indent: -10000px;
			top: 289px;
			width: 198px;
		}
			
	#footer {
		color: #836b6a;
		clear: both;
		font-size: 1.3em;
		margin: 25px 0 0 0;
	}


/* ------------------------------------------------------------------------
	Misc
------------------------------------------------------------------------- */

	#overlay {
		position: absolute;
		top: 0;
		left: 50%;
		margin: 0 0 0 -490px;
		opacity: 0.5;
	}
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */