html { 
	min-width: 840px;
	 }

img	{
	border: 0;
	}

	/* Main divs */

body	{
	text-align: center;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	background: #F8F8F8;
	color: #202020;
	font: small/1.0 "Lucida Grande",  "Trebuchet MS", Arial, Verdana, sans-serif;
	}

div#wrapper	{
	color: #000;
	background: #fff url(http://martamartahop.com/images/body_bg.jpg) top left no-repeat;
	width: 840px;
	padding: 0;
	text-align: left;
	margin: 0 auto;
	border-right: 1px solid #003786;
	border-left: 1px solid #003786;
	}

html>body div#wrapper {
	/* Correct value  */
	}

div#maincontent 	{
	float: left;
	background: transparent;
	color: #000;
	width: 840px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #003786;
	border-bottom: 1px solid #003786;
	}

html>body div#maincontent {
	/* Correct value  */
	min-height: 655px;
	}

div#left 	{
	float: left;
	background: transparent;
	color: #000;
	width: 275px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

html>body div#left {
	/* Correct value  */
	}

div#navwrap 	{
	width: 275px;
	height: 616px;
	background: transparent url(http://martamartahop.com/images/nav_bg.jpg) top left no-repeat;
	padding: 0;
	margin: 0;
	}

div#contact	{
	width: 275px;
	background: transparent;
	padding: 30px 0 4px 0;
	margin: 0 0 0 0;
	border-top: 1px solid #003786;
	}

div#constantcontact	{
	font-family: Georgia, serif;
	margin: 12px 0 12px 12px;
	}

div#main 	{
	float: left;
	background: transparent;
	color: #000;
	width: 540px;
	padding: 12px 0 0 12px;
	margin: 0 0 0 0;
	border-left: 1px solid #003786;
	}

html>body div#main {
	/* Correct value  */
	padding: 12px 0 8px 12px;
	}

div#main .vid	{
	text-align: center;
	padding: 0;
	margin: 16px 0 18px 0;
	}

div#footer	{
	clear: both;
	width: 840px;
	background: #D0D0D0;
	padding: 0;
	margin: 0;
	}

	/* nav */
/*Navigation*/

div#nav 	{
	width:180px;
	background: transparent;
	padding: 18px 0 0 47px;
	margin: 0 0 0 0;
	}

    #nav ul {
      margin: 0 0 0 0;
      padding:0;
      list-style:none;
      text-indent: -9999px;
      overflow: hidden;
      }
    #nav li {
      height: 66px;
      background:transparent;
      margin:-4px 0 6px 0;
      padding:0;
      overflow: hidden;
      }

    #nav .home a {
      width:180px;
      height: 66px;
      display:block;
      background:url(http://martamartahop.com/images/nav/home.png)  top left no-repeat;
      padding:0;
      }
    #nav .about a {
      width:180px;
      height: 66px;
      display:block;
      background:url(http://martamartahop.com/images/nav/about.png)  top left no-repeat;
      padding:0;
      text-decoration:none;
      }
    #nav .projects a {
      width:180px;
      height: 66px;
      display:block;
      background:url(http://martamartahop.com/images/nav/projects.png)  top left no-repeat;
      padding:0;
      }
    #nav .video a {
      width:180px;
      height: 66px;
      display:block;
      background:url(http://martamartahop.com/images/nav/videos.png)  top left no-repeat;
      padding:0;
      }
    #nav .media a {
      width:180px;
      height: 66px;
      display:block;
      background:url(http://martamartahop.com/images/nav/media.png)  top left no-repeat;
      padding:0;
      }

    #nav .classes a {
      width:180px;
      height: 66px;
      display:block;
      background:url(http://martamartahop.com/images/nav/TWiSTED-OUTREACH.png)  top left no-repeat;
      padding:0;
      }

	#home #homemenu, #about #aboutmenu, #projects #projectsmenu, #video #videomenu, #media #mediamenu, #stretch #classmenu, #nav li:hover, #nav li:hover a {
      background-position:0% -66px;
      }
	#home #homemenu a, #about #aboutmenu a, #projects #projectsmenu a, #video #videomenu a, #media #mediamenu a, #stretch #classmenu a, #nav li:hover a {
      background-position:100% -66px;
      }


/*project page rollovers*/

