body {
	margin: 0;
	padding: 0;
	font-size: 0.70em;
	background-color: #334e03;
	font-family: Arial;
}
img {
	border: 0;
}
#accessability {
	display: none;
}
p {
	line-height: 2.2em;
}
p a {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-color: #253b02;
	text-decoration: none;
	color: #FFFFFF;
}
p a:hover {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-color: #a3c841;
	text-decoration: none;
	color: #a3c841;
}
#top-containers-bgwrapper {
	width: 100%;
	float: left;
	clear: both;
	background-image: url(../images/bg-repeat.jpg);
	background-repeat: repeat-x;
}
.container-wrapper {
	display: block;
	width: 950px;
	float: left;
}
#top-container {
	width: 100%;
	float: left;
	clear: both;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#logo {
	width: 100%;
	width: 750px;
	float: left;
	clear: both;
	background-image: url(../images/lifewiredlogo.jpg);
	background-repeat: no-repeat;
	min-height: 354px;
}
#stars {
	float: left;
	clear: both;
	width: 100%;
	background-image: url(../images/stars.gif);
	background-repeat: no-repeat;
	background-position: 47px 0;
	min-height: 156px;
	position: relative;
}
#top-left-col {
	clear: left;
	float: left;
	margin: 0 0 0 99px;
	width: 275px;
	padding: 0 0 20px 0;
}
body > div #top-left-col {
	margin-left: 198px;
}
#top-left-col p {
	padding-top: 8px;
	padding-left: 5px;
}
#top-right-col {
	float: left;
	width: 380px;
	margin: 67px 0 0 60px;
	padding: 0 0 20px 0;
}
#top-right-col li {
	padding-top: 20px;
	padding-left: 3px;
}
#middle-container {
	float: left;
	clear: both;
	border-top-style: solid;
	border-top-width: 8px;
	border-color: #d2d4b6;
	background-color: #FFFFFF;
	color: #8cb623;
	width: 100%;
	padding: 0 0 20px 0;
}
#middle-left-col {
	float: left;
	margin: 20px 0 0 99px;
	width: 330px;
}
body > div #middle-left-col {
	margin-left: 198px;
}
#middle-left-col p {
	padding: 0;
	line-height: 1.8em;
	padding-bottom: 15px;
}
#middle-right-col {
	float: right;
	margin: 20px 0 0 13px;
	padding: 0;
	width: 400px;
}
#middle-right-col p {
	width: 370px;
	line-height: 1.8em;
	padding-bottom: 15px;
}
#middle-img {
	float: right;
	background-image: url(../images/header_windmill_img.jpg);
	width: 350px;
	height: 124px;
	background-repeat: no-repeat;
	background-position: -10px 0;
}
#middle-content {
	float: left;
	width: 720px;
	margin-top: 16px;
}
#middle-content p {
	float: left;
	width: 340px;
	margin-top: 16px;
	line-height: 1.7em;
	padding-left: 3px;
	padding-bottom: 8px;
}
#flash {
	position: absolute !important;
	top: 200px;
	left: 395px;
	top: 100px;
	left: 195px;
}
#folioflash {
	position: absolute !important;
	background-image: url(../images/windmills.png);
	width: 539px;
	left: 50px;
	height: 279px;
	margin: 218px 0 0 0px;
}
body > div #folioflash {
	margin-left: 350px;
}
.topcontent {
	float: left;
	clear: both;
	margin: 0 0 0 99px;
	width: 700px;
	color: #FFFFFF;
}
body > div .topcontent {
	margin-left: 198px;
}
.topcontent span {
	color: #a8cb29;
}
#row {
	float: left;
	clear: both;
	margin: 0;
	width: 950px;
	color: #FFFFFF;
	padding-bottom: 2.8em;
}
/******** Facts **************/

#facts {
	margin: 0;
	padding: 0;
	list-style: none;
}
#facts span {
	color: #8cb623;
}
#facts p {
	margin-top: 2px;
}
/******** Navigation *********/

a {
	outline: 0;
}
#nav {
	float: left;
	margin: 229px 0 0 86px;
	height: 225px;
	width: 511px;
	width: 60%;
}
body > div #nav {
	margin-left: 172px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 222px;
}
#nav ul li {
	float: left;
	clear: both;
	width: 152px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#nav ul li a {
	float: left;
	background-repeat: no-repeat;
	text-decoration: none;
	width: 152px;
	height: 30px;
	text-indent: -3000em;
	outline: 0;
}
a.home {
	background-image: url(../images/nav-home-off.gif);
}
a.home:hover {
	background-image: url(../images/nav-home-hov.gif);
}
a.about {
	background-image: url(../images/nav-about-off.gif);
}
a.about:hover {
	background-image: url(../images/nav-about-hov.gif);
}
a.folio {
	background-image: url(../images/nav-folio-off.gif);
}
a.folio:hover {
	background-image: url(../images/nav-folio-hov.gif);
}
a.contact {
	background-image: url(../images/nav-contact-off.gif);
}
a.contact:hover {
	background-image: url(../images/nav-contact-hov.gif);
}
.selected a.home {
	background-image: url(../images/nav-home-on.gif);
}
.selected a.about {
	background-image: url(../images/nav-about-on.gif);
}
.selected a.folio {
	background-image: url(../images/nav-folio-on.gif);
}
.selected a.contact {
	background-image: url(../images/nav-contact-on.gif);
}
/******** Preview & Portfolio ************/

