@charset "UTF-8";
/* CSS Document - Valley of the Sun*/

/*=STRUCTURE
=== === === === === === === === === === */

html { background-color: #ffffff; }
body { color: #616161; font-size: 11px; font-family: verdana, san-sarif, sarif; margin-left: 0px; margin-right: 0px;}

a:link {color: #616161; text-decoration: none;}
a:visited {color: #616161; text-decoration: none;}
a:hover {color: #87cb1f; text-decoration: none;}
a:active {color: #616161; text-decoration: none;}

.clear { line-height: 0em; font-size: 0em; height: 0em; clear: both; padding: 0; margin: 0; }


/*=CHROME BACKGROUND COLOR FIX
=== === === === === === === === === === */

#chromeFix { display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; }

/* FULL PAGES */
	
#slideshow-wrapper { width: 100%; height: 370px; margin-top: 10px; 
    background: transparent url(../images/img_banner_slice.png) repeat-y center; }
	
#center-wrapper { width: 100%; height: 212px; margin-top: 10px; 
    background: transparent url(../images/img_banner_slice.png) repeat-y center; }
	

#container { 
	z-indix: 0;
	width: 922px;
	}
	
.img {
	border: 0;
	padding-bottom: 3px;
	}

.img a img {
	border: 0;
	}


.logo	{
	border: 0;
	width: 350px;
	height: 66px;
	}
	
.logo a img {
	border: 0;
	}
	
.on {
	color: #85b63b;
	}
	
.on a:link {color: #87cb1f; text-decoration: none;}
.on a:visited {color: #87cb1f; text-decoration: none;}
.on a:hover {color: #87cb1f; text-decoration: none;}
.on a:active {color: #87cb1f; text-decoration: none;}
	
#button {
	margin-top: 2px;
	
	margin: auto;
	width: 825px;
	}
	
.buttonPort {
	border: 0;
	float: right;
	width: 108px;
	height: 20px;
	}
	
.buttonPort a img {
	border: 0;
	}

#subnav {
	margin-top: 2px;
	margin: auto;
	text-align: right;
	width: 900px;
	}
	
#boxes { 
	z-indix: 0;
	margin: auto;
	width: 865px;
	}
	
.grid_4 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.boxes1 {
	background: url() no-repeat left top;	
}

.boxes2 {
	background: url() no-repeat center top;	
}
.boxes3 {
	background: url() no-repeat right top;	
}
#home1, #home2, #home3 {
	margin-top: 10px;
	text-align: left;
	width: 214px;
}
#home1 {
 	margin-right: 25;
	width: 251px;  height: 146px;
	margin-top: 45px;
 	padding: 0px 10px 0px 0px;
	}
	
#home2{
	margin-right: 25;
	width: 251px;  height: 146px;
	margin-top: 45px;
	padding: 0px 10px 0px 0px;
}

#home3 {
	width: 251px;  height: 146px;
	margin-top: 23px;
	padding: 0px 0px 0px 0px;
	}
	
#title { 
	z-indix: 0;
	margin: auto;
	width: 968px;
	margin-top: 23px;
	padding: 0px 0px 0px 53px;
	}

.sub-title {
	margin: auto;
	margin-top: 23px;
	width: 968px;
	color: #503a1b;
	font-size: 12px;
	font-weight: 600;
	text-decoration: bold;
	padding: 0px 0px 0px 53px;
	}
	
#title2 { 
	z-indix: 0;
	margin: auto;
	text-align: left;
	width: 968px;
	height: 70px;
	margin-top: 50px;
	padding: 0px 0px 0px 53px;
	background-color: red; }
	
	
.top  {
	margin: auto;
	margin-top: 0px;
	margin-bottom: 25px;
	width: 968px;
	padding: 0px 0px 0px 53px;
	}
	
.copy  {
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 968px;
	line-height:17px;
	padding: 0px 0px 0px 53px;
	}
	
#resume {
	
	width: 795px;
	margin-top:15px;
	
	}
	
.t-name {
	margin-top: 10px;
	text-align: left;
	height: 200px;
}
	



.thumbnails { 
	z-indix: 0;
	margin: auto;
	width: 968px;
	padding: 0px 0px 0px 25px;

	
	}
	
.thumbnail1 {
	background: url() no-repeat left top;	
}

.thumbnail2 {
	background: url() no-repeat center top;	
}
.thumbnail3 {
	background: url() no-repeat center top;	
}

.thumbnail4 {
	background: url() no-repeat right top;	
}

.thumb1, .thumb2, .thumb3, .thumb4{
	margin-top: 10px;
	text-align: left;
	width: 214px;
}
.thumb1 {
 	margin-right: 50;
	width: 191px;  height: 84px;
	margin-top: 19px;
 	padding: 0px 30px 60px 0px;
	}
	
.thumb2{
	margin-right: 50;
	width: 191px;  height: 84px;
	margin-top: 19px;
	padding: 0px 30px 60px 0px;
}

.thumb3 {
	margin-right: 50;
	width: 191px;  height: 84px;
	margin-top: 19px;
	padding: 0px 30px 60px 0px;
	}
	
.thumb4 {
	width: 191px;  height: 84px;
	margin-top: 19px;
	padding: 0px 0px 60px 0px;
	}
	
	
/* footer */

#copyright {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #b7b7b7;
	text-align: center;
	margin-top: 88px;
	}
	
}
#copyright a:link {color: #666666; text-decoration: underline;}
#copyright a:visited {color: #666666; text-decoration: underline;}
#copyright a:hover {color: #666666; text-decoration: none;}
#copyright a:active {color: #666666; text-decoration: underline;}