@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #E58504;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a {
    color: #607C03;
	text-decoration: none;
	}
	
a:hover { text-decoration: underline; }

/* home page */

#wrapper-home {
	background-image:url(image/home_backgrd.jpg);
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 650px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-repeat: no-repeat;
	
}
#nav-home {
	margin-top: 166px;
	margin-left: 210px;
	width: auto;
	height: 30px;
	}

#nav-home ul {
    font-size: 90%;
	font-family: "Times New Roman", Times, serif;
	}
	
#nav-home li {
	display: inline;
	list-style: none;
	margin-right: 25px;	
	}
	
#nav-home li a {
    padding: 5px 15px 5px 15px;
	background: #3B4E5D;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#nav-home li a:hover, #nav-home li a#current {
	background: #607C03;
	}

#nav-home li.contact a:hover {
	margin: 0px;
	padding: 5px 30px 5px 40px;
	background: #607C03;
	}
	
#content-home {
	font-size: 70%;
	margin-left: 210px;
	margin-top: 48px;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#content-home h1 {
	font-size: 115%;
	color: #7a2f01;
	margin: 0.7em;
	}

#content-home p {
	margin: .7em;
	color: #2e4357;
	line-height: 1.3em;
	}

#content-home ul {
	margin-left: 20px;
	color: #2e4357;
	line-height: 1.3em;
	}
	
#content-home li {
	margin: 0;
	color: #2e4357;
	line-height: 1.3em;
	}

#website {
	margin: 0px 10px 20px 20px;
	width: 150px;
	color: #2e4357;
	font-size: 60%;
	}

#website a { text-decoration: none; color: #607C03; }
#website a:hover { text-decoration: underline; }

/* sub pages */

#logo {
   padding: 40px 400px 0px 40px;
   width: 330px;
   height: 65px;
}
   
#nav {
	margin-top: 41px;
	margin-left: 210px;
	width: auto;
	height: 30px;
	}

#nav ul {
    font-size: 90%;
	font-family: "Times New Roman", Times, serif;
	}
	
#nav li {
	display: inline;
	list-style: none;
	margin-right: 25px;	
	}
	
#nav li a {
    padding: 5px 15px 5px 15px;
	background: #3B4E5D;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#nav li a:hover, #nav li a#current {
	background: #607C03;
	}
	
#content {
	font-size: 70%;
	margin-left: 300px;
	margin-top: 28px;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#content h1 {
	font-size: 115%;
	color: #7a2f01;
	margin: 0.7em;
	}

#content p {
	margin: .7em;
	color: #2e4357;
	line-height: 1.3em;
	}

#content ul {
	margin-left: 20px;
	color: #2e4357;
	line-height: 1.3em;
	}
	
#content li {
	margin: 0;
	color: #2e4357;
	line-height: 1.3em;
	}
	
/* bio page */

#bio-wrapper {
	background-image:url(image/bio_backgrd.jpg);
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 650px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-repeat: no-repeat;
}

/* services page */

#services-wrapper {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 650px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #FFF;
}
#services-top {
	background-image:url(image/services_top.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 141px;
         }
	
#services-content-top-l {
	font-size: 75%;
	margin-left: 210px;
	margin-right: 0px;
	padding: 0;
	width: 190px;
	padding-top: 30px;
}

#services-content-top-r {
	font-size: 75%;
	margin-left: 0px;
	margin-top: 16px;
	margin-right: 0px;
	padding: 0;
	float: right;
	width: 360px;
	padding-top: 32px;
}

#services-content-bottom-l {
	font-size: 70%;
	width: 290px;
	margin-top: 50px;
	margin-left: 90px;
}

#services-content-bottom-r {
	float: right;
	font-size: 70%;
	width: 370px;
	margin-top: 67px;
}
#services-content-top-l h1, #services-content-top-r h1, #services-content-bottom-l h1, #services-content-bottom-r h1 {
	font-size: 115%;
	color: #7a2f01;
	margin: 0em;
	}

#services-content-top-l h2, #services-content-top-r h2, #services-content-bottom-l h2, #services-content-bottom-r h2 {
	font-size: 105%;
	font: italic;
	color: #7a2f01;
	margin: 0;
	margin-top: 0.7em;
	font-weight: 500;
	}

#services-content-top-l p, #services-content-top-r p, #services-content-bottom-l p, #services-content-bottom-r p {
	margin: 0em;
	color: #2e4357;
	line-height: 1.4em;
	}

#nav-services {
	margin-left: 210px;
	width: auto;
	height: 30px;
       
	
}

#nav-services ul {
    font-size: 90%;
	font-family: "Times New Roman", Times, serif;
	margin-top: 5px;}
	
#nav-services li {
	display: inline;
	list-style: none;
	margin-right: 25px;
	}
	
#nav-services li a {
    padding: 5px 15px 5px 15px;
	background: #3B4E5D;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#nav-services li a:hover, #nav-services li a#current {
	background: #607C03;
	}

/* clips page */

#clips-wrapper {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 2100px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #FFF;
}

#clips-top {
	background-image:url(image/clips_top.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 141px;
         }

#clips-content-l {
	font-size: 70%;
	margin-left: 50px;
	margin-top: 35px;
	margin-right: 90px;
	padding: 0;
}

#clips-content-r {
	float: right;
	font-size: 70%;
	width: 320px;
	margin-top: 70px;
}

#clips-content-l h1 {
	font-size: 115%;
	color: #7a2f01;
	margin: 0em;
	}

#clips-content-l h2, #clips-content-r h2 {
	font-size: 105%;
	font: italic;
	color: #7a2f01;
	margin: 0;
	margin-left: 20px;
	margin-top: 2em;
	font-weight: 400;
	}

#clips-content-l p, #clips-content-r p {
	color: #2e4357;
	line-height: 1.3em;
	margin: 6px 0 0 10px;
	padding-left: 10px;
	}
	
#clips-content-l p.no-image {
	color: #2e4357;
	line-height: 1.3em;
	margin: 6px 0 0 30px;
	}
	
#nav-clips {
	margin-left: 210px;
	width: 660px;
	height: 30px;
	margin-top: 20px;
}

#nav-clips ul {
    font-size: 90%;
	font-family: "Times New Roman", Times, serif;
	}
	
#nav-clips li {
	display: inline;
	list-style: none;
	margin-right: 40px;	
	}
	
#nav-clips li a {
    padding: 5px 15px 5px 15px;
	background: #3B4E5D;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#nav-clips li.contact a {
	padding: 5px 30px 5px 40px;
	background: #3B4E5D;
	margin: 0px;
	}
	
#nav-clips li a:hover, #nav-clips li a#current {
	background: #607C03;
	}

#nav-clips li.contact a:hover, #nav-clips li.contact a#current {
	margin: 0px;
	padding: 5px 30px 5px 40px;
	background: #607C03;
	}

/* contact page */

#contact-wrapper {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 650px;
	background-image:url(image/contact_bckgrd.jpg);
	background-repeat: no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#contact-content {
	font-size: 70%;
	padding: 125px 200px;
}

#contact-content h1 {
	font-size: 115%;
	color: #7a2f01;
	margin: 0em;
	}

#contact-content h2 {
	font-size: 105%;
	font: italic;
	color: #7a2f01;
	margin: 0;
	margin-left: 20px;
	margin-top: 2em;
	font-weight: 400;
	}

#contact-content p {
	color: #2e4357;
	line-height: 1.3em;
	margin: 6px 0 0 10px;
	padding-left: 10px;
	}