#preview {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 330px;
}
#portfolio {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	float: left;
	width: 720px;
}
#preview li {
	margin: 0 0 7px 0;
	padding: 0;
	float: left;
	clear: left;
	width: 312px;
}
#portfolio li {
	padding: 0;
	margin: 0 0 7px 0;
	float: left;
	width: 356px;
}
#preview a, #photo a, #more a, #more-folio a, #portfolio a {
	float: left;
	padding: 8px;
	background-color: #b3c48a;
	color: #FFFFFF;
	text-decoration: none;
}
#preview a img, #photo a img, #more a img {
	margin: 0 0 3px 0;
}
#home #preview a {
	width: 312px;
}
#preview a, #portfolio a {
	float: left;
	width: 334px;
}
#preview a .title, #photo a .title, #more a .title, #more-folio a .title, #portfolio a .title {
	color: #5e8406;
}
#preview a .underline, #photo a .underline, #more a .underline, #more-folio a .underline, #portfolio a .underline {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-color: #8ea950;
}
#preview a:hover .title, #photo a:hover .title, #more a:hover .title, #more-folio a:hover .title, #portfolio a:hover .title {
	color: #bacb90;
}
#preview a:hover, #photo a:hover, #more a:hover, #more-folio a:hover, #portfolio a:hover {
	background-color: #5e8406;
}
#photo {
	float: left;
	width: 326px;
	margin: 0;
	padding: 0;
}
#photo a {
	min-height: 336px;
}
#more-folio {
	float: left;
	margin: 155px 8px 0 75px;
}
#more {
	float: left;
	margin: 140px 8px 0 75px;
}
body > div #more-folio {
	margin-left: 150px;
}
#home #more {
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}
#more a {
	float: left;
	padding: 261px 0 0 10px;
	width: 35px;
	height: 91px; /*346*/
	background-color: #bacb90;
	background-image: url(../images/arrows.jpg);
	background-repeat: no-repeat;
	background-position: 50% 97%;
	margin: 0;
}
#more-folio a {
	float: left;
	padding: 192px 0 40px 10px;
	width: 35px;
	background-color: #bacb90;
	background-image: url(../images/arrows.jpg);
	background-repeat: no-repeat;
	background-position: 50% 97%;
}
#more a:hover {
	background-image: url(../images/arrowson.jpg);
}
#more-folio a:hover {
	background-image: url(../images/arrowson.jpg);
}
/******************   Folio SUBNAV    ************/



#row ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	margin-left: 82px;
}
body > div #row ul {
	margin-left: 165px;
}
#row ul li {
	padding-left: 10px;
	float: left;
}
#row ul li a {
	margin-left: 40px;
	float: left;
	color: #9dc01e;
	text-decoration: none !important;
	border: 0 !important;
}
#row ul li a:hover {
	color: #FFFFFF;
}
#row #f-web a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_web_off.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#folio-web #row #f-web a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_web_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#row #f-web span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 30px;
	width: 80px;
}
#folio-web #row #f-web span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 30px;
	width: 80px;
	color: #FFFFFF;
}
#row #f-web a:hover {
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_web_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#row #f-motion a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_motion_off.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#folio-motion #row #f-motion a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_motion_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	color: #FFFFFF;
}
#row #f-motion span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 33px;
	width: 80px;
}
#folio-motion #row #f-web span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 30px;
	width: 80px;
}
#row #f-motion a:hover {
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_motion_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#row #f-logo a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_logo_off.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#folio-logo #row #f-logo a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_logo_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#row #f-logo span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 33px;
	width: 80px;
}
#folio-logo #row #f-logo span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 30px;
	width: 80px;
	color: #FFFFFF;
}
#row #f-logo a:hover {
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_logo_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#row #f-print a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_print_off.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#folio-print #row #f-print a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_print_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#row #f-print span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 33px;
	width: 80px;
}
#folio-print #row #f-print span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 30px;
	width: 80px;
	color: #FFFFFF;
}
#row #f-print a:hover {
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_print_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#row #f-photo a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_photo_off.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#folio-photo #row #f-photo a {
	margin: 0;
	padding: 0;
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_photo_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#row #f-photo span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 33px;
	width: 80px;
}
#folio-photo #row #f-photo span {
	display: block;
	text-align: center;
	margin-top: 120px;
	margin-left: 30px;
	width: 80px;
	color: #FFFFFF;
}
#row #f-photo a:hover {
	width: 139px;
	height: 148px;
	background-image: url(../images/btn_photo_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
/******** HEADER STYLES ******/



h2#welcome, h2#lifeontheweb, h2#interestingfacts, h2#apreviewoffolio,  h2#featuredphoto, h2#portfolioofwork, h3#websitedevelopment, h3#photography, h3#motion, h2#contact-me, h3#printdesign, h3#logodesign {
	margin: 0;
	padding: 0;
	text-indent: -3000em;
	background-repeat: no-repeat;
}
h2#welcome {
	background-image: url(../images/welcome.gif);
	height: 46px;
	width: 162px;
}
h2#interestingfacts {
	background-image: url(../images/interestingfactsaboutme.gif);
	height: 35px;
	width: 276px;
}
h2#apreviewoffolio {
	background-image: url(../images/apreveiwofmyfolio.jpg);
	height: 42px;
	width: 299px;
	padding: 0 0 10px 0;
}
h2#featuredphoto {
	background-image: url(../images/featuredphoto.jpg);
	height: 42px;
	width: 223px;
	padding: 0 0 10px 0;
}
h2#portfolioofwork {
	background-image: url(../images/myportfolioofwork.jpg);
	height: 47px;
	width: 297px;
	margin-top: 50px;
	padding: 0 0 10px 0;
}
h3#websitedevelopment {
	background-image: url(../images/websitedevelopment.jpg);
	height: 42px;
	width: 326px;
}
h3#photography {
	background-image: url(../images/photography.jpg);
	height: 42px;
	width: 326px;
}
h3#motion {
	background-image: url(../images/animationandmotion.jpg);
	height: 42px;
	width: 317px;
}
h3#printdesign {
	background-image: url(../images/printdesign.jpg);
	height: 42px;
	width: 174px;
}
h3#logodesign {
	background-image: url(../images/logodesign.jpg);
	height: 42px;
	width: 191px;
}
h2#contact-me {
	background-image: url(../images/h_contact_me.gif);
	height: 76px;
	width: 210px;
}
/****************************************************** 

CONTACT

******************************************************/





