@charset "UTF-8";
html, body, h1, h2, p, ul, li {
	padding: 0;
	margin: 0;
}
#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	background-color: #000000;
}
header {
	width: 960px;
	height: 120px;
	background-color: #000000;
}
#home-content {
	background-color: #000000;
	height: 460px;
	width: 960px;
	background-image: url(../images/HomeBackground.jpg);
}
#lower-buttons {
	background-color: #070707;
	height: 45px;
	width: 960px;
}
footer {
	background-color: #000000;
	width: 960px;
	height: 96px;
}
#logo {
    background-color: #000000;
    height: 63px;
    width: 200px;
    float: left;
    margin-top: 45px;
    margin-right: 270px;
    background-image: url(../images/logo.jpg);
}
nav {
	background-color: #000000;
	width: 480px;
	height: 63px;
	float: left;
	margin-top: 45px;    
}
#home-text {
	float: left;
	height: 460px;
	width: 402px;
}
#home-image {
	float: left;
	height: 460px;
	width: 558px;
}
#button1 {
	background-color: #000000;
	float: left;
	height: 45px;
	width: 296px;
	margin-right: 30px;
	margin-left: 6px;
}

#button2 {
	background-color: #000000;
	float: left;
	height: 45px;
	width: 296px;
	margin-right: 30px;
}

#button3 {
    background-color: #090B26;
    float: left;
    height: 45px;
    width: 296px;
}

