/* Zero down margin and paddin on all elements */
img {border: none;}
* {  margin: 0;  padding: 0;}
body { font: 62.5%/1.6 Verdana, sans-serif; background:#FFF;}
h1 {  font-size: 2em; font-weight: normal;}
h2 {  font-size: 2.0em; font-weight: normal;  color:#1D4849;}
h3 {font-size: 1.5em; color:#4878F0; padding-left: 0; padding-top: 1em;}
p {  font-size: 1.1em; color:#000; padding-left: 0; padding-top: 0.3em;}
h1, h2, { margin: 0; padding-left: 0;}
img {padding: 0em;}
#wrapper {background: #FFF; }
#mainNav {list-style: none; background-color:#FFF;}
#mainNav h2  { padding-left: 1em;}
#mainNav h3  {padding-left: 1em;}
#mainNav p {padding-left: 1em;padding-bottom: 2em;}
#secondaryContent {  background-color:#eee;}
#secondaryContent h2 {  font-size: 1.6em;  margin: 0;}
#secondaryContent p {  font-size: 1.2em;}
#footer {  background: #FFF; padding: 20px 0px; border-top:#000  2px solid;
  text-align: right; margin-bottom: 1em;}
#footer p { color: #000;}
body { text-align: center; min-width: 760px;}
#wrapper { width: 75%; margin: 0 auto; text-align: left; }
#headingwrap { padding-bottom: 3em;   background:#FFF url(header.jpg) no-repeat; height: 75px;}
#about {    background: #000;}
#about h1 {color: #FFF;font-size: 1.6em;font-weight: bold; padding-left: 1em;}
#spotlight img {float: left; margin-left: 1em; margin-right: 1em; border: 3px solid;}
#spotlight { boder-bottom: 5px solid;}
#portfolio {clear: left;}
#homemainNav {   width: 35%;  float: left;}
#homecontent { width: 60%;   float: right;   background:#FFF;}
#mainNav { width: 25%;  float: left;}
#content { width: 70%;   float: right;   background:#FFF;}
#content img { margin: 0 10px 20px 0;}
#mainContent { position: relative; width: 100%; margin-top: 2em; float: left; margin-bottom: 4em;} 
#secondaryContent {  width: 31%; min-width: 10em; display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; } 
#footer {   clear: both; }

/* add some padding to the contentse in the main nav and secondary content areas */
#mainNav, #secondaryContent {  padding-top: 0;  padding-bottom: 0px;}
#mainNav *, #secondaryContent * { padding-left: 0; padding-right: 20px;}
#mainNav * *, #secondaryContent * * { padding-left: 0; padding-right: 0;}
#logo {position:relative; width: 100%; height: 100px;}
#logo a {position:absolute; top:8px; left:50px;}
#signature {position:absolute; top:450px; left:700px;}

	/* http://www.stuffandnonsense.co.uk/archives/examples/malarkey-method-example.html */
	
	ul.nav {width:600px; padding:0; list-style-type:none; letter-spacing : -1000em; }
ul.nav li {display:inline;}
ul.nav li a {float:left; display:block; width:100px; height:30px; }
a#nav-a1 {background:url(home.jpg) no-repeat;}
a#nav-a2 {background:url(portraits.jpg) no-repeat;}
a#nav-a3 {background:url(cartoons.jpg) no-repeat;}
a#nav-a4 {background:url(landscapes.jpg) no-repeat;} 
a#nav-a5 {background:url(contact.jpg) no-repeat;}
a#nav-a6 {background:url(spiritual.jpg) no-repeat;}

h3.news {width:100px; height: 16px; background:url(news.jpg) no-repeat; letter-spacing : -1000em; margin-top: 2em; margin-left: 0;}