#main ul {
      margin: 0 0 0 0;
      padding:0;
      list-style:none;
      text-indent: -9999px;
      overflow: hidden;
      }
    #main li {
      width:300px;
      height: 100px;
      background:transparent;
      margin: 12px 0 12px 20px;
      padding:0;
      overflow: hidden;
      }

       #main .twist_solo a {
      height: 100px;
      display:block;
      background:url(../images/nav/twisted_solo.png)  top left no-repeat;
      padding:0;
      }
    #main .heat a {
      height: 100px;
      display:block;
      background:url(../images/nav/heat.png)  top left no-repeat;
      padding:0;
      }
    #main .mashup a {
      height: 100px;
      display:block;
      background:url(../images/nav/moa.png)  top left no-repeat;
      padding:0;
      }
 #main .whistler a {
      height: 100px;
      display:block;
      background:url(../images/nav/whistler.png)  top left no-repeat;
      padding:0;
      }
    #main .twist a {
      height: 100px;
      display:block;
      background:url(http://martamartahop.com/images/nav/twisted.png)  top left no-repeat;
      padding:0;
      }
    #main .idub a {
      height: 100px;
      display:block;
      background:url(http://martamartahop.com/images/nav/idub.png)  top left no-repeat;
      padding:0;
      }
    #main .riz a {
      height: 100px;
      display:block;
      background:url(http://martamartahop.com/images/nav/riz.png)  top left no-repeat;
      padding:0;
      }
    #main .spell a {
      height: 100px;
      display:block;
      background:url(http://martamartahop.com/images/nav/spell.png)  top left no-repeat;
      padding:0;
      }
    #main .xdance a {
      height: 100px;
      display:block;
      background:url(http://martamartahop.com/images/nav/xdance.png)  top left no-repeat;
      padding:0;
      }

#main li:hover, #main li:hover a {
      background-position:0% 100px;
      }
#main li:hover a {
      background-position:100% -100px;
      }

/*Firefox dotted-border-on-links bug fix*/
a:active	{
outline: none;
}

/*Email obfuscation*/
span.codedirection	{
unicode-bidi:bidi-override;
direction: rtl;
color: #600000;
}

	/* links */

a:link {
	text-decoration : none;
	font-weight: bold;
	color: #003786;
	background: transparent; 
	}
	
a:hover {
	text-decoration : none;
	font-weight: bold;
	color: #700000;
	background: transparent; 
	}

a:active {
	text-decoration : none;
	font-weight: bold;
	color: #700000;
	background: transparent;  
	}

a:visited {
	text-decoration : none;
	font-weight: bold;
	color: #700000;
	background: transparent; 
	}

/*typog*/

div.hr	{
	height: 54px;
	margin: 18px 0 0 0;
	background: transparent url(http://martamartahop.com/images/hr.gif) no-repeat scroll center;
}
div.hr hr	{
	display: none;
}

h1	{
	background: transparent;
	font-weight: bold;
	font-family: "Lucida Grande",  "Trebuchet MS", Arial, Verdana, sans-serif;
	text-align: left;
	color: #700000;
	margin: 2px 0 8px 0;
	padding: 0 0 6px 4px;
	font-size: 2.0em;
	/*border-top: 1px solid #700000;*/
	}

h2	{
	background: transparent;
	font-weight: bold;
	font-family: "Lucida Grande",  "Trebuchet MS", Arial, Verdana, sans-serif;
	text-align: left;
	text-transform: none;
	color: #600000;
	margin: 28px 0 12px 2px;
	padding: 20px 0 6px 2px;
	font-size: 1.4em;
	width: 95%;
	border-top: 1px solid #700000;
}

h2.contact	{
	background: transparent;
	font-weight: bold;
	font-family: Georgia, serif;
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 4px 12px;
	padding: 0 0 0 0;
	font-size: 1.4em;
	border-top: none;
}

h3	{
	color: #500000;
	margin: 4px 10px 8px 4px;
	padding: 4px 0 4px 0;
}

#home h2	{
	border-top: none;
}

#home h3	{
	border-top: 1px solid #700000;
	clear: both;
	margin-top: 18px;
	padding-top: 18px;
}

h2.projects	{
	margin: 16px 0 14px 2px;
}

p	{
	font-family: "Lucida Grande",  "Trebuchet MS", Arial, Verdana, sans-serif;
	text-align: left;
	color: #181818;
	margin: 0 6px 8px 5px;
	font-size: 1em;
	line-height: 130%;
	}

p.contact	{
	font-family: Georgia, serif;
	color: #101010;
	margin: 12px 6px 12px 12px;
	padding: 0 0 0 0;
	font-size: 1em;
	}

p.page	{
	border-top: 1px solid #000;
	font-family: Georgia, serif;
	font-size: 1.2em;
	color: #101010;
	margin: 20px 6px 12px 5px;
	padding: 12px 0 0 0;
	}

.archive_links	{
	letter-spacing:5px;
	}

p.bigrust	{
	font-size: 2.0em;
	font-weight: bold;
	color: #663900;
	margin: 20px 6px 12px 5px;
	padding: 0 0 0 0;
	}

p.rust	{
	color: #663900;
	}

#media p	{
	margin: 18px 6px 10px 5px;
	}

img.big	{
	margin: 2px 0 12px 4px;
	line-height: 110%;
	}

img.headshot	{
	float: left;
	vertical-align:middle;
	margin: 2px 12px 8px 6px;
	}

.boldly	{
	font-weight: bold;
	color: #202020;
	}

.quote	{
	font-style: italic;
	}

#home #main img	{
	float: left;
	margin: 20px 20px 20px 20px;
	}

p.follow	{
color: #000;
font-weight: bold;
line-height:18px;
margin: 12px 6px 12px 12px;
}

#contact p	{
	margin: 12px 6px 12px 12px;
	}