/* Example Mark Up

  i. Positioning

 ii. Size

iii. Decoration

*/




/* Body & General
-------------------------------------------*/

@import "nav.css";



body {
	margin: 0px 0px 25px 0px;
	
	text-align: center;
	/* for Mockup: background: url("graphics/siteMockup.jpg") no-repeat;*/
	
	background: #9C9C9C;
	
}


	* {
		margin: 0px;
		padding: 0px;
		border: 0px;
		
		font-family: Arial;
		font-size: 11px;
		}


	a {
		padding: 0px;
		margin: 0px;
		
		text-decoration: none;
		border: 0px;
		color: inherit; 
		font-family: Arial;
		font-size: 11px;
	}

	img {
		float: left; /* whitespace fix */
		margin: 0px;
		padding: 0px;
		border: 0px;
		}


/* Wrapper & Header & Content
-------------------------------------------*/


.wrapper {	

	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 8px 0px 0px 0px;
	
	width: 920px;
	
	border: solid 1px #34b9f2;
	background: white;

	
	}
	
	.header {
		float: left; 
		display: inline;
		
		margin: 0px 0px 0px 6px;
		
		width: 908px;
		height: 205px;
		}
		
	
	
	
	
	
	/* begin Content
	-------------------------------------------*/
	
	
	.content {
		float: left;
		display: inline;

		margin: 1px 0px 0px 9px;
		
		width: 900px;		
	}
		
		.contentLeft {
			float: left;
			display: inline;
			
			margin: 0px 0px 0px 0px;
			
			width: 228px;
			height: 469px;
			
			/*background: url("graphics/siteMockup-lc.jpg");*/
			}
			
				.firstLeft, .secondLeft {
					float: left;
					display: inline;
					
					width: 228px;
					margin: 0px 0px 11px 0px;
					
					background: url("graphics/component-bg.gif");
					background-repeat: repeat-y;
					}
					
					.contentLeft p {
						float: left;
						display: inline;
						
						padding: 2px 9px 0px 20px;
						
						text-align: justify;
						line-height: 20px;
						font-size: 11px;
						font-family: Arial;
						color: #555555;
						}
					
		.contentRight {
			float: left;
			display: inline;
			
			height: 469px;
			width: 664px;
			margin: 0px 0px 0px 8px;
			
			background: url("graphics/front-photo-bg.gif");
			}
			
			
			
			.bottomRight {
				float: left;
				margin: 2px 0px 0px 0px;
				padding: 13px 0px 13px 0px;
				
				width: 656px;
				
				border: solid 1px #b2b2b2;
				}
				
				.bottomRight p {					
					text-align: center;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 7px 0px;

					font-family: arial;
					font-size: 14px;
					color: #999999;
					}				
		
		
	.footer {
		clear: both;

		padding: 40px 0px 3px 0px;
		
		font-size: 10px;
		}