/* MARIEKYLE.com Reset

Created by: Marie Kyle
Created On: 1.25.2008

Version 6,795

Pink > #f6bcf8
Light Grey > #9fa1a1
Grey > #666
Dull Pink > #b46a88

 */

/* ----------------------------------------- 
	global reset & general utility 
----------------------------------------- */
@font-face 		{ font-family: 'Vegur Extralight'; src: url(/fonts/Vegur-EL_0500.otf); src: local('Vegur Extralight'), local('Vegur Extralight'), url(/assets/fonts/Vegur-EL_0500.otf) format('opentype'); } 
@font-face {
	font-family: 'WalkwaySemiBoldRegular';
	src: url('Walkway_SemiBold.eot');
	src: local('Walkway SemiBold Regular'), local('WalkwaySemiBold'), url('/fonts/Walkway_SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'WalkwayBoldRegular';
	src: url('/fonts/Walkway_Bold.eot');
	src: local('Walkway Bold Regular'), local('WalkwayBold'), url('/fonts/Walkway_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'WalkwayUltraBoldRegular';
	src: url('/fonts/Walkway_UltraBold.eot');
	src: local('Walkway UltraBold Regular'), local('WalkwayUltraBold'), url('/fonts/Walkway_UltraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'WalkwayBlackRegular';
	src: url('/fonts/Walkway_Black.eot');
	src: local('Walkway Black Regular'), local('WalkwayBlack'), url('/fonts/Walkway_Black.ttf') format('truetype');
}

@font-face {
	font-family: 'WalkwayObliqueRegular';
	src: url('/fonts/Walkway_Oblique.eot');
	src: local('Walkway Oblique Regular'), local('WalkwayOblique'), url('/fonts/Walkway_Oblique.ttf') format('truetype');
}

@font-face {
	font-family: 'WalkwayObliqueSemiBoldRegular';
	src: url('/fonts/Walkway_Oblique_SemiBold.eot');
	src: local('Walkway Oblique SemiBold Regular'), local('WalkwayObliqueSemiBold'), url('/fonts/Walkway_Oblique_SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'WalkwayObliqueBoldRegular';
	src: url('/fonts/Walkway_Oblique_Bold.eot');
	src: local('Walkway Oblique Bold Regular'), local('WalkwayObliqueBold'), url('/fonts/Walkway_Oblique_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'WalkwayObliqueUltraBoldRegular';
	src: url('/fonts/Walkway_Oblique_UltraBold.eot');
	src: local('Walkway Oblique UltraBold Regular'), local('WalkwayObliqueUltraBold'), url('/fonts/Walkway_Oblique_UltraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'WalkwayObliqueBlackRegular';
	src: url('/fonts/Walkway_Oblique_Black.eot');
	src: local('Walkway Oblique Black Regular'), local('WalkwayObliqueBlack'), url('/fonts/Walkway_Oblique_Black.ttf') format('truetype');
}

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td 
	{ margin:0; padding:0; }
body
	{ font-size: 75%; letter-spacing:0.07em; font-weight: 100; font-family: 'Lucida Grande', sans-serif; color:#666; 
	  background-color: #fff;background: url(/assetsv6/img/mainrepeat.jpg) top center repeat-y;}
table 
	{ border-collapse:collapse; border-spacing:0; }
fieldset, img 
	{ border:0; }
address, caption, cite, code, dfn, em, strong, th, var 
	{ font-style:normal; font-weight:normal; }
ol, ul, li 
	{ list-style:none; }
caption, th 
	{ text-align:left; }
q:before, q:after 
	{ content:''; }
.floatleft 
	{ float:left; }
.floatright 
	{ float: right; }
.clear 
	{ clear: both; }
strong 
	{ font-weight: bold; }
em 	
	{ font-style: italic; }
img 
	{ vertical-align: middle;}
a img 
	project
a:focus, a:hover 
	{ color:#7c7c7c; }
a 
	{ color:#346a99;text-decoration:underline; outline:none ;}
ul { list-style: none; padding: 0; }   
.small
	{ font-size: small; }
.brieff
	{ display:inline-block; padding:3px; color:#444; background:#222; }  
.smallcaps
	{ font-variant: small-caps; font-size: smaller; margin-left:620px; text-align:right; padding-top:30px; 
	  text-decoration: none; width:180px;}

        	 
/* ----------------------------------------- 
	structure
-----------------------------------------  */
#page
	{ background: url(/assetsv6/img/mainbg.jpg) top center no-repeat; 
	  margin: 0px; padding: 102px 0 0 0; height:100%; }
#container 
	{ margin: 0 auto 0; width: 830px; }
#innerwrap 
	{ width: 830px; clear:both; padding:70px 0; }

#pagetitle
	{text-indent: -9999px; position: absolute;}
#project-latham	
	{ position:relative; float:left; width:362px; padding-top: 180px;}
.imageshowcaseetop
	{ position:relative; float:left;  width:458px; padding-top: 179px; padding-bottom: 12px;}	
#project-summ, #project-click, #project-seeds, #project-biz, #project-women, #project-debeers, #project-ufpj, #project-brand, #project-print, #project-mograph, #project-wwm
	{ position:relative; float:left; width:362px; padding: 180px 0 20px 0;}
.imageshowcasee
	{ position:relative; float:left;  width:458px; padding-top: 179px; padding-bottom: 12px;}
.submenuu
	{clear:left; width:100%; padding-bottom: 90px;}


/* ----------------------------------------- 
	styling
-----------------------------------------  */
/*social*/
#social		{ display:block; width:175px; position:absolute; margin:-23px 0 0 452px;  }
#social li	{ display:block; float:left; text-indent:-9999px }
#pos a		{ display:block; width:83px; height:23px;background:url(img/social.jpg) 0 0 no-repeat; margin-right: 5px;   }
#twi a		{ display:block; width:85px; height:23px;background:url(img/social.jpg) -88px 0 no-repeat;   }
#pos a:hover	{ background-position:0 -23px; }
#twi a:hover	{ background-position:-88px -23px; }	

#project-latham p, #project-summ p, #project-click p, #project-seeds p, #project-biz p, #project-women p, #project-debeers p, #project-ufpj p, #project-brand p, #project-print p, #project-mograph p,  #project-wwm p
	{ padding: 10px 25px 0px 20px;}

/* main navigation section */
.naviii  	{ height: 37px; margin:-23px 76px 0 0; padding:0; position: relative; float:right; }
.naviii li 	{ margin: 0 5px 0 0; padding: 0; list-style: none; display:block; float:left;  }
.naviii li, .naviii a { height: 37px; display: block; }
.naviii a 	{ background:transparent url(/assetsv6/img/footer.jpg) no-repeat scroll -300px 0; color:#666666; padding:5px 7px 0; text-decoration:none; }
.naviii a:hover		{ color:#fff;  }



/* contact section */
#contact2 a
	{ color: #B46A88; text-decoration:none; }
#contact2 a:hover	
	{ text-decoration:underline;  }

/* projects */
.worktitle
	{padding:0; margin-top:0px; /*background: transparent url(/assetsv6/img/worktitle.png) no-repeat;*/ height: 0px;
	 width:122px; text-indent: -9999px;} 
	 
h3	{ font-size:90%; padding:35px 0 0px 20px;  background:transparent url(/assetsv6/img/title_web.png) no-repeat; text-transform:uppercase; letter-spacing:0.13em; color:#999; font-weight:normal; } 

#project-print h3	{  background:transparent url(/assetsv6/img/title_printmaking.png) no-repeat; }


#project-debeers h3, #project-women h3	{  background:transparent url(/assetsv6/img/title_graphicdesign.png) no-repeat; }

#project-summ	{ padding-top:80px!important; }
.imageshowcasee_s	{ float:left; padding:80px 0 12px 0; position:relative; width:458px; }




/*
#handle-latham
	{ background: url(/assetsv6/img/title_latham.png) no-repeat; width:362px; 
	  height:70px; text-indent: -9999px; }
#handle-summ
	{ background: url(/assetsv6/img/title_summ.png) no-repeat; width:362px; 
	  height:90px; text-indent: -9999px; }
#handle-click
	{ background: url(/assetsv6/img/title_click.png) no-repeat; width:362px; 
	  height:70px; text-indent: -9999px; }
#handle-seeds
	{ background: url(/assetsv6/img/title_seeds.png) no-repeat; width:362px; 
	  height:70px; text-indent: -9999px; }
#handle-biz
	{ background: url(/assetsv6/img/title_biz.png) no-repeat; width:362px; 
	  height:70px; text-indent: -9999px; }
#handle-women
	{ background: url(/assetsv6/img/title_women.png) no-repeat; width:362px; 
	  height:70px; text-indent: -9999px; }	  
#handle-debeers
	{ background: url(/assetsv6/img/title_debeers.png) no-repeat; width:362px; 
	  height:70px; text-indent: -9999px; }
#handle-ufpj
	{ background: url(/assetsv6/img/title_ufpj.png) no-repeat; width:362px; 
	  height:90px; text-indent: -9999px; }
#handle-brand
	{ background: url(/assetsv6/img/title_brand.png) no-repeat; width:362px; 
	  height:90px; text-indent: -9999px; }
#handle-print
	{ background: url(/assetsv6/img/title_printmaking.png) no-repeat; width:362px; 
	  height:90px; text-indent: -9999px; }	  
#handle-mograph
	{ background: url(/assetsv6/img/) no-repeat; width:362px; 
	  height:90px; text-indent: -9999px; }	 
	  
*/  
	  
	  
	  
	  
	  
	  

/* next top navigation (styling for the first subnav) */
.nextprevnav_n
	{ width: 800px; height: 36px; background: url(/assetsv6/img/next.png);
	  margin: 0px; padding: 0; position: relative; }
.nextprevnav_n li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
.nextprevnav_n li, .nextprevnav_n a { height: 36px; display: block; }
.navnext_n { left: 0; width: 85px; }
.navtop_n { left: 86px; width: 715px; }
.navnext_n a:hover { background: transparent url(/assetsv6/img/next.png) 0 -36px no-repeat; }
.navtop_n a:hover { background: transparent url(/assetsv6/img/next.png) -86px -36px no-repeat; }

/* next previous top navigation */	 
.nextprevnav 
	{ width: 800px; height: 36px; background: url(/assetsv6/img/nextprev.png);
	  margin: 0px; padding: 0; position: relative; }
.nextprevnav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
.nextprevnav li, .nextprevnav a { height: 36px; display: block; }
.navnext { left: 0; width: 61px; }
.navprev { left: 62px; width: 98px; }
.navtop { left: 160px; width: 641px; }
.navnext a:hover { background: transparent url(/assetsv6/img/nextprev.png) 0 -36px no-repeat; }
.navprev a:hover { background: transparent url(/assetsv6/img/nextprev.png) -62px -36px no-repeat; }
.navtop a:hover { background: transparent url(/assetsv6/img/nextprev.png) -160px -36px no-repeat; }

/* previous top navigation (styling for the last subnav) */
.nextprevnav_p
	{ width: 800px; height: 36px; background: url(/assetsv6/img/prev.png);
	  margin: 0px; padding: 0; position: relative; }
.nextprevnav_p li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
.nextprevnav_p li, .nextprevnav_p a { height: 36px; display: block; }
.navprev_p { left: 0; width: 85px; }
.navtop_p { left: 86px; width: 715px; }
.navprev_p a:hover { background: transparent url(/assetsv6/img/prev.png) 0 -36px no-repeat; }
.navtop_p a:hover { background: transparent url(/assetsv6/img/prev.png) -86px -36px no-repeat; }

/* mini thumbnails */
.thumbss
	{ width:136px; height:138px; float:left; padding:0 0 10px 10px; }

/* about section */
.abouttile
	{margin-top:130px;background: transparent url(/assetsv6/img/abouttitle.png) no-repeat; height: 44px;
	 width:122px; text-indent: -9999px;} 

#aboutcopyy
	{position: relative; padding-bottom: 50px; width: 805px;}
#aboutcopyy p
	{ padding-left: 19px; padding-top: 10px; }
#reeimg
	{ float:right;  padding-left: 40px; padding-bottom:15px; margin-top: -19px;}
#skillz
	{ width: 800px; height: 116px; background: transparent url(/assetsv6/img/skillzimg.png) no-repeat;
	  margin-top: 35px; padding-bottom:25px; position: relative; text-indent: -9999px; font-size: xx-small;}


/* footer section */
#footer 
	{ background: url(/assetsv6/img/footer.jpg) bottom center no-repeat; 
	  height:128px; }
#footer div	{ width:805px; margin:0 auto;  } 
#footer hr	{ margin:34px 0 0 342px; color:#fff; position:absolute; width:166px; }
#footer p	{ margin:45px 0 0 360px; color:#fff; position:absolute; width:200px; display:block; font-size:85%; }