/*-----------------------------------------------------------------------------------

	01. Importing Custom Font Stylesheet
	02. Basic Styling
	03. Header Section
	04. Main Section
		01. Current Progress Section
		02. About Us and Contact Us Section

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------
	01. Importing Custom Font Stylesheet
-----------------------------------------------------------------------------------*/
	@import url('http://fonts.googleapis.com/css?family=Kreon');


/*-----------------------------------------------------------------------------------
	02. Basic Styling
-----------------------------------------------------------------------------------*/
	html, body {
		height: 100%;
	}
	
	body {
		background-image: url('../images/body_pattern.png');
		font-family: 'Kreon', serif;
		color: #888888;
	}
	
	#wrapper {
		width: 960px;
		padding-top: 200px;
		margin-left: auto;
		margin-right: auto;
		background-image: url('../images/body_light.png');
		background-position: top center;
		background-repeat: no-repeat;
	}

	.clearfix {
		clear: both;
	}


/*-----------------------------------------------------------------------------------
	03. Header Section
-----------------------------------------------------------------------------------*/
	#header {
		display: block;
		width: 735px;
		height: 36px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 15px 15px 50px;
		border: 1px solid #1b1b1b;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		-moz-border-radius: 10px;
		background-image: url('../images/container_pattern.png');
		user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;

	}

	#logo {
		display: block;
		float: left;
		height: 36px;
		margin: 0;
		padding: 0;
	}

	#logo img {
		margin: 0;
		padding: 0;
	}

	#social {
		height: 16px;
		padding: 10px 0 10px 0;
		float: right;
	}

	#social a {
		outline: 0;
		display: inline-table;
		width: 16px;
		height: 16px;
		margin-left: 10px;
	}

	#social img {
		margin: 0;
		padding: 0;
	}


/*-----------------------------------------------------------------------------------
	04. Main Section
-----------------------------------------------------------------------------------*/
	#main {
		width: 800px;
		height: 200px;
		margin-top: 40px;
		margin-right: auto;
		margin-left: auto;
		padding: 50px 0 50px 0;
		border: 1px solid #1b1b1b;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		-moz-border-radius: 10px;
		background-image: url('../images/container_pattern.png');
	}

	#shadow {
		width: 800px;
		height: 64px;
		margin-left: auto;
		margin-right: auto;
		background-image: url('../images/shadow.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	/*-------------------------------------------------------------------------------
		For Coda Slider Styling please refer to coda.slider.css
	-------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------
	04.01. Current Progress Section
-----------------------------------------------------------------------------------*/
	.subcontainer {
		width: 700px;
		height: 200px;
		display: block;
		padding: 0 50px 0 50px;
		color: #888888;
		text-align: center;
	}

	.introtext {
		font-size: 38px;
		line-height: 44px;
		margin-bottom: 15px;
		display: block;
		user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		cursor: default;
	}

	p#time{
		font-size: 24px;
		margin-bottom: 15px;
		user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		cursor: default;
	}

	p#time span{
		display: inline;
		font-size: 24px;
	}

	.message {
		font-size: 20px;
		margin-bottom: 26px;
		user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		cursor: default;
	}

	#progressbar {
		height: 28px;
		width: 528px;
		background-image: url('../images/progressbar.png');
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #121212;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	#progressbarfw {
		width: 526px;
		height: 26px;
		margin: 1px;
	}

	#progressbarfill {
		background-image: url('../images/progressbar_fill.png');
		float: left;
		height: 26px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	.progresstext {
		color: #121212;
		font-size: 15px;
		height: 26px;
		line-height: 28px;
		text-shadow: 1px 1px 0px #595959;
	}


