/* Ed Eliot Minimal CSS Reset */
body{padding:0;margin:0;font:16px Helvetica, 'Lucida Grande', LucidaGrande, Arial, sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:0;}
/* End */




body {
	font-weight: normal;
	font-size: 62.5%;
	color: #666;
	background-color: #FFF;
	}



#container {
	width: 912px;
	margin: 0 auto;
	padding: 10px 0;
	}



#header {
	display: table;
	width: 100%;
	padding: 20px 0;
	}
	
	
	
	#logo { float: left; }
		#logo a, #logo a:visited {
			text-decoration: none;
			font-size: 3.2em;
			font-weight: normal;
			color: #666;
			}
		#logo a span, #logo a:visited span { color: #09C; }
		#logo a:hover, #logo a:active { color: #666; }
		#logo a:hover span, #logo a:active span { color: #000; }
	
	
	
	#top-navigation {
		display: table;
		float: right;
		list-style: none;
		}
		#top-navigation li { float: left; padding-right: 15px; }
		#top-navigation li:last-child { padding-right: none; }
		#top-navigation li a, #navigation li a:visited {
			text-decoration: none;
			font-size: 3.2em;
			color: #09C;
			}
		#top-navigation li a:hover, #top-navigation li a:active { color: #000; }



#content { display: table; width: 912px; margin: 30px 0 45px; }



#about-heading {
	margin-left: 490px;
	padding-bottom: 25px;
	font-size: 3.2em;
	color: #000;
	}
#profile-picture {
	float: left;
	margin-top: -57px;
	padding: 5px;
	background-color: #333;
	}
#profile-description {
	margin-left: 490px;
	font-size: 1.2em;
	line-height: 150%;
	}



#package-heading {
	padding-bottom: 25px;
	font-size: 3.2em;
	color: #000;
	text-align: center;
	}
#package-01, #package-02, #package-03, #package-04 {
	float: left;
	width: 22%;
	margin: 30px 0 35px;
	padding-right: 4%;
	text-align: justify;
	}
	#package-04 { padding-right: 0; }
	#package-01 h3, #package-02 h3, #package-03 h3, #package-04 h3 {
		padding-bottom: 15px;
		font-size: 1.6em;
		font-weight: bolder;
		color: #666;
		}
	#package-01:hover h3, #package-02:hover h3, #package-03:hover h3, #package-04:hover h3 { color: #09C; }
	#package-01 h3 span, #package-02 h3 span, #package-03 h3 span, #package-04 h3 span { color: #09C; }
	#package-01:hover h3 span, #package-02:hover h3 span, #package-03:hover h3 span, #package-04:hover h3 span { color: #000; }
	#package-01 p, #package-02 p, #package-03 p, #package-04 p {
		font-size: 1.4em;
		line-height: 150%;
		color: #777;
		}
	#package-01:hover p, #package-02:hover p, #package-03:hover p, #package-04:hover p { color: #000; }
#includes, #upgrade, #contact-info { float: left; width: 30%; margin-top: 20px; padding-right: 4.5%; }
#contact-info { padding-right: 0; }
	#includes h3, #upgrade h3, #contact-info h4 {
		font-size: 1.6em;
		font-weight: bolder;
		color: #888;
		padding-bottom: 15px;
		}
	#includes li, #upgrade li {  }
	.circle {
		list-style-type: circle;
		margin-left: 15px;
		padding: 0 15px 10px 0;
		font-size: 1.2em;
		line-height: 160%;
		text-align: justify;
		color: #999;
		}
	.circle:hover { color: #666; }
	.circle:last-child { padding: 0 15px 0 0; }
	#contact-info p { font-size: 1.2em; line-height: 160%; padding: 15px 25px; background-color: #EEE; }
	#contact-info p span { color: #09C; }
	#contact-info p a, #contact-info p a:visited { color: #000; }



#portfolio-navigation { display: table; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CCC; font-size: 1.8em; }
	#portfolio-navigation li { float: left; width: 20%; text-align: center; }
	#portfolio-navigation li a, #portfolio-navigation li a:visited { display: block; font-size: 1.4em; color: #09C; padding: 10px 0 20px; }
	#portfolio-navigation li a:hover, #portfolio-navigation li a:active, #portfolio-navigation li a.on { color:  #000; }
	#image_area { float: left; }
	#image_area img { border: 5px solid #1C1C1C; float:right; }
	#gallery_demo_unstyled {
		display: table;
		width: 216px;
		margin-left: 706px;
		list-style: none;
		}
	#gallery_demo_unstyled li {
		float: left;
		width: 41.2px;
		height: 41.2px;
		padding: 0;
		margin: 0 0 2.5px 2.5px;
		}



#footer { width: 100%; clear: left; }



#bottom-navigation {
	display: table;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
	}
	#bottom-navigation li { float: left; padding-right: 15px; }
	#bottom-navigation li:last-child { padding-right: 0; }
	#bottom-navigation li a, #bottom-navigation li a:visited { color: #999; }
	#bottom-navigation li a:hover, #bottom-navigation li a:active { color: #000; }


	
#copy { text-align: center; color: #999; }