/* - DOCUMENT INFORMATION
------------------------------------------------- 
	Description: Ruff Reams
	Author: Modern Innovation
	Author URL: http://www.themoderninnovation.com
	Version: 1.0
/*


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

    - Global ............................... 1.0.
		- Fonts/Headings ................... 1.1.
		- Logo/Navigation .................. 1.2.
	- Home Page ............................ 2.0.
		- Fonts ............................ 2.1.
	- Portfolio ............................ 3.0.
		- Fonts ............................ 3.1.
	- About US ............................. 4.0.
		- Fonts ............................ 4.1.	
	- Footer ............................... 10.0.
		- Fonts ............................ 10.1.		
		
		
	
*/



/* - 1.0. - Global
---------------------------------------------- */

	html, body {
		height: 100%;
		margin: 0px;
	}

	#header-wrapper {
		margin: 0px auto;
		background: url(images/header-bg.png) repeat;
		height: 180px;
	}
	
	#header-wrapper #container {
		width: 960px;
		margin: 0px auto; 
		position: relative;
		top: 0px;
		display:block;
	}
	
	#home-main-wrapper {
		margin: 0px auto;
		background: url(images/body-bg.png) repeat;
	}
	
	#home-main-wrapper #container {
		width: 960px;
		height: 900px;
		margin: 0px auto; 
	}
	
	
	#portfolio-main-wrapper {
		margin: 0px auto;
		background: url(images/body-bg.png) repeat;
	}
	
	#portfolio-main-wrapper #container {
		width: 960px;
		height: 1050px;
		margin: 0px auto; 
	}
	
	#case-study-main-wrapper {
		margin: 0px auto;
		background: url(images/body-bg.png) repeat;
	}
	
	#case-study-main-wrapper #container {
		width: 960px;
		height: 880px;
		margin: 0px auto; 
	}
	
	#aboutus-main-wrapper {
		margin: 0px auto;
		background: url(images/body-bg.png) repeat;
	}
	
	#aboutus-main-wrapper #container {
		width: 960px;
		height: 980px;
		margin: 0px auto; 
	}
	
	#process-main-wrapper {
		margin: 0px auto;
		background: url(images/body-bg.png) repeat;
	}
	
	#process-main-wrapper #container {
		width: 960px;
		height: 1450px;
		margin: 0px auto; 
	}
	
	#contactus-main-wrapper {
		margin: 0px auto;
		background: url(images/body-bg.png) repeat;
	}
	
	#contactus-main-wrapper #container {
		width: 960px;
		height: 800px;
		margin: 0px auto; 
	}
	
	#footer-wrapper{
		margin: 0px auto;
		background: url(images/footer-bg.png) #16130f top repeat-x;
		height: 400px;
	}
	
	#footer-wrapper #container {
		width: 960px;
		margin: 0px auto; 
		position: relative;
		top: 0px;
		display:block;
	}
	
	img {
		border: none;
		filter: 0;
	}

	img a {
		border-style: none;
		border: none;
		filter: 0;
	}
	
	/* - 1.1. - Fonts/Headings
	---------------------------------------------- */
	
	p {
		font-family: Georgia;
		font-size: 14px;
		line-height: 18px;
		padding: 5px 0px;
		color: #bebab0;
	}
	
	h1 {
		font-family: Georgia;
		font-size: 18px;
		color: #fff;
		padding: 0px 0px 20px 0px;
		font-weight: 100;
	}
	
	h2 {
		font-family: Georgia;
		font-size: 18px;
		color: #fff;
		padding: 10px 0px 20px 15px;
		font-weight: 100;
	}
	
	h3 {
		font-family: Georgia;
		font-size: 18px;
		color: #fff;
		padding: 10px 0px 5px 15px;
		font-weight: 100;
	}
	
	h4 {
		font-family: Georgia;
		font-size: 14px;
		color: #fff;
		padding: 0px 0px 0px 10px;
		font-weight: bold;
		margin: 0px;
	}
	
	.split {
		color: #bebab0;
	}
	
	.numbers {
		font-family: Arial;
		font-size: 14px;
		padding: 5px 0px;
		color: #fff;
	}
	
	img {border:none}
	
	img a {border:none}
	
	/* - 1.2. - Logo/Navigation
	---------------------------------------------- */
	
		#logo {
			padding: 10px 267px 10px 267px;
		}
	
		#navigation {
			height: 57px;
			width: 960px;
			padding: 5px 0px;
			background: url(images/nav-bg.png) no-repeat;
		}
		
		#navigation ul {
			list-style: none;
		}
		
		#navigation ul li {
			display: inline;
			font-size: 16px;
			color: #434343;
			font-family: Georgia;
			padding: 0px 45px;
		}
		
		#navigation a {
			color: #434343;
			text-decoration: none;
		}
		
		#navigation a:hover {
			color: #a3ab4f;
			text-decoration: none;
		}
		
		#navigation ul li.active {
			color: #a3ab4f;
		}
	


	/* - 2.0. - Home
	---------------------------------------------- */	
		
		.featured-img{
			padding: 15px 0px;
		}
		
		.home-col-lft {
			float: left;
			width: 430px;
			margin: 0px 25px;
			background: url(images/intro-bg.png) no-repeat;
		}
		
		.home-col-rt {
			float: right;
			width: 440px;
			margin: 0px 20px;
			background: url(images/intro-bg.png) no-repeat;
		}
		
		.intro {
			width: 400px;
			padding: 10px 0px 20px 20px;
		}
		
		.read-more {
			margin: 0px 0px 0px 40px ;
			height: 75px;
			background: url(images/readmore-bg.png) no-repeat;
		}
		
		.read-more-btn {
			float: right;
			padding: 18px 28px 0 0;
			width: 75px;
		}
		
		.line {
			padding: 3px 0px 3px 0px;
		}

		/* - 2.1. - Fonts
		---------------------------------------------- */
		
			p.quote {
				font-family: Georgia;
				color: #fff;
				font-size: 20px;
				text-align: center;
				font-style: italic;
				font-weight: 100;
			}
	
	
	/* - 3.0. - Portfolio
	---------------------------------------------- */
	
	#portfolio {
		padding: 25px 0px 0px 0px;
	}
	
	.portfolio-intro {
		float: left;
		width: 320px;
		background: url(images/intro-bg.png) no-repeat;
	}
	
	.case-study-intro {
		float: left;
		width: 960px;
		height: 110px;
		background: url(images/intro-bg.png) no-repeat;
	}
	
	.port-col-2 {
		float: left;
		width: 320px;
		padding: 79px 0px 0px 0px;
	}
	
	.port-col-3 {
		float: right;
		width: 320px;
		padding: 79px 0px 0px 0px;
	}
	
	.properties {
		padding: 0px 0px 50px 10px;
	}
	
	.prop-txt {
		padding: 10px 0 0 10px;
	}
	
	
		/* - 3.1. - Fonts
		---------------------------------------------- */
	
			p.title {
				font-size: 18px;
				color: #fff;
				padding: 0px;
 				margin: 0px;
			}
				
			p.location {
				font-family: Arial;
				font-size: 12px;
				color: #bebab0;
				padding: 5px 0 0 0;
				margin: 0px;
			}
			
			
	
	
	/* - 4.0. - About Us
	---------------------------------------------- */
	
		#aboutus {
			padding: 25px 0px 0px 0px;
		}
	
		.aboutus-intro {
			float: left;
			width: 450px;
			background: url(images/intro-bg.png) no-repeat;
		}
		
		.about-col-lft {
			float: left;
			width: 400px;
			padding: 0 0 0 15px;
			margin: 0px;
		}
		
		.about-col-rt {
			float: right;
			padding: 65px 0 0 0;
			width: 450px;
		}
		
		#team {
			padding: 55px 0 0 0;
		}
		
		.team-intro {
			background: url(images/intro-bg.png) no-repeat;
			float: left;
			width: 450px;
		}
		
		.team-col-2 {
			float: right;
			width: 450px;
			padding: 65px 0 0 0;
		}
	
		
	
		/* - 4.1. - Fonts
		---------------------------------------------- */
			
			#aboutus p {
				padding: 0 0 0 15px;
				
			}
			
			#team p {
				padding: 0 0 0 15px;
				
			}
	
	
	/* - 5.0. - Process
	---------------------------------------------- */
	
		#process {
			padding: 25px 0px 0px 0px;
		}
	
		.process-intro {
			float: left;
			width: 510px;
			background: url(images/intro-bg.png) no-repeat;
		}
		
		.process-col-lft {
			float: left;
			width: 510px;
			padding: 40px 0 0 15px;
			margin: 0px;
		}
		
		.process-col-rt {
			float: right;
			padding: 0px 0 0 0;
			width: 400px;
		}
		
		.process-col-rt2 {
			float: right;
			width: 510px;
			padding: 40px 0 0 15px;
			margin: 0px;
		}
		
		.process-col-lft2 {
			float: left;
			padding: 0px 0 0 20px;
			width: 400px;
		}
	
	
		/* - 5.1. - Fonts
		---------------------------------------------- */
			
			#process p {
				padding: 0 0 0 15px;
				
			}
			
	
	/* - 6.0. - Contact Us
	---------------------------------------------- */
	
		#contactus {
			padding: 25px 0px 0px 0px;
		}
	
		.contactus-intro {
			float: left;
			width: 550px;
			background: url(images/intro-bg.png) no-repeat;
		}
		
		.contactus-col-rt {
			float: right;
			padding: 15px 25px 0 0;
			width: 320px;
		}		
		
		/* - 6.1 Form
		---------------------------------------------- */
		
			/* - see contact-us.css for CSS - */	
		
		/* - 6.2 Fonts
		---------------------------------------------- */
		
			.contact-txt {
				padding: 3px 0 0 10px;
				line-height: 18px;
			}
			
			a {
				color: #a3ab4f;
				text-decoration: none;
			}
		
			a:hover {
				color: #a3ab4f;
				text-decoration: underline;
			}
			
	
	/* - 10.0. - Footer
	---------------------------------------------- */
	
		#footer {
			padding: 50px 0px;
			height: 250px;
		}
	
		.footer-col-1 {
			float: left;
			padding: 45px 0px 0px 0px;
			width: 405px;
			height: 60px;
		}
		
		.footer-col-2 {
			float: left;
			width: 150px;
			height: 150px;
		}
		
		.footer-col-3 {
			float: right;
			padding: 45px 0px 0px 0px;
			width: 405px;
			height: 60px;
		}
		
		#site-by {
			padding: 30px 0 0 400px;
			background: url(images/site-by-shadow.png) top no-repeat;
			height: 75px;
		}
	
		.mi-logo a {
			float: left;
			background: url(images/mi-logo.png) no-repeat;
			width: 150px; 
			height: 75px;
			margin: 10px 0 0 0;
		}
	
		.mi-logo a:hover {
			background-position: 0 -73px;
		} 
	
		
		/* - 10.1. - Fonts
		---------------------------------------------- */
	
				#footer p {
					color: #434343;
				}
				
				#footer p.footer-nav {
					color: #434343;
					padding: 0px 0px 0px 50px;
				}
				
				#footer a {
					color: #434343;
					text-decoration: none;
				}
		
				#footer a:hover {
					color: #a3ab4f;
					text-decoration: none;
				}
				
				.copyright {
					padding: 0px 0px 0px 15px;
				}
				
				.highlight {
					color: #fff;
				}