@charset "UTF-8";
/* CSS Document */

body {
	color: #000033;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 76%;
	line-height: 140%;
	vertical-align: bottom;
	word-spacing:.15em;
	letter-spacing:.1em;
	background: #edd8cf;
}
div#container {
	width : 800px;
	margin : 0 auto; /*this centers the container in the browser window*/
	padding : 0;
	text-align : left;
	background: edd8cf;
}div#container p {
	border-width: 0px;	
}
div#brand-wrapper, div#intro-wrapper, div#nav-wrapper {
	width: 100%;
	margin : 0 0px;
	padding : 0;
}
div#brand-wrapper {
	height: 100px;
}
div#intro-wrapper {
	background: #000000 url(art/mary-couch3bg.jpg) repeat-x;
	height: 23em;
	border-top: thin solid #993366;
	border-bottom: thin solid #993366;
	margin: 0em;
}
div#intro-wrapper-index {
	background: #000000 url(art/mary-couch3.jpg) no-repeat center;
	height: 23em;
	border-top: thin solid #993366;
	border-bottom: thin solid #993366;
	margin: 0em;
}
div#intro-wrapper-contact {
	background: #000000 url(art/mary-couch3bg.jpg) repeat-x;
	height: 23em;
	border-top: thin solid #993366;
	border-bottom: thin solid #993366;
	margin: 0em;
}
div#branding, div#intro, div#nav, div#nav2 {
	width: 800px;
	margin : 0 auto;
	padding : 0;
	text-align : left;
}
div#intro {
	color: #edd8cf;
	padding: 0.5em;
	width: 800px;
}
div#intro-content-main {
	width: 525px;
	float: left;
}
div#intro-content-main-welcome {
	width: 525px;
	padding-left: 200px;
}
div#intro-content-main-contact, div#intro-content-main-portfolio {
	width: 450px;
	float: left;
}
div#intro-content-main-portfolio {
	width: 375px;
	float: left;
}
div#intro-content-sub {
	float: right;
}
div#intro-content-sub-l {
	float: left;
}
div#intro-content-sub p.ichatmary{
	background: url(art/mary-cinema.png) no-repeat;
	height: 280px;
	width: 309px;
}
div#intro-content-sub p.portfolio-visit{
	background: url(art/mary-couch-rt2.png) no-repeat;
	height: 280px;
	width: 367px;
	float: left;
}
p.mary-pic2 {
	background: url(art/mary-pic2.jpg) no-repeat;
	height: 225px;
	width: 170px;
}
div#branding h1 { /*z-index : 1;*/
	position : absolute;
	top :12px;
	width: 179px;
	height : 84px;
	margin : 0;
	padding : 0;
	background: url(art/msd10.gif) no-repeat bottom;
	text-indent : -9999px;
}
div#intro h1 {
	width:400px;
	}
div#nav-wrapper {
	/*padding: 0.5em;*/
	height: 40px;
	border-top: thin solid #FFFFFF;
	border-bottom: thin solid #FFFFFF;
	background: #5d110b;
}
div#nav2-wrapper {
	/*padding: 0.5em;*/
	clear: both;
	height: 20px;
	border-top: thin solid #FFFFFF;
	border-bottom: thin solid #FFFFFF;
	background: #990000;
}
div#web_flash_pres_sample {
     float : left; 
     width : 275px;
     margin : 0; 
     padding : 0;
}
div#print_illustrate_sample {
     float : left; 
     width : 275px;
     margin : 0; 
     padding : 0;
}
div#flash_samples, div#presentation_sample {
	 clear:left;
	 /*float : left;*/ 
     width : 275px;
     margin : 0; 
     padding : 0;
}
div#illustration_samples {
	 float : left; 
     width : 275px;
     margin : 0; 
     padding : 0;
}
div#illustration_samples_sel, div#flash_samples_sel, div#web_sample_sel, div#print_sample_sel {
	float : left;
     width : 800px;
	margin : 0 auto;
	padding : 0;
}
h2.sample_sel {
	float:left;
	width:266px;
}
h2.sample_sel_150 {
	float:left;
	width:156px;
}
div#content_sub {
	float : right;
	width : 240px;
	margin : 0;
	padding : .5em 0;
	;
	/*background-color: #00543D;*/
	/*background: #2b818a url(images/green-top2.png) repeat-x;*/
	color: #333333;
	height: 100%;
}
div#content_sub_sel, div#resume {
	color: #333333;
	clear:both;
}
h1, h2, h3 {
	font-size: 1.25em;
	line-height: 1.1em;
	margin-bottom: 0.4em;
}
div#resume h3{
	font-weight: bold;
	padding-left: 20px;
	font-size: 100%;
}
h2.sample {
	width: 244px;
	font-size: 1em;
}
div#sample-focus {
	clear: left;
}
h2.clientcomment, h1.sample-type {
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0099FF;
}
.intro-content {
	float: left;
	width: 375px;
}
.welcome {
	color: #edd8cf;
}

ul#mainnav, ul#samplenav, ul#subnav {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	/*position: relative;
	top: 5px;*/
}
ul#subnav {
	/*padding-right: 150px;*/
}
ul#mainnav li, ul#subnav li {
	float: left;
	list-style-type: none;
	padding-right: 40px;
}
ul#mainnav li:before, ul#subnav li:before { content: ""; }
ul#mainnav li a, ul#mainnav li a, body a:link, ul#subnav li a, ul#subnav li a:link { 
	color: #fff;
	font-weight: bold;
}
div#intro a:link {
	color: #FFCC99;
	text-decoration: none;
}
ul#mainnav li a:visited, ul#subnav li a:visited, body a:link, div#intro a:visited {
	color: #eee;
	text-decoration: none;
}
ul#mainnav li a:hover, ul#mainnav li.current_page_item a, ul#subnav li a:hover, ul#subnav li.current_page_item a, div#intro a:hover {
	/*background-image: url();
	background-position: center bottom;
	background-repeat: no-repeat;*/
	color: #FFCC00;
}
ul#mainnav li a:active, ul#subnav li a:active { color: #000; }
ul#mainnav li a {
	line-height: 39px;
	padding-bottom: 13px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul#subnav a {
	padding-bottom: 13px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul#samplenav li a:link, .clientcomment a:link, div#resume a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
/*ul#samplenav li a:visited, .clientcomment a:visited {
	color: #663399;
	font-weight: bold;
	text-decoration: none;
}*/
ul#samplenav li a:visited, .clientcomment a:visited, div#resume a:visited {
	color: #660033;
	font-weight: bold;
	text-decoration: none;
}
ul#samplenav li a:hover, .clientcomment a:hover, div#resume a:hover {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}
ul#samplenav,  ul#subnav {
	padding-bottom: 13px;
	margin-bottom: 13px;
}
ul#samplenav li,  ul#subnav li {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
ul#samplenav  {
	clear: left;
	display: block;
}
.sample {
    font-size: 1em;
}
div#branding p {
	color: #FFFF66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	border:0;
	color: #993366;
	text-decoration: none;
}

img { 
	border-width: 0px;
}
p {
	margin : 0 1em;
	padding : 0.5em 0.5em;
	border-width: 0px;
}
div#intro p.quoted {
	width: 375px;
	text-align: right;
	font-weight: bold;
}
div#intro p.clientcomment {
	width: 375px;
	font-style: italic;
}
div#intro p.clientcommentlong  {
   font-style: italic;
}
div#intro p.quotedlong {
    text-align: right;
	font-weight: bold;
} 
h2.sample_sel-logo {
	float:left;
	width:266px;
	height: 175px;
}