* {
	font-size: 16px;
	text-align: center;
} /* basic reset */
body {
	font-family: Helvetica, Arial, sans-serif;
	background: #FFF url(images/bg1.jpg) repeat-x;
	;
}	
d {line-height: 30px; margin-bottom: 0px; font-family: Helvetica, Arial, sans-serif; color: #FFF;}
p {
	line-height: 20px;
	margin-bottom: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: #F60;
} /* p styles */
a img {border:none;}
a {
	outline: none;
}
a:link {
	text-decoration:none; color:#F60}

a:hover {
	text-decoration:underline; color:#F60
}
a:visited {
	text-decoration:none; color:#F60
}
.clear{clear:both;}/* clear for clearing both sides of a float */
div#headerbg {background: url(images/HeaderBackground.jpg);width: 960px;height: 120px;}/*huge grid image, margin left to get it out of the container since the designer made it larger than the page wrap*/
div#page-wrap {border-top: 0px; width: 960px; margin: 0 auto;} /*set width of page, margin 0 auto means center it on the page */
div#header {overflow: hidden; height: 122px;} /*overflow hidden for clearing floats and a div height */
h1#logo {background: url(images/WillHoustoun.png); width: 404px; height: 100px; text-indent: -9999px; float: left; margin-top: 10px;} /*background of the logo width and height of the image, text indent takes text off the screen floating it left, with a margin top of 35px */
ul#nav {float: right; margin-top: 55px;} /*float the nav right and bring it down from the top 55px */
ul#nav li {float: left;list-style: none;font-weight: bold;} /* float the list items left, take off the bullets*/
ul#nav li a {margin-left: 25px;text-decoration: none;color: #FFF;font-size: 18px;font-family: Helvetica, Arial, sans-serif;why?}/*give each nav item 20px margin on the right, take off the underline, link color #bbbbbb, font size, and font family */
ul#nav li a.active {color:#F60;text-decoration: underline;}
ul#nav li a:hover {color:#F60;}/* give both the active state and hover state a change of color and underline */
div#calloutbg {background: url(images/CalloutBackground1.jpg); width: 960px; height: 241px;}/*huge grid image, margin left to get it out of the container since the designer made it larger than the page wrap*/
div#tagline {float: left; margin-top: 40px; width: 342px; padding-left: 30px; } /* float div left, bring it down from the top 78px and give it a width of 440px with a padding left of 20px */
div#slideshow {margin-top: 20px; margin-right: 0px; float: right; width: 500px;} /* bring it down from the top 17px, float div right, and a width of 500px */

div#content {margin-top: 25px; margin-bottom: 30px; overflow: hidden; height:510px;}
div#contentlong {margin-top: 25px; margin-bottom: 30px; overflow: hidden; height:auto;}
div#lecturesmenu {
	margin-left:15px;
}
ul#lecturesnav {
	margin: 0px;
	padding:0px;
	list-style:none;
	font-weight: bold;
} /*float the nav right and bring it down from the top 55px */
ul#lecturesnav li { float:left; margin-bottom:20px;} /* float the list items left, take off the bullets*/
ul#lecturesnav li a {
display:block;
width:310px;
text-decoration: none;
color:#000;
font-size: 22px;
font-family: Helvetica, Arial, sans-serif;
}
ul#lecturesnav li a.active {
	color:#F60;
	text-decoration: underline;
	left: 0px;
}
ul#lecturesnav li a:hover {
	color:#F60;
}/* give both the active state and hover state a change of color and underline */
div#bio { float: left; width: 580px; margin-left:20px;}
div#bio p {
	color:#000;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	margin-top:-5px
}
div#quotes {float: left; width: 580px; margin-left:20px; margin-top: -5px;}
div#quotes p {
	color:#000;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	margin-bottom:5px;
	font-style: italic;
}
div#quotes h1 {color: #000; font-size: 20px; margin-top: 0px; margin-bottom: 20px; text-align: right;}
div#bio h1 {color: #000; font-size: 20px; margin-top: 25px; margin-bottom: 20px; text-align: centre;}
div#fullpage {width:920px; margin-left:20px; margin-top:0px;}
div#fullpage p {
	color:#000;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	font-style: italic;
}
div#fullpage h1 {color: #000; font-size: 20px; margin-top: 0px; margin-bottom: 20px; text-align: right;}
div#fullpage h2 {color: #000; font-size: 20px; margin-top: 0px; margin-bottom: 20px; text-align: centre;}
div#bookphoto {margin-right:20px;float: right; width:299px; height:428px;}
div#bookslideshow {float:right; width: 299; margin-right:20px; margin-top:20px;}
div#buy {float:left; text-align: center;margin-left:120px;}
div#buyfreak {float:left; text-align: center;margin-left:180px; margin-bottom:10px;}
div#buynotebook {float:left; text-align: center;margin-left:150px;}
div#buyhellismca {float:left; text-align: center;margin-left:50px;}
div#buynotebookmca {float:right; text-align: center;margin-right:50px;}
div#shopimage1 {float:left;}
div#shopimage2 {float:right;}
div#shopimage3 {float:right; margin-right:20px;}
div#shopimage4 {float:left; margin-left:80px;}
div#shopimage5 {float:right; margin-right:80px;}
div#lecturesphoto {margin-right:20px;float: right; width:299px; height:428px; margin-top:0px;}
div#homephoto {margin-right:20px;float: right; width:299px; height:490px; margin-top:0px;}
div#technicalslideshow {float:right; width: 299;}
div#comingsoon {margin-top:200px;}
div#clickhere p{
	width:920px;
	color:#000;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	margin-top:-20px;
}
div#clickhere1 p{
	width:920px;
	color:#000;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	margin-top:20px;
}
div#footer {margin-top: 0px;background-color: #000;min-height: 96px;}
div#footercontent {background: url(images/FooterBackground.jpg); width: 960px; margin: 0 auto; overflow: hidden;}
div#footercontent p {
	font-size: 16px;
	color: #F60;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
}
div#footercontent a { font-family: Helvetica, Arial, sans-serif; color: #FFF; font-size: 16px;text-decoration: none;}
div#footercontent h { font-family: Helvetica, Arial, sans-serif; color: #FFF; font-size: 20px;text-decoration: none;font-weight: bold}
div#contact {float: left; width:300px; margin-top: 15px;}
div#copyright {background: url(images/copyright.jpg); float: right; width:255px; margin-top:}