/*-----------------------------------------------------------------------------------
	04.02. About Us and Contact Us Section
-----------------------------------------------------------------------------------*/
	.subsectiona {
		width: 350px;
		height: 200px;
		float: left;
	}

	.subsectionb {
		width: 320px;
		height: 200px;
		float: right;
		padding: 0 0 0 30px;
		text-align: left;
		background-image: url('../images/right_shadow.png');
		background-position: left center;
		background-repeat: no-repeat;
	}

	#slideshow {
		width: 290px;
		height: 190px;
		margin: 4px 30px auto auto;
		border: 1px solid #161616;
		background-image: url('../images/container_pattern.png');
	}

	#slideshow img {
		padding: 4px;
		border: 1px solid #222222;
	}
	
	.header {
		font-size: 21px;
		height: 23px;
		padding: 0;
		margin: 0 0 9px 0;
		line-height: 25px;
	}
	
	.headertext {
		width: 320px;
		padding: 0;
		margin: 0 0 10px 0;
		font-size: 11px;
		line-height: 16px;
		font-family: Arial, sans-serif;
	}
	
	.alignright {
		text-align: right;
	}
	
	.latesttweet {
		padding: 0 30px 0 0;
		width: 320px;
	}
	

	/*-------------------------------------------------------------------------------
		Twitter Script Styling (Commented Styles are of no use)
	-------------------------------------------------------------------------------*/
	.twitted {
		width: 320px;
		margin: 0;
		font-size: 11px;
		line-height: 15px;
		font-family: Arial, sans-serif;
	}
	
	/*
	.twitted h2 {
		margin: 0;
		padding: 0.3em 0.8em;
		font-size: 1em;
		color: #fff;
		background-color: #888;
	}
	*/
	
	.twitted p.preLoader {
		display: none;
	}
	
	.twitted ul#twitter_update_list {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.twitted ul#twitter_update_list li {
		margin: 0 0 16px 0;
		padding: 0;
	}
	
	.twitted ul#twitter_update_list li span {
		display: block;
	}
	
	.twitted ul#twitter_update_list li span a {
		color: #888888;
		text-decoration: none;
		font-style: italic;
	}
	
	.twitted ul#twitter_update_list li a {
		color: #323232;
		padding: 0;
		margin: 0;
		text-decoration: none;
	}
	
	/*
	.twitted p.profileLink {
		display: block;
		margin: 0;
		padding: 0.3em 1em;
		color: #fff;
		background-color: #ddd;
	}
	*/
	

	/*-------------------------------------------------------------------------------
		Contact Form Styling (Commented Styles are of no use)
	-------------------------------------------------------------------------------*/
	#contact p, label, legend {
		font-size: 12px;
		font-family: Arial, sans-serif;
	}

	/*
	#contact hr {
		color: inherit;
		height: 0;
		margin: 6px 0 6px 0;
		padding: 0;
		border: 1px solid #d9d9d9;
		border-style: none none solid;
	}
	*/

	#contact {
		display: block;
		width: 320px;
		margin: 0;
	}

	/* Form style */

	#contact label {
		display: inline-block;
		padding: 0 0 0 10px;
		color: #323232;
		float: left;
		height: 20px;
		line-height: 20px;
		width: 100px;
		cursor: pointer;
	}
	
	.fieldwrap {
		width: 245px;
		margin: 0 0 10px 0;
		display: inline-block;
	}
	
	.btnwrap {
		width: 245px;
		text-align: right;
	}

	#contact input, textarea {
		width: 129px;
		margin: 0;
		padding: 2px;
		font-size: 11px;
		line-height: 14px;
		overflow: auto;
		color: #323232;
		background-image: url('../images/input_bg.png');
		border: 1px solid #141414;
		margin: 0;
		font-size: 12px;
	}
	
	#contact input {
		height: 14px;
	}
	
	#contact textarea {
		font-family: Arial, sans-serif;
		height: 14px;
	}

	#contact input:focus, textarea:focus {
		color: #888888;
		background: #1b1b1b;
	}

	#contact input.submit {
		width: 60px;
		height: 20px;
		margin: auto auto auto 5px;
		padding: 0;
		border: none;
		cursor: pointer;
		display: inline;
		background-image: url('../images/button.png');
		background-color: #1b1b1b;
	}

	#contact input.submit:hover {
		background-image: url('../images/button_over.png');
	}
	
	#contact input[type="submit"][disabled] {
		background-image: url('../images/button.png');
	}

	#contact fieldset {
		padding: 0;
		margin: 0;
	}

	/*
	#contact legend {
		padding:7px 10px;
		font-weight:bold;
		color:#000;
		border:1px solid #eee;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		margin-bottom:0 !important;
		margin-bottom:20px;
	}
	*/

	#message {
		margin: 0 0 10px 0;
		padding: 0;
	}

	.error_message {
		display: block;
		color: #ff0000;
		font-size: 12px;
	}

	.loader {
		padding: 0;
	}

	#contact #success_page p {
		display: block;
		color: #888888;
		font-size: 12px;
	}