@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}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{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}
/*Write below this, not above love*/
body {
	font-family:Helvetica, Verdana, Arial, sans-serif;
}



.container{
width:950px;
background-color:#FFFFFF;
margin:0 auto;
}
#logo{
margin-top:25px;
float:left;
margin-left:20px;
}
#home #contact{
float:right;
margin-top:50px;
margin-right:30px;
}
#sf{
color:#333333;
font-size:14px;
font-weight:bold;
}
#phone{
margin-left:20px;
margin-top:10px;
color:#000000;
font-size:16px;
font-weight:bold;

}
.maincon{
color:#333333;
font-size:14px;
}
h3{
	color:#7A2101;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}
#okazaki{
clear:both;
width:200px;
float:left;
margin-top:110px;
margin-left:25px;
line-height:30px;
}
#hands{
float:left;
margin-left:50px;
margin-top:75px;
}
#how{
	float:left;
	width:200px;
	margin-left:50px;
	margin-top:110px;
	line-height:30px;
}
.navbar{

	clear:both;
	float:left;
	border-top:1px solid #222;
	width:950px;
}

.navbar ul{
	clear:both;
	float:left;
	margin-left:50px;
	width:350px;
	padding:5px 0 0 0;
}
.navbar li{
	color:#333333;
	float:left;
	border-right:1px solid #000000;
	padding:5px 20px;
}
.navbar a:link{
color:#333333;
text-decoration:none;
}
.navbar a:visited{
color:#666666;
text-decoration:none;
}
.navbar a:active{
text-decoration:none;
}
.navbar a:hover{
text-decoration:none
}

#welcome{
*width:950px;
float:left;
clear:both;
margin-top:50px;
color:#666666;
}

/*  bio page css only  */
#chris{
float:left;
margin-top:10px;
color:#666666;
line-height:25px;
}
#chris h3{
margin-top:10px;
font-weight:bold;
color:#7A2101;
}

#bios .navbar{
margin-top:0px;
}


/*contact page*/


#contact_info{
float:left;
margin-top:40px;
font-size:45px;
}
#contact_info h1{
margin-top:50px;
color:#666666
}
#contact_info p{
color:#666666;
font-size:18px;
}
/*about page*/
#about .maincon{
*width:950px;
clear:both;
float:left;
margin-top:40px;
}
#about .maincon p{
color:#666666;
line-height:28px;

}
#about .maincon li{
color:#017FAD;
font-weight:bold;
line-height:16px;
}