html, body{
	height: 100%;
}

body{margin: 0; padding: 0;}

div#container{
	min-height: 100%;
	margin-bottom: -50px;
	position: relative;
}

div#containerAbout{
	min-height: 100%;
	margin-bottom: -50px;
	position: relative;
	background-color: #cecece;
}

div#footerClearer{
	height: 50px;
}

div.clearBoth{
	clear: both;
}
h1{
font-family:'Hoefler Text',Georgia,'Times New Roman',Times,serif;
font-size:26px;
font-weight:normal;
text-align:center;
padding: 10px;
color: #01081b;
	}
/*HEADER*/
div#header{
	background: #01091d url(../images/base/header.jpg) no-repeat center top;
	height: 146px;
}

/*MENU*/
div#menu{
	width: 575px;
	margin: 0;
	padding-top: 113px;
	float: right;
}

ul#menuList{
		width: 600px;
		margin: 0 auto;
		list-style: none;
	}
	
	ul#menuList li a{
		display: block;
		height: 35px;
		float: left;
		text-indent: -9999px;
		background-image: url(../images/base/menu.png);
	}
	
	ul#menuList li a.home{margin-right: 40px; width: 85px;background-position: 0 0;}
	ul#menuList li a.home:hover{width: 85px;background-position: 0 -36px;}
	
	ul#menuList li a.homeHere{margin-right: 40px; width: 85px;background-position: 0 -36px;}
	
	ul#menuList li a.portfolio{margin-right: 40px; width: 133px;background-position: -84px 0;}
	ul#menuList li a.portfolio:hover{width: 133px;background-position: -84px -36px;}
	
	ul#menuList li a.portfolioHere{margin-right: 40px; width: 133px;background-position: -84px -36px;}
	
	ul#menuList li a.about{margin-right: 40px; width: 95px;background-position: -223px 0;}
	ul#menuList li a.about:hover{width: 95px;background-position: -223px -36px;}
	
	ul#menuList li a.aboutHere{margin-right: 40px; width: 95px;background-position: -223px -36px;}
	
	ul#menuList li a.contact{width: 115px;background-position: -338px 0;}
	ul#menuList li a.contact:hover{width: 115px;background-position: -338px -36px;}
	
	ul#menuList li a.contactHere{margin-right: 40px; width: 115px;background-position: -338px -36px;}


	
div#mid{
	background: #cecece url(../images/base/mid.jpg) no-repeat center top;
	height: 402px;
	border-bottom: thin solid grey;
	border-top: thin solid grey;
}

div#midContact{
	border-top: thin solid grey;
	background: #cecece url(../images/base/midRepeat.jpg) repeat-y center top;
}

div#repeatingMid{
	border-top: thin solid grey;
	background: #cecece url(../images/base/midRepeat.jpg) repeat-y center top;
}

	div#colWrapper{
		width: 800px;
		margin: 5px auto 0;
	}

		div.leftColPort{
			float: left;
			margin-right:100px;
			width: 350px;
		}
		
		div.rightColPort{
			float: left;
			width: 350px;
		}
			
			div.item{
				width: 324px;
				height: 360px;
				margin: 50px auto 0;
			}
			
			div.item a.fancy{
				display: block;
				height: 240px;
				width: 300px;
				position: relative;
			}
			
			div.item img{
				width: 300px;
				height: 240px;
				padding: 10px;
				background-color: #08112d;
				border: 2px solid white;
				position: absolute;
			}
			
			div.item img.click{
				background-color: transparent;
}
			
			div.item span{
				display: block;
				width: 300px;
				height: 240px;
				position: absolute;
				z-index: 2;
			}
			
			div.description{
				margin: 10px auto 0;
				text-align: left;
			}
			
			div.description p{
				font-family: Helvetica, Arial, sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: normal;
				text-transform: normal;
				letter-spacing: normal;
				line-height: 1.4em;
				margin-top: 30px;
			}

div#tagLine{
	text-align: center;
}

div#tagLine p{
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -0.04em;
	line-height: 1.2em;
	padding-top: 12px;
}

div#mid2{
	background-color: white;
}

div#parLeftWrapper{
	float: left;
	width: 800px;
	margin: 30px 0 40px 75px;
}

div#mid2 p{
	font-family:Cambria,serif;
	font-size:19px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:normal;
	line-height:1.1em;
}

div#midAbout{
	background-color: #cecece;
	height: 100%;
}
	div#quote{
	width: 400px;
	height: 400px;
	float: left;
	margin: 20px 0 0 100px;
	}

	div#leftColAbout{
		width: 600px;
		margin: 50px 0 0 50px;
		float: left;
	}
	
	div#leftColAbout p{
		font-family:Cambria,serif;
		font-size:19px;
		font-style:normal;
		font-weight:normal;
		letter-spacing:normal;
		line-height:1.1em;

	}
	div#leftColAbout p#about{
		font-family:Cambria,serif;
		font-size:19px;
		font-style:normal;
		font-weight:normal;
		letter-spacing:normal;
		line-height:1.1em;
		margin-top: 20px;
	}
	
		p#left{
			width: 200px;
			height: 200px;
			float: left;
			margin-top: 10px;
			padding: 0;
		}
		
		p#right{
			width: 200px;
			height: 200px;
			float: left;
			margin-top: 10px;
			padding: 0;
		}
		

div#leftAbout{
	float:left;
	width: 400px;
	margin: 20px  0 0 65px;
	float: left;
	}

	
div#leftAbout h1{
	font-family:'Hoefler Text',Georgia,'Times New Roman',Times,serif;
	font-size:26px;
	font-weight:normal;
	margin-top:22px;
	text-align:left;
	padding: 0;
}

div#leftAbout p{
margin-top: 8px;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:15px;
font-weight:400;
line-height: 1.5em;
}

div#leftAbout p#leftSkills{margin: 10px 0 0 0; width: 50%; float: left;}
div#leftAbout p#rightSkills{margin: 10px 0 0 0; width: 50%; float: left;}
div#leftAbout p.testimonials{font-style: italic;}
div#leftAbout p.endQuote{text-align: right;}

div#rightAbout{
	width: 420px;
	float: left;
	margin: 20px  0 0 65px;

	}

	div#rightAbout h1{
	font-family:'Hoefler Text',Georgia,'Times New Roman',Times,serif;
	font-size:26px;
	font-weight:normal;
	margin-top:22px;
	text-align:center;
	padding: 0;
	}
	
div#spotlightWrapper{
	margin: 0 auto;
	width: 948px;
}

img#spotlight{
	margin: -220px auto 0 auto;
}

div.headerPort{
text-align:center;
width: 600px;
height: 60px;
margin: 20px auto 0;
}

	div#headerPort h1{
	background: transparent url(../images/base/headerBG.png) no-repeat center top;
	color: white;
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -0.08em;
	line-height: 1.2em;
	padding: 20px;
	}
div#footer{
	background-color: #01091d;
	height: 50px;
	width: 100%;
	border-top: thin solid grey;
	position: relative;
}

div#footer p{
	padding-top: 20px;
	color: white;
	text-align: center;
	font-family: Georgia, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
}

img#startToday{
width: 200px;
height: 200px;
float:right; 
margin-right: 90px;
}

p#contact{
	font-family:Cambria,serif;
	font-size:19px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:normal;
	line-height:1.1em;
	margin: 10px 0;
	text-align:center;
}