/* Base Formatting */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%; font-family: inherit;	vertical-align: baseline;
}

body { line-height: 1.5; margin:1.5em 0; background-image:url('http://darrengoins.com/graph.jpg');
background-repeat:repeat;}

		/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

a img { border: none; }

		/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }

		/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #666; 
  font-family: Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #444; 
  font-family: Arial, sans-serif; 
}
		/* clearing agent */
	hr {border:none; clear:both; height:0;	visibility:hidden;}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



/* Site Structure */

#wrap {display:block;width:100%;margin:15px auto;padding:0px;}

/* Header Logo Section */

#headerlogo {display:block;text-align:center;height:76px;margin:25px 0 10px;padding:0;}
#headerlogo h1 {display:block;text-align:center;height:76px;margin:0;padding:0;}
#headerlogo h1 a {display:block;height:76px;width:268px;margin:0 auto;padding:0;
	background: url(../images/dg_header.png) no-repeat 0 0;}
#headerlogo h1 a span {display:none;}


/* Main Navigation */

#nav {display:block;width:1400px;height:350px;margin-left:auto;margin-right:auto;padding:0 0 0 10px;list-style:none;}
#nav li {display:block;float:left;width:338px;height:338px;margin:0 10px 0 0;padding:0 0 0 0;}

/* Text Layout */

#text {display:block;padding:20px 60px;}
.intro {display:block;margin:20px 0 20px;padding:0 0 0 0;}

/* Gallery Layout */

#content {display:block;width:100%;margin-left:auto;margin-right:auto;padding:0 0 0 10px;list-style:none;}
.gallery {}
.gallery a {display:block;float:left;width:130px;height:130px;margin:18px 18px 18px 8px;padding:0 0 0 0;background:#eee;border: 2px solid #ddd;}

/* Large Image Layout */



/* Other Custom Styles */

#footer {display:block;clear:both;padding:5px 0 0 0;margin:35px 20px 20px;border-top:1px solid #ccc;}
#footer p {text-align:right;font-size:10px;color:#777;}
#footer p a, #footer p a:visited {color:#777;text-decoration:none;}
#footer p a:hover {text-decoration:underline;}