#contact #top-right-col {
	padding-top: 15px;
}
/****************************************************** 

ABOUT 

******************************************************/



#about #who {
	display: block;
	width: 211px;
	height: 79px;
	text-indent: -5000em;
	background: transparent url(../images/h_about_who.gif) 0 0 no-repeat;
}
#about #facts {
	display: block;
	width: 117px;
	height: 31px;
	text-indent: -5000em;
	background: transparent url(../images/h_about_facts.gif) -1px 0 no-repeat;
}
#about #summary {
	display: block;
	width: 580px;
	height: 58px;
	text-indent: -5000em;
	background: transparent url(../images/h_about_summary.gif) 0 0 no-repeat;
}
#about #skills {
	display: block;
	width: 377px;
	height: 52px;
	text-indent: -5000em;
	background: transparent url(../images/h_about_skills.gif) 0 0 no-repeat;
}
#about #hobbies {
	display: block;
	width: 341px;
	height: 61px;
	text-indent: -5000em;
	background: transparent url(../images/h_about_hobbies.gif) 0 0 no-repeat;
}
#about #top-container h4 {
	margin-bottom: 0;
	padding-bottom: 8px;
}
#about h3,  #about h4,  #about h5 {
	font-size: 1.1em;
	font-weight: normal;
}
#about ul,  #about li {
	margin: 0;
	padding: 0;
}
#about #top-left-col {
	width: 360px;
	padding-bottom: 40px;
}
#about #top-right-col {
	width: 220px;
	padding-bottom: 40px;
}
#about #middle-left-col {
	width: 700px;
}
#about ul {
	list-style-type: none;
}
#about #middle-left-col li {
	background: transparent url(../images/li_bullet_green.gif) 37px 50% no-repeat;
	padding-left: 75px;
	list-style-type: none;
	line-height: 2em;
}
#about ul.plain li {
	padding: 0;
	background: none;
	line-height: 1.8em;
}
#about ul.top-plain li {
	padding: 5px 0 0 0;
	background: none;
	line-height: 1.8em;
}
#about ul.w700 li {
	width: 700px;
	float: left;
	clear: left;
}
#about ul strong {
	display: block;
	float: left;
	clear: left;
	width: 99px;
	height: 16px;
	font-weight: bold;
}
#about ul span {
	display: block;
	width: 599px;
	float: left;
	clear: none;
}
#about ul span span {
	display: inline;
	width: auto;
	float: none;
}
/*one-off hack*/

#about h5.padding-top {
	margin-top: 10px;
}
/****************************************************** 

GENERAL

******************************************************/



#top-container h1,  #top-container h2 {
	color: #fff;
}
#top-container h3,  #top-container h4,  #top-container h5,  #top-container h6 {
	color: #8BB523;
}
#middle-container h2,  #middle-container h3,  #middle-container h4,  #middle-container h5,  #middle-container h6 {
	color: #58740E;
}
ul.plain li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.6em;
}
#top-container .underline {
	border: solid #243B03;
	border-width: 0 0 3px 0;
}
#middle-container .underline {
	border: solid #8CB626;
	border-width: 0 0 3px 0;
}
#middle-container a.underline {
	border: solid #58740E;
	border-width: 0 0 3px 0;
	text-decoration: none;
	color: #58740E;
}
#middle-container a.underline:hover {
	color: #f46cd2;
	border: solid #e12ea9;
	border-width: 0 0 3px 0;
}