#footer-links {
	background-color: #000000;
	height: 50px;
	width: 648px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	text-align: center;
	font-style: normal;
	margin-top: 0px;
	font-size: small;
	padding-top: 25px;
	font-family: playfair-display;
	font-weight: 400;
}
#featured-title-thumbs-text {
	height: 490px;
	width: 244px;
	float: left;
	background-image: url(../images/featuredbg.jpg);
}
#featured-photo {
	background-color: #000000;
	height: 490px;
	width: 716px;
	float: left;
	background-image: url(../images/featuredphoto2.jpg);
	background-repeat: no-repeat;
}
#featured-title {
	height: 20px;
	width: 244px;
	float: left;
}
#featured-title p {
	color: #FFFFFF;
	font-family: asap;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	font-size: medium;
}
#featured-text {
	height: 296px;
	width: 244px;
	float: left;
}
#featured-text2 {
	float: left;
	height: 174px;
	width: 244px;
}
#featured-content {
	background-color: #000000;
	height: 490px;
	width: 960px;
}
#services-content {
    width: 960px;
    height: 490px;
}
#sevices-title-text {
	width: 401px;
	height: 490px;
	background-color: #000000;
	float: left;
}
#services-text {
	width: 401px;
	height: 490px;
	float: left;
	color: #FFFFFF;
	background-image: url(../images/servicestextbg4.jpg);
	background-repeat: no-repeat;
}
#services-photo {
	width: 559px;
	height: 490px;
	float: left;
	background-color: #000000;
}
#contact-content {
    width: 960px;
    height: 490px;
}
#contact-title-text {
	float: left;
	height: 490px;
	width: 633px;
	background-image: url(../images/contactbg);
}
#contact-text {
	color: #FFFFFF;
	height: 490px;
	width: 633px;
	float: left;
}
#contact-photo {
	width: 327px;
	height: 490px;
	background-color: #000000;
	float: left;
	background-image: url(../images/contactphoto.jpg);
	background-repeat: no-repeat;
}
#about-content {
	width: 960px;
	height: 490px;
	background-color: #000000;
	background-image: url(url);
}
#about-title-text {
	width: 305px;
	height: 490px;
	float: left;
	background-image: url(../images/aboutbg.jpg);
}
#about-text {
	width: 305px;
	height: 490px;
	float: left;
}
#about-photo {
	width: 655px;
	height: 490px;
	background-color: #000000;
	float: left;
	background-image: url(../images/aboutphoto.jpg);
}
#portfolio-content {
    width: 960px;
    height: 555px;
}
#portfolio-title-thumbs-text {
    width: 303px;
    height: 555px;
    float: left;
}
#portfolio-title {
	width: 303px;
	height: 20px;
	background-color: #000000;
}
#portfolio-thumbs {
    width: 303px;
    height: 410px;
    background-color: #000000;
}
#thumb1 {
    background-color: #817F7F;
    height: 96px;
    width: 96px;
    margin-right: 7px;
    float: left;
    margin-top: 2px;
    cursor: pointer;
}
#thumb2 {
    width: 96px;
    height: 96px;
    background-color: #817F7F;
    margin-right: 7px;
    float: left;
    margin-bottom: 7px;
    margin-top: 2px;
    cursor: pointer;
}
#thumb3 {
    background-color: #817F7F;
    float: left;
    width: 96px;
    height: 96px;
    margin-bottom: 7px;
    margin-top: 2px;
    cursor: pointer;
}
#thumb4 {
    background-color: #817F7F;
    float: left;
    width: 96px;
    height: 96px;
    margin-right: 7px;
    margin-bottom: 7px;
    cursor: pointer;
}
#thumb5 {
    background-color: #817F7F;
    width: 96px;
    height: 96px;
    margin-right: 7px;
    margin-bottom: 7px;
    float: left;
    cursor: pointer;
}
#thumb6 {
    background-color: #817F7F;
    float: left;
    margin-right: 0px;
    margin-bottom: 7px;
    width: 96px;
    height: 96px;
    cursor: pointer;
}
#thumb7 {
    float: left;
    background-color: #817F7F;
    width: 96px;
    height: 96px;
    margin-right: 7px;
    margin-bottom: 7px;
    cursor: pointer;
}
#thumb8 {
    float: left;
    margin-bottom: 7px;
    width: 96px;
    height: 96px;
    background-color: #817F7F;
    margin-right: 7px;
    cursor: pointer;
}
#thumb9 {
    float: left;
    background-color: #817F7F;
    width: 96px;
    height: 96px;
    margin-bottom: 7px;
    cursor: pointer;
}
#thumb10 {
    float: left;
    margin-right: 7px;
    width: 96px;
    height: 96px;
    background-color: #817F7F;
    cursor: pointer;
}
#thumb11 {
    float: left;
    margin-right: 7px;
    width: 96px;
    height: 96px;
    background-color: #817F7F;
    cursor: pointer;
}
#thumb12 {
    float: left;
    width: 96px;
    height: 96px;
    background-color: #817F7F;
    cursor: pointer;
}
#portfolio-text {
	width: 303px;
	height: 125px;
	float: left;
	background-color: #000000;
}
#portfolio-photo {
	width: 657px;
	height: 555px;
	float: left;
	background-color: #000000;
}
#feature1-btn {
	background-image: url(../images/portfoliobuttonstack.jpg);
	background-position: 0px -41px;
	height: 41px;
	width: 294px;
	padding-left: 0px;
	margin-left: 1px;
	margin-top: 2px;
}
#feature2-btn {
	background-image: url(../images/featuredbuttonstack.jpg);
	background-position: 0px -41px;
	margin-top: 2px;
	margin-left: 1px;
	background-repeat: no-repeat;
	width: 294px;
	height: 41px;
}
#feature3-btn {
	background-image: url(../images/quotebuttonstack.jpg);
	background-position: 0px -41px;
	height: 41px;
	width: 294px;
	margin-top: 2px;
	margin-left: 1px;
}
#feature1-btn:hover {
	cursor: pointer;
	background-position: 0px 0px;
}
#feature2-btn:hover {
	background-position: 0px 0px;
	cursor: pointer;
}
#feature3-btn:hover {
	cursor: pointer;
	background-position: 0px 0px;
}
#feature1-link {
	width: 296px;
	height: 45px;
	display: block;
}
#logo-link {
	width: 200px;
	height: 63px;
	display: block;
	cursor: pointer;
}
#feature2-link {
	width: 296px;
	height: 45px;
	display: block;
}
#feature3-link {
	width: 296px;
	height: 45px;
	display: block;
}
#footer-links a {
	text-decoration: none;
	color: #FFFFFF;
	font-family: playfair-display;
	font-style: normal;
	font-weight: 400;
}
nav ul {
	text-align: right;
	list-style-type: none;
	margin-top: 22px;
	text-decoration: none;
}
nav ul li {
	display: inline-block;
	text-decoration: none;
	font-family: playfair-display;
	font-style: normal;
	font-weight: 400;
	color: #FFFFFF;
}
nav ul li a {
	color: #FFFFFF;
	font-family: playfair-display;
	font-style: normal;
	font-weight: 400;
	font-size: 0.65em;
	text-decoration: none;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	border-right: 1px solid #FFFFFF;
}
nav ul li a:hover {
	cursor: pointer;
}
body {
	background-color: #000000;
}
#featured-text p {
	color: #FFFFFF;
	font-family: asap;
	font-style: normal;
	font-weight: 400;
	font-size: 0.78em;
}
#featured-text2 p {
	color: #FFFFFF;
	font-family: asap;
	font-style: normal;
	font-weight: 400;
	font-size: 0.78em;
	text-align: left;
}
#featured-text2 p a {
	text-decoration: underline;
	color: #FFFFFF;
}
#about-text p {
	color: #FFFFFF;
	font-family: asap;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8em;
}
#portfolio-title p strong {
	font-family: playfair-display;
	font-style: normal;
	font-weight: 400;
	color: #FFFFFF;
	font-size: medium;
}
#portfolio-text p {
	color: #FFFFFF;
	font-family: playfair-display;
	font-style: normal;
	font-weight: 400;
	font-size: 0.75em;
}
#portfolio-text p a {
	text-decoration: underline;
	color: #FFFFFF;
	font-family: playfair-display;
	font-style: normal;
	font-weight: 400;
	cursor: pointer;
}
#contact-text p {
	font-family: playfair-display;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8em;
}
#contact-text p a {
	text-decoration: underline;
	color: #FFFFFF;
	cursor: pointer;
}
pre {
	color: #FFFFFF;
	font-family: playfair-display;
	font-style: normal;
	font-weight: 400;
	font-size: x-large;
}