@charset "UTF-8";
/* CSS Document */

/* medium:#93807C  dark:#402C29 */

h1 {
	font-family: 'Julius Sans One', sans-serif;
}

p {
	font-family: 'Noto Sans', sans-serif;
	font-size:16px;
	line-height:22px;
}

.justify {
	text-align:justify;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 1100px;
}

.navbar-inverse .navbar-inner {
	background-color:#93807C;
	background-image:none;
	background-image:none;
	background-image:none;
	background-image:none;
	background-image:none;
	background-repeat:none;
	border-color: #93807C;
	font-size: 16px;
}

.navbar-inverse .brand {
	font-family: 'Julius Sans One', sans-serif;
	padding-left:40px;
	color:#fff;
}

.navbar-inverse li {
	line-height: 30px;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	color: #402C29;
	text-shadow: none;
}

.dot {
	font-weight:bold;
	font-size:50px;
	padding-left:2px;
}

.header-image, .middle-image {
	text-align:center;
}
.main-title {
	text-align:center;
	padding:30px 0 0 0;
}

.circle-container {
    display: inline-block;
    position: relative;
    width: 100%;
}

.project-planning .circle-container {
    display: inline-block;
    position: relative;
    width: 130%;
}
.dummy {
    margin-top: 100%;
}
.circle {
	padding:30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    background-color: #93807C;
	text-align:center;
}

.left .circle:hover {
	background-image:url(../img/linsey-kelsey-photo-web-design3.png);
	background-position: 0 -250px;
	background-repeat:no-repeat;
}

.middle1 .circle:hover {
	background-image:url(../img/linsey-kelsey-photo-web-design3.png);
	background-position: -200px -250px;
	background-repeat:no-repeat;
}

.middle2 .circle:hover {
	background-image:url(../img/linsey-kelsey-photo-web-design3.png);
	background-position: -400px -250px;
	background-repeat:no-repeat;
}

.right .circle:hover {
	background-image:url(../img/linsey-kelsey-photo-web-design3.png);
	background-position: -600px -250px;
	background-repeat:no-repeat;
}


.project-planning, .about, .touch {
	padding: 40px 0 80px 0;
}

.project-planning h1 {
	padding: 0 0 40px 0;
}

.responsive, .personal {
	background-color:#E1DFDD;
	padding: 0px 0 40px 0;
}

.responsive .type, .behind .type, .personal .type {
	text-align:left;
	padding: 40px 40px;
}

.about .type {
	padding-top:0px;
	text-align:center;
	font-size:18px;
	line-height:24px;
}

.responsive p, .behind p, .personal p, {
	text-align:justify;
	font-size:18px;
	line-height:24px;
}

.behind, .disclaimer {
	background-color:#93807C;
	padding: 40px 0;
}

.behind .span4 img, .personal .span5 img {
	padding:0px 0 0 40px;
}

.behind .span6 p {
	padding: 0 0 10px;
	border-bottom:1px solid #fff;
}
.linsey {
	background-image:url(../img/linsey_kelsey.png);
	background-size:100%;
	background-position: 0 -30px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.touch {
	background-color:#3B3332;
}
.touch .span6 {
	text-align:left;
}
.touch h1, .touch p {
		color:#93807C;
}
.touch p, .touch span {
	font-size:18px;
	line-height:24px;
}
.touch img {
	width:40px;
}
form {
	border-right:1px solid #fff;
	padding-right:40px;
}
textarea {
	width:98%;
}
input {
	width:95%;
	color:#666;
}
.span12 input {
	width:98%;
}
label {
	color:#FFF;
}
.date {
	background-color:#93807C;
	padding:5px;
	color:#fff;
}

.touch #recaptcha_area img {
	width:100%;
}

.touch #recaptcha_area table {
	background-color:#ffffff;
}