body {
background: #fff;
font-family: "calluna",serif;
margin: 0;
}
body.home {
background: #433128;
}
img {
border: none;
}

.video-div{
display: inline-block;
margin-left: 62px;
}
#home {
color: #c2c1bf;
font-size: 23px;
margin: 125px auto 0;
min-height: 477px;
text-align: center;
width: 500px;
}
#home a, .headwrap a {
color: #c2c1bf;
text-decoration: none;
}
h1 {
font-size: 31px;
font-weight: normal;
line-height: 1;
}
#home h1 {
margin: 10px 0 60px;
}
h1.head {
font-size: 25px;
margin: 0;
padding: 25px 0 0;
}
.title {
font-size: 18px;
text-transform: uppercase;
}
.head .title {
font-size: 15px;
}
.homefoot {
font-size: 22px;
margin: 60px 0 0;
}
.homefoot img {
vertical-align: middle;
}
.bottomline {
background: url(images/bg_line.jpg) repeat-x;
height: 15px;
width: 100%;
}
.btmline {
background: url(images/bg_line_int.jpg) repeat-x;
height: 15px;
width: 100%;
}
#header {
background: url(images/bg_header.jpg) repeat-x;
height: 155px;
width: 100%;
}
.headwrap {
color: #c2c1bf;
font-size: 15px;
margin: 0 auto;
padding: 0 215px 0 0;
position: relative;
text-align: right;
width: 610px;
}
.logo {
position: absolute;
right: 0;
top: 0;
}
#main {
color: #433128;
margin: 0 auto;
min-height: 400px;
padding: 36px 0;
position: relative;
width: 825px;
}
#main p {
margin: 0;
padding: 0 0 20px;
}
.alignleft {
float: left;
margin: 0 20px 20px 0;
width: 180px;
}



@media screen and (max-width: 320px) {
	#home {
		margin-top: 25px;
		width: 100%;
	}
	#home h1 {
		margin-bottom: 20px;
	}
	.logohome {
		width: 70%;
	}
	.homefoot {
		font-size: 14px;
		margin-top: 20px;
		width: 100%;
	}
	.headwrap {
		padding-right: 100px;
		width: 59%;
	}
	#main {
		width: 100%;
	}
	.logo {
		width: 34%;
	}
	h1.head {
	font-size: 18px;
	padding: 10px 0 0;
	}
	.head .title {
		font-size: 14px;
	}
	.alignleft {
		width: 120px;
	}
	.bioimg {
		width: 100%;
	}
	
}