/* 

	www.jesseddy.com CSS

	Author: Jess Eddy

	CSS: 	All

	Last Modified: 07/2009

 


*/




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

	COMMON
	
------------------------------------------------------------ */


	html, body{ 
 		margin:0; 
 		padding: 0;
 		text-align: left;
		font-family: verdana, arial, helvetica, geneva, sans-serif;
		font-size: 11px;
		line-height: 26px;
		color: #62a9bd;
		background: #ffffe0 url("http://jesseddy.com/images/global/Body.png") repeat-x;
		height: 100%;


		
		} 


	#Wrapper{
		width: 860px;
		min-height: 100%;
		margin-left: auto;
		margin-right: auto;
		border-right: 1px solid #abd4df;
		border-left: 1px solid #abd4df;
		background: white;


	}

	#TopNav{
		width: 775px;
		text-align: right;
		font-family: arial, helvetica, geneva, sans-serif;
		padding: 5px 0 0 0;
		font-weight: bold;


	}

	#Header{
		width: 775px;
		height: 75px;
		float: none;

	}

	#Logotype{
		width: 75px;
		height: 75px;
		float: left;
		margin-left: -10px;
		margin-right: 10px;

	}

	#HeaderText{
		width: 700px;
		float: left;
		margin: 10px 0 0 0;

	}

	#Content{
		width: 695px;
		margin-left: auto;
		margin-right: auto;
		color: #666;
		height: auto;
		padding: 5px 0 70px 0;
		float: none;
		

	}

	#Navigation{
		width: 350px;
		float: right;
		font: 15px Georgia, serif;
		font-weight: bold;
		text-align: right;
		margin: 0 0 0 0;
	





	}

	#Footer{
		border-top: 1px solid #ccc;
		padding: 10px 0 100px 0;
		width: 695px;
		margin-left: auto;
		margin-right: auto;
		font-family: arial, helvetica, geneva, sans-serif;
		color: #999;
		float: none;
	}

	#FooterLeft{
		width: 430px;
		float: left;

	}

	#FooterRight{
		width: 250px;
		float: right;
		text-align: right;

	}
	

	.Line{
		border-top: 1px solid #ccc;
		padding: 3px;

	}

	.ThickLine{
		border-top: 4px solid #b2d8e2;

	}


	.JessEddy{
		font: 18px Georgia, serif;
		text-transform: uppercase;

	}

	.SmHeader{
		font: 18px Georgia, serif;
		font-style: italic;
		font-weight: bold;

	}

	h1{
		font: 45px Georgia, serif;
		font-weight: lighter;
		color: #62a9bd;
		margin: 0 0 5px 0;

	}


	h2{
		font: 18px Georgia, serif;
		margin: 0 0 15px 0;

	}

	h3{
		font: 25px Georgia, serif;
		margin: 0;
		line-height: 35px;
		color: #62a9bd;

	}



	h4{
		font: 18px Georgia, serif;
		font-weight: lighter;
		margin: 0;
		color: #62a9bd;


	}



	
	.JustGeorgia{
		font: 11px Georgia, serif;
		color: #666;

	}
		
	a img { border: 0; }		/* Removes all borders from hyperlinked images */

	.Copyright{
  	font: 11px Georgia, serif;
  	font-weight: bold;
  	font-style: italic;

	}



	.Footer a:link, .Footer a:active, .Footer a:visited {
		color: #999;
		text-decoration: none;

	}

	.Footer a:hover {
		text-decoration: none;
		color: #333;
			
	}



	.TopNav a:link, .TopNav a:active, .TopNav a:visited {
		color: #999;
		text-decoration: none;
		font-size: 12px;
	}

	.TopNav a:hover {
		text-decoration: none;
		color: #62a9bd;
			
	}



	.Navigation a:link, .Navigation a:active, .Navigation a:visited {
		color: #e8b210;
		text-decoration: none;
		border: 2px solid #b2d8db;
		padding: 5px;
		display: inline-block;
		margin-top: -10px;

	}

	.Navigation a:hover {
		text-decoration: none;
		color: #62a9bd;
		background:#ebebeb;
			
	}




		a:link, a:active, a:visited {
			text-decoration: none;
		 	color: #62a9bd;
	}

		a:hover {
			color: #999;

	}



	.Photo{
		display: inline;
		float: left;
		clear: left;
		margin: 0 10px 0 0;

	}


	ul {  
		padding: 0px;
		margin: 0px;
		line-height: 13px;
	}

	li {  
		list-style-position: outside; 
		list-style-type: circle;
		margin: 0.5em 0 0  1em;
		padding: 0;
	}

	.SmText{
		font-family: arial, helvetica, geneva, sans-serif;
		font-size: 11px;
		line-height: 14px;

	}

	sup{
		font-size: 7px;

	}




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

	HOME
		
------------------------------------------------------------ */


	#HomeBanner{
		width: 695px;
		height: 235px;
		background-image: url("http://jesseddy.com/images/pages/home/Home_Banner.jpg");		
		margin: 20px 0 20px 0;
		padding: 20px 82px 0 83px;
		float: none;
	}

	#FeaturedContainer{
		width: 695px;
		float: none;
		margin: 0 0 30px 0;

	}

	#FeaturedOne{
		width: 225px;
		height: 170px;
		margin: 0 8px 0 0;
		float: left;

	}


	#FeaturedTwo{
		width: 225px;
		height: 170px;
		margin: 0 8px 0 0;
		float: left;

	}

	#FeaturedThree{
		width: 225px;
		height: 170px;
		margin: 0;
		float: left;
		border: 1px solid #ccc;
	}




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

	PORTFOLIO
	
------------------------------------------------------------ */

	#ThumbContainer{
		width: 695px;
		height: 75px;
		float: none;
		margin: 0 0 30px 0;

	}

	.Thumb{
		margin-right: 6px;
		border: 1px solid #ccc;

	}

	.LastThumb{
		border: 1px solid #ccc;

	}

	#FolioContainer{
		float: none;
		width: 695px;
		margin: 10px 0 0 0;

	}


	#FolioLeft{
		width: 475px;
		height: 330px;
		float: left;

	}

	#FolioRight{
		width: 200px;
		height: auto;
		float: right;

	}

	.FolioImage{
		border: 1px solid #ccc;
		margin: 0 0 10px 0;

	}


	.WorkContainer{
		width: 695px;
		float: none;
		padding: 0 0 30px 0;

	}

	.WorkLeft{
		width: 335px;
		float: left;

	}


	.WorkRight{
		width: 335px;
		float: right;

	}


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

	ABOUT
	
------------------------------------------------------------ */


	#AboutLeft{
		width: 160px;
		height: auto;
		float: left;

	}

	#AboutRight{
		width: 515px;
		height: auto;
		float: right;

	}





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

	PROCESS
	
------------------------------------------------------------ */


	#ProcessRight{
		width: 220px;
		height: auto;
		float: right;

	}

	#ProcessLeft{
		width: 455px;
		height: auto;
		float: left;

	}


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

	GET A ROOM
	
------------------------------------------------------------ */
	
	.GARCount{
		font-size: 40px;
		color:#333;
		background: #ffff99;
		padding: 4px;
	
	}

		
	.GARCountSmall{
		font-size: 20px;
		color:#333;
		background: #ffff99;
		padding: 4px;
		font-weight: bold;
	
	}

		
	
	p a{
		font-weight: bold;
		
	}

	.BackTo{
	
		font-size: 10px;
	
	}

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

	CONTACT PAGE
	
------------------------------------------------------------ */

hr {
  border: 0;
  width: 100%;
  color: #f00;
	background-color: #ccc;
	height: 1px;
}