/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	background-image: url(../images/shm_midpurp.jpg);
	text-align:center;

}

.titleStyle{
    color: #FFCC00;
	font-weight: bold;
}



a {
	font-size: 10px;
	color: #AAA3A2;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #AAA3A2;
}
a:active {
	color: #FFCC33;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
div#page {
    width:685px;
    height:800px;
	margin:0px auto; 
    padding:0px;
	text-align:left;
	position:relative;
}

#leftBorder {
	position:absolute;
    top:0px;
    left:0px;
	width:15px;
	height:1140px;
	margin:0px;
	padding:0px;
	background-color:#FFCC33;
}

#rightBorder {
    position:absolute;
	right:0px;
	top:0px;
	width:20px;
	height:1140px;
	background-color:#FFCC33;
}


#title {
    position:absolute;
	left:287px;
	top:0px;
	width:398px;
	height:127px;
	margin:0px;
	padding:0px;
	background: url(../images/title.gif) top left no-repeat;

}

#menuTitle  {
    position:absolute;
	left:0px;
	top:139px;
	width:128px;
    display:block;
	margin:0 0px 0 0; padding: 31px 0 0 0;
    overflow: hidden;
    height: 0px !important; 
    height: /**/31px; /* for IE5/Win only */
	background: url(../images/line01.gif) top left no-repeat;
}

#projectTitle  {
    position:absolute;
	left:128px;
	top:139px;
	width:157px;
    display:block;
	margin:0 0px 0 0; padding: 31px 0 0 0;
    overflow: hidden;
    height: 0px !important; 
    height: /**/31px; /* for IE5/Win only */
	background: url(../images/line02.gif) top left no-repeat;
}

#detailsTitle  {
    position:absolute;
	left:287px;
	top:139px;
	width:398px;
    display:block;
	margin:0 0px 0 0; padding: 31px 0 0 0;
	overflow: hidden;
    height: 0px !important; 
    height: /**/31px; /* for IE5/Win only */
	background: url(../images/line03.gif) top left no-repeat;
}

#line01  {
	position:absolute;
	left:0px;
	top:171px;
    display:block;
	height:15px;
	width:128px;
	background: url(../images/under_line01.gif) top left no-repeat;
}

#line02  {
	position:absolute;
	left:129px;
	top:171px;
    display:block;
	height:15px;
	width:157px;
	background: url(../images/under_line02.gif) top left no-repeat;
}

#iframe {
    position:absolute;
	left:287px;
	top:171px;
	width:398px;
	height:588px;
	margin:0px;
	padding:0px;

}



/***********************************************/
/* email */
/***********************************************/
#email {
    position:absolute;
	left:287px;
	top:126px;
	width:398px;
	height:12px;
	position:relative;

}

#email a   {
      display:block;
	  margin:0px ; 
	  padding: 0px;
	  overflow:hidden;
      width:398px;
	  height: 12px;
	  background: url(../images/email.gif) top left no-repeat;
}

#email a:hover {
	background-position: 0 -12px;
	}
	

/***********************************************/
/* menu */
/***********************************************/
#navMenu {
position:absolute;
left:0px;
top:185px;
height:31px;
width: 128px;

}

#navMenu ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#navMenu li {
display:inline;
}

/* menu */
#navMenu a {
margin:0px; 
padding: 14px 0 0 0;
overflow: hidden;
height: 0px !important; 
height: /**/14px; /* for IE5/Win only */
width: 128px;
overflow: hidden;
display: block;

}

#navMenu a:hover {
	background-position: 0 -14px;
}

#navMenu a:active, #navMenu a.selected {
	background-position: 0 -14px;
}


#animation a  {
    display:block;
	height:14px;
	background: url(../images/but_3d.gif) top left no-repeat;
	text-decoration: none;
}

	
#web a  {
    display:block;
	height:14px;
	background: url(../images/but_web.gif) top left no-repeat;
	text-decoration: none;
}

#misc a  {
    display:block;
	height:14px;
	background: url(../images/but_misc.gif) top left no-repeat;
	text-decoration: none;
}

#cv a  {
    display:block;
	height:14px;
	background: url(../images/but_cv.gif) top left no-repeat;
	text-decoration: none;
}

#wip a  {
    display:block;
	height:14px;
	background: url(../images/but_wip.gif) top left no-repeat;
	text-decoration: none;
}
	
/***********************************************/
/* submenu */
/***********************************************/
#subMenu {
position:absolute;
left:128px;
top:185px;
height:31px;
width: 157px;
}

#subMenu ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#subMenu li {
display:inline;
}

/* menu */
#subMenu li a:link, #subMenu li a:visited {
height:14px;
width: 143px;
display: block;
background: url(../images/arrow12.gif) no-repeat;
padding: 0px 0px 0px 14px;
overflow: hidden;
}

#subMenu li a:hover, #subMenu li a:active, #subMenu li a.selected   {
color: #FFFFFF;
background: url(../images/arrow12.gif) 0 -14px no-repeat;
padding: 0px 0px 0px 14px;
}

/***********************************************/
/* iFrame Layout Divs                                 */
/***********************************************/
#projectPage {
    width:398px;
    height:588px;
	margin:0px; 
    padding:0px;
	text-align:left;
	position:absolute;
	left:0px;
    top:0px;
}


#iFrame01 {
    Float: left;
	padding:0px;
    width:398px;
	margin:7px 0px 0px 0px; 
    padding:0px;
}


#project {
    Float: left;
	height:13px;
    width:398px;
	margin:5px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	color: #FFCC33;
	background: url(../images/shm_drkpurp.gif);
}

#midLine {
    Float: left;
	height:11px;
    width:398px;
	margin:10px 0px 0px 0px; 
    padding:0px;
	background: url(../images/bot_line.gif);
}

#text01  {
    Float: left;
    width:398px;
	margin:10px 0px 0px 0px;
    padding:0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	color: #CCCCCC;
	font-weight: normal;
}

#text02 {
    Float: left;
	height:20px;
    width:398px;
	margin:10px 0px 0px 0px; 
    padding:0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	color: #CCCCCC;
	font-weight: normal;
}


/***********************************************/
/* movieNavigation                                 */
/***********************************************/
#buttons {
    Float: left;
	height:15px;
    width:398px;
	background: url(../images/shm_drkpurp.gif);
}

#buttons ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

#buttons li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#buttons a {
	float: left;
	padding: 0px;
	overflow: hidden;
	padding: 12px 0 0 0;
    height: 0px !important; 
    height: /**/12px; /* for IE5/Win only */
	display: block;
	font-family: Arial,sans-serif;

}

#movies a  {
    display:block;
	height:12px;
	width:99px;
	background: url(../images/movies.gif) top left no-repeat;
	text-decoration: none;
}
	
#view a  {
    display:block;
	height:12px;
	width:110px;
	background: url(../images/view.gif) top left no-repeat;
	text-decoration: none;
}

#viewDir a  {
    display:block;
	height:12px;
	width:109px;
	background: url(../images/viewDir.gif) top left no-repeat;
	text-decoration: none;
}

#getFlash a  {
    display:block;
	height:12px;
	width:71px;
	background: url(../images/viewGet.gif) top left no-repeat;
	text-decoration: none;
}

#viewWeb a  {
    display:block;
	height:12px;
	width:83px;
	background: url(../images/viewweb.gif) top left no-repeat;
	text-decoration: none;
}

#viewBlank a  {
    display:block;
	height:12px;
	width:45px;
	background: url(../images/viewblank.gif) top left no-repeat;
	text-decoration: none;
}

#viewCropped a  {
    display:block;
	height:12px;
	width:100px;
	background: url(../images/viewcropped.gif) top left no-repeat;
	text-decoration: none;
}


#buttons a:hover {
	background-position: 0 -12px;
}

#buttons a:active, #buttons a.selected {
	background-position: 0 -12px;
}


/***********************************************/
/* imageNavigation                                 */
/***********************************************/
#imageMenu {
    Float: left;
	height: 35px;
	width:398px;
	display: inline;
	background: url(../images/shm_drkpurp.gif);
}


#imageMenu ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}


#imageMenu li {
    float: left;
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}


#imageMenu a {
	float: left;
	padding: 12px 8px 6px 6px;
	height: 10px;
	width: 12px;
	display: block;
	font-family: Arial,sans-serif;
	color: #6B4D5D;
	font-size: 10px;
	font-weight: bold;
	background: url(../images/image02.gif) no-repeat;
}
	
#imageMenu a:visited {
	color: #FFCC33;
}
#imageMenu a:hover {
	color: #FFCC33;
}
#imageMenu a:active {
	color: #FFCC33;
}

/***********************************************/
/* CV Page                                */
/***********************************************/
#cvPage {
    Float: left;
	padding:0px;
    width:398px;
	height: 960px;
	margin:7px 0px 0px 0px; 
	background: #4B2C3B;
	line-height:12px;
}


#cvPage H5{
    
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFCC00;
	margin: 5px 0px 3px 3px;
}


p {
   margin: 0px 0px 6px 3px;
   width:378px;

} 

p.subtitle{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 3px;
}


.subtitle{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}