/*
Style Sheet for my site!
colors in flash rollovers #000000, #97ac52#678366
colors on website links and hovers #103315, #97ac52 
*/

body {
	padding: 0px 0px 0px 0px;
	margin: -17px 0px 0px 0px;
	border: 0px;
	background-color: #d0d9c4;
	vertical-align: top;
}

.div, td, input, textarea
	{		
		font-family: Trebuchet MS1, Helvetica, sans-serif; 
		font-size: 9pt;
		line-height:16px;
		border: 0px;
}

.homelinks  
	{		
		font-family: Trebuchet MS1, Helvetica, sans-serif; 
		font-size: 9pt;
		line-height: 16px;		
		padding-right: 20px;		
}

	a.homelinks{color: #103315; text-decoration:none; }	
	a.homelinks:hover{color: #97ac52; text-decoration:none;
}
	a.layerlinks{color: #103315; text-decoration:underline; }	
	a.layerlinks:hover{color: #97ac52; text-decoration:none;
}

	a.layerlinks_w{color: #ffffff; text-decoration:underline; }	
	a.layerlinks_w:hover{color: #97ac52; text-decoration:none;
}

.musiclinks  
	{		
		font-family: Trebuchet MS1, Helvetica, sans-serif; 
		font-size: 9pt;
		line-height: 16px;			
}

	a.musiclinks{color: #103315; text-decoration:underline; }	
	a.musiclinks:hover{color: #103315; text-decoration:none;
}

/* This is for Richard's modeling page */
.richtext 
	{		
		font-family: Trebuchet MS1, Helvetica, sans-serif; 
		font-size: 11pt;
		line-height: 16px;
		color: #ffffff;		
		padding: 0px 0px 0px 20px;
		position: relative;
}

	a.richlinks{color: #2ed342; text-decoration:underline; }	
	a.richlinks:hover{color: #2ed342; text-decoration:none;
}

.reeltext 
	{
		font-family: Trebuchet MS1, Helvetica, sans-serif;
		font-size: 9pt; 
		color: #d7d7d7;  
		line-height: 16px; 
		padding: 0px 0px 0px 20px;
}

	a.reellinks{color: #d7d7d7; text-decoration:underline; }	
	a.reellinks:hover{color: #d7d7d7; text-decoration:none;
}

body div#welcome {
	position: absolute;
	z-index: 1;
	float: none;
	visibility: visible;
	padding: 0px 0px 0px 28px;
	width: 520px;
}

body div#portfolio {
	position: absolute;
	z-index: 2;
	float: none;
	visibility: hidden;
	padding: 0px 0px 0px 28px;
	width: 520px;
}

body div#artstate {
	position: absolute;
	z-index: 3;
	float: none;
	visibility: hidden;
	padding: 0px 0px 0px 28px;
	width: 520px;
}

body div#literary {
	position: absolute;
	z-index: 4;
	float: none;
	visibility: hidden;
	padding: 0px 05px 0px 28px;
	width: 520px;
}

body div#contact {
	position: absolute;
	z-index: 5;
	float: none;
	visibility: hidden;
	padding: 0px 0px 0px 28px;
}

body div#thankyou {
	position: absolute;
	float: none;
	padding: 0px 0px 0px 28px;
}

body div#wn {
	position: absolute;
	top: 185px;
	float: none;
	width: 520px; height: 340px;
    overflow: hidden;
	vertical-align: top;
	margin-left: 28px;
}

.wntext {
	padding: 0px 0px 0px 0px;
}

.wntext2 {
	padding: 75px 0px 0px 0px;
}

.arrows	{
	position: absolute;
	top: 546px;
	float: none; 
	padding: 0px 0px 0px 0px;
	margin-left: 260px;	
}

#c_td_bground {
	width: 962px;
	height: 711px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	background-image: url(../images/slices/Website_Home_06.jpg);
	background-repeat: no-repeat;
}

#c_td_bground_panel {
	width: 962px;
	height: 711px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	background-image: url(../images/slices/Website_Home_06_panel.jpg);
	background-repeat: no-repeat;
}

#b_td_bground {
	width: 962px;
	height: 20px;
	margin: 0 auto;
	background-image: url(../images/slices/Website_Home_07_2.jpg);
	background-repeat: no-repeat;
}

.form {
	width:; height:15px; 
	border: 1px solid #103315;
	background-color:transparent; 
	padding-left:5px; 
	font-color:#103315; 
	font-size: 8pt; 
	line-height: 130%
}

body div#form {
	vertical-align: top;
	margin: -2px 0px 0px 10px;
	position: absolute;
	top: 215px;
	float: none;
}

input.button {
    	border: 1px solid #103315;
    	padding: 0.25em;
    	background-color: transparent;
    	color: #103315;
    	font-size: 100%;
    	font-weight: 600;
} 

.copy {
    	padding: 0.2em;
    	background-color: transparent;
    	color: #103315;
		font-size: 8pt;
    	font-weight: 100;
} 

.copyright {
    	padding: 0.2em;
    	background-color: ;
    	color: #ffffff;
		font-size: 8pt;
    	font-weight: 100;
} 

div.webwork, div.webwork a {
		padding: 0.8em 1em 0.8em 0;
		text-align:center;
    	color: ;
		font-size: 12pt;
    	font-weight: 600;
}

div.ex1	{
		width: 100%;		
		font-family: Trebuchet MS1, Helvetica, sans-serif; 
		font-size: 9pt;
		line-height: 16px;						
}

div.ex1 div {
		float: left;
		width: 33%;
		height: 100%;
		padding:10px 0px 0px 0px;
}

div.ex1 div.ex_column1	{
		background-color: #319400;
		color: #ffffff;
		height: 600px;
}

div.ex1 div.ex_column2	{
		background-color: #ffffff;
		color: #000000;
}

div.ex1 div.ex_column3	{
		background-color: #de2110;
		color: #ffffff;
		height: 600px;
}

/* two column divs */

div.websamples {
    width: 962px;
}

div.ws_left {
	float: left;
	text-align:right;
    padding: 10px 5px 10px 10px;
    width: 222px;
    border: 0px solid gray;
	background: rgba(255,255,255,0.2);
}

div.ws_right {
    float: right;
	text-align:left;
    padding: 10px 10px 10px 5px;
    width: 710px;
    border: 0px solid gray;
	background: rgba(255,255,255,0.2);
}

div.ws {
	height: 86px;
}

div.ws_video {
	height: 420px;
}

div.ws_footer {
    clear:both;
    padding: 10px;
    width: 610px;
    border: 0px solid gray;
}

/* Websites div class */

.img_ws {
	padding: 4px 5px 4px 5px;
	!padding: 4px 5px 4px 5px; /* IE7 */
	_padding: 4px 5px 4px 5px; /* IE6 */
}

/* YouTube Channel Icons & Text */

div.yt {
	padding: 35px 0px 0px 119px;
	color:#FFFFFF;
}

.youtube {
	padding: 0px 10px 10px 0px;
}