*                                       { margin: 0; padding: 0; }
body                                    { background: url(../images/noise_bg.jpg); font: 12px Helvetica, Sans-Serif; }
a, a img                                { border: 0; text-decoration: none; outline: 0; color: #066161;}
a:hover									{ color: black; text-decoration: underline;}

#page-wrap                              { width: 845px; background: #edefef; margin: 0 auto; position: relative; }
#col1                                   { position: relative; top: 10px; width: 45%; float: left; margin: 0 0 0 15px;}
#col2                                   { position: relative; top: 10px; width: 45%; float: right; margin: 0;}

h1                                      { font: bold 60px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; }
h2                                      { font: bold 15px Helvetica, Sans-Serif; letter-spacing: 0px; margin: 0 0 5px 0; padding: 5px 20px 3px 10px; background: #f7cc39;  width: 300px;}
h3                                      { font: 10px bold Helvetica, Sans-Serif; }  
h5                                      { font: 15px Helvetica, Sans-Serif; text-align: center; }

#dl                                     { position: absolute; top: 140px; right: 10px; background: url(../images/pdf-OFF.gif) no-repeat left top; color: #2e2e2e; padding: 0 6px 0 10px; display: block; height: 30px; width: auto; }
#dl:hover                               { background: url(../images/pdf-ON.gif) no-repeat left top; text-decoration: none;}

/* NAV & HEADER */

#masthead {
	top: 0px;
	width: 100%;
	height: 178px;
	background: url(../images/mdk-header.jpg) no-repeat center top;
}
.home {
	position: relative;
	top: 60px;
	left: 0px;
	width: 325px;
	height: 80px;
	display: block;
	font-size: .2em;
	color: transparent;
	text-decoration: none;
}
#Nav {
	position: relative;
	top: 65px;
	left: 45px;
	height: 40px;
	color: #2e2e2e;
	font: .9em;
}
#Nav ul {
	padding: 0;
	margin: 0;
	display: inline;
}
#Nav ul li {
	padding: 0 10px;
	height: 40px;
	border-left: 1px solid #2e2e2e;
	list-style: none;
	display: inline;
}
#Nav ul li.first {
	padding: 0 5px 0 0;
	border-left: none;
	list-style: none;
	display: inline;
}
#Nav ul li a {
	position: relative;
	height: 40px;
	padding: 0 0 30px 0;
	color: #2e2e2e;
}
#Nav ul li a:hover {
	text-decoration: none;
}
#divider {
	position: relative;
	top: 20px;
	width: 800px;
	height: 400px;
	margin: 0 auto;
	background: url(../images/col-bg.jpg) repeat-y top;
}
#twitter {
	width: 340px;
	margin: 0;
}
.tweet {
	margin:0;
	padding: 7px 7px 12px 7px;
	width: auto;
	color: #2e2e2e;
	background: url(../images/tweet-bg.jpg) repeat-x top;
}
.findMe {
	margin: 0;
	padding: 7px;
	width: 330px;
	list-style: none;
	line-height: 20px;
	font-weight: bold;
	color: #2e2e2e;
	background: url(../images/tweet-bg.jpg) repeat-x top;
}
.findMe a {
	font-weight: normal;
}
.aboutMe {
	margin: 0;
	padding: 7px;
	width: 330px;
	color: #2e2e2e;
	line-height: 18px;
	background: url(../images/tweet-bg.jpg) repeat-x top;
}
/*  +++++++GALLERY PAGES+++++++  */
#galleryNav {
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 0 40px;
	width: auto;
	height: 28px;
	background: url(../images/stripe.gif);
	border-bottom: 1px solid #c9c9c9;
}
#galleryNav ul {
	position: relative;
	top: 8px;
	margin: 0;
	display: inline;
}
#galleryNav ul li {
	padding: 0 0 0 2px;
	height: 20px;
	list-style: none;
	display: inline;
	color: #b3b2b2;	
}
#galleryNav ul li a {
	position: relative;
	height: 20px;
}
.form {
	position: relative;
	top: -45px;
	width: 760px;
	margin: 0 auto;
}
.bigImage {
	position: relative;
	top: 15px;
	width: 646px;
	margin: 0 auto;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #page-wrap {height: 100%;}

body > #page-wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 75px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -75px; /* negative value of footer height */
	margin-left: auto;
	margin-right: auto;
	height: 75px;
	width: 845px;
	clear:both;
	background: url(../images/mdk-footer.jpg) no-repeat top center;
}
 
#footer p{
	position: relative;
	top: 50px;
	left:35px;
	color: #2e2e2e;
	font: .6em;
}
#footer ul {
	padding: 0;
	margin: 0;
	display: inline;
}
#footer ul li {
	position: relative;
	top: 35px;
	left: 250px;
	padding: 0 0 0 7px;
	height: 40px;
	border-left: 1px solid #2e2e2e;
	list-style: none;
	display: inline;
}
#footer ul li.first {
	padding: 0 5px 0 0;
	border-left: none;
	list-style: none;
	display: inline;
}
#footer ul li a {
	position: relative;
	height: 40px;
	padding: 0 5px 0 0;
	color: #2e2e2e;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */