p {font-family: 'Open Sans', sans-serif;font-size: 16px;}
h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif;}
h1 {font-size: 98px;font-weight: 700;color: #fff;text-transform: uppercase;text-shadow: 1px 1px 2px rgba(0,0,0,.3);	filter: dropshadow(color=#666666, offx=2, offy=2);margin-bottom: 50px;}
h1.small {font-size: 80px;}
h2 {
    font-size: 38px;
    color: #4f4f4f;
    text-transform: uppercase;
    text-align: center;
}
h3 {font-size: 24px;font-weight: 600;text-transform: uppercase;color: #656565;}
h4 {font-size: 18px;font-weight: 600;color: #545454;text-transform: uppercase;margin: 12px 0 12px 0;}
h4.proc {color: #99CD8A;}
h5 {font-size: 18px;font-weight: 600;color: #656565;text-transform: uppercase;border-bottom: 1px solid #d0d0d0;padding-bottom: 5px;}
.headline {
    margin-top: -48px;
    z-index: 300;
    font-family: inherit;
	 align="center"
}.headline p {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin: 0;
    padding: 12px 0 12px 0;
    margin: 40px 0 20px 0;
    color: #686868;
    font-family: "Open Sans", sans-serif;}
.line {border-bottom: 1px solid #c0c0c0;position: relative;display: inline-block;width: 200px;margin: 0 10px 7px 10px;}
.action {background: #fff;text-align: center;padding-bottom: 40px;}
.action p {font-size: 22px;color: #656565;}
.action img {display: block;margin: 10px auto 0 auto;}
.jagged {background: url(../images/jagged.png) repeat-x 0 0;position: relative;z-index: 100;width: 100%;height: 18px;margin-top: -10px;margin-bottom: -7px;}
.jagged2 {background: url(../images/jagged2.png) repeat-x 0 0;position: relative;z-index: 250;width: 100%;height: 18px;margin-top: -10px;}
.jagged3 {background: url(../images/jagged.png) repeat-x 0 0;position: relative;z-index: 200;width: 100%;height: 18px;margin-top: -30px;margin-bottom: -7px;}
.separator {background: url(../images/intro-bg.jpg) repeat fixed;position: relative;z-index: 200;margin-top: -18px;text-align: center;}
.separator p {font-size: 33px;font-weight: 600;line-height: normal;padding: 115px 0 115px 0;color: #fff;font-style: italic;text-shadow: 2px 2px 2px rgba(0,0,0,.5);filter: dropshadow(color=#666666, offx=2, offy=2);}
header {position: relative;z-index: 1000;width: 100%;text-align: center;}
.topbar {background: #fff;width: 100%;height: 88px;position: relative;z-index: 900;-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);}
p.logo {font-size: 36px;color: #464646;font-weight: 600;text-align: left;padding: 18px 0 0 0;}
ul.top-social {margin: 20px 0 0 0;text-align: right;font-size: 13px;color: #898989;}
.topbar ul li {display: inline;margin: 0 0 0 4px;}
.topbar p {margin: 0;}
.icn-skype {background: url(../images/icn-top-skype.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}
.icn-facebook {background: url(../images/icn-top-facebook.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}
.icn-linkedin {background: url(../images/icn-top-linkedin.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}
.icn-gplus {background: url(../images/icn-top-gplus.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}
.icn-pinterest {background: url(../images/icn-top-pinterest.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}
.icn-dribbble {background: url(../images/icn-top-dribbble.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}
.icn-twitter {background: url(../images/icn-top-twitter.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}
.sprite:hover {background-position: 0 -24px;}
nav {background: #464646;border-radius: 3px;position: relative;width: 100%;height: 50px;margin-top: -25px;z-index: 1000;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);}
nav ul {text-align: left;margin: 16px 25px 0 25px;}
nav ul li {display: inline;}
nav a {color: #fff;text-decoration: none;padding: 7px 14px 7px 14px;}
nav a:visited {color: #fff;}
nav a:hover {background: #fff;border-radius: 2px;color: #464646;}
.contact-top {color: #fff;text-align: right;}
.contact-top img {vertical-align: middle;margin-left: 20px;margin-right: 5px;}
#intro {background: url(../images/intro-bg.jpg) repeat fixed;position: relative;z-index: 1;height: 540px;margin-top: -44px;}
.title {padding-top: 120px;width: 100%;text-align: center;position: fixed;}
.title p {font-size: 40px;font-weight: 700;line-height: normal;text-transform: uppercase;color: #fff;text-shadow: 1px 1px 2px rgba(0,0,0,.3);filter: dropshadow(color=#666666, offx=2, offy=2);margin-bottom: 35px;}
#services {background: #fff;position: relative;z-index: 200;padding-bottom: 30px;}
.services-list {text-align: center;margin-top: 30px;}
.services-list p, .process p {
    font-size: 14px;
    color: #737373;
    text-align: left;
}
p.subheader {
    color: #b1b1b1;
    font-size: 16px;
    margin-bottom: 35px;
    text-align: center;
}
.process {margin-top: 45px;text-align: center;padding-bottom: 40px;}
.process img {margin-right: 7px;vertical-align: middle;}#work {position: relative;background: #fff;z-index: 200;padding-bottom: 30px;}
.portfolio {text-align: center;padding-top: 35px;}
.portfolio img {opacity: 0.85;}
.portfolio img:hover {opacity: 1;}
.caption {background:#99CD8A;padding: 8px 0 8px 0;margin-top: -6px;margin-bottom: 20px;}
p.proj-name {color: #fff;margin: 0 0 2px 0;font-size: 13px;text-transform: uppercase;}
p.proj-type {
    color: #fff;
    margin-bottom: 0;
    font: normal 12px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    text-transform: uppercase;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.portfolio2 {padding-top: 40px;padding-bottom: 40px;text-align: center;}
.portfolio2 img {border: 4px solid #d0d0d0;opacity: 0.85;}
.portfolio2 img:hover {opacity: 1;}
p.proj-name2 {margin-top: 2px;margin-bottom: 1px;font-size: 13px;line-height: 10px;text-transform: uppercase;color: #707070;}
p.proj-type2 {font-size: 11px;text-transform: uppercase;color: #9c9c9c;margin: 0;}#about {position: relative;background: #fff;z-index: 200;text-align: center;padding-bottom: 30px;}#about h3 {margin-top: 40px;}
.about-us p {text-align: left;color: #686868;font-size: 15px;}
.about-us {padding-bottom: 30px;}
.skills h5, .testimonials h5 {text-align: left;}
.skills {text-align: left;}
.skills p {margin: 0;padding-top: 45px;font-size: 12px;text-align: center;text-transform: uppercase;color: #fff;display: block;}
.sk:hover {opacity: 0.8;}
.skill1 {background: url(../images/skill1.png) no-repeat 0 0;width: 104px;height: 118px;display: inline-block;margin-top: 40px;}
.skill2 {background: url(../images/skill2.png) no-repeat 0 0;width: 104px;height: 118px;display: inline-block;margin-left: -6px;}
.skill3 {background: url(../images/skill3.png) no-repeat 0 0;width: 104px;height: 118px;display: inline-block;margin-left: -6px;}
.skill4 {background: url(../images/skill1.png) no-repeat 0 0;width: 104px;height: 118px;position: relative;margin-top: -30px;margin-left: 51px;}
.skill5 {background: url(../images/skill2.png) no-repeat 0 0;width: 104px;height: 118px;position: relative;margin-top: -118px;margin-left: 153px;}
.skill6 {background: url(../images/skill3.png) no-repeat 0 0;width: 104px;height: 118px;position: relative;margin-top: -118px;margin-left: 255px;}
.testimonials {padding-bottom: 20px;}
.testimonials h5 {margin-bottom: 30px;}
.testimonials p {font-size: 14px;color: #8c8c8c;text-align: left;margin: 0;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dotted #dadada;}
.team {padding-bottom: 40px;}
.team img {border: 6px solid #f2f2f2;}
.team ul li {display: inline;}
.team ul img {border: 0;}
.team ul img:hover {opacity: 0.7;}
p.t-name, p.t-position {text-transform: uppercase;font-size: 13px;margin: 0;}
p.t-name {color: #707070;}
p.t-position {color: #a5a5a5;margin-bottom: 4px;}
p.t-desc {font-size: 14px;color: #666666;}#contact {background: #fff;position: relative;z-index: 200;padding-bottom: 60px;}
.map {border: 4px solid #d0d0d0;width: 100%;margin-top: 40px;}
.contact-info {padding-top: 40px;}
.done {font-family: 'Open Sans', sans-serif;color: #585858;font-size: 14px;margin-bottom: 15px;padding: 10px;display: none;}
.contact-form {position: relative;z-index: 300;margin-top: 40px;}
.contact-form p {font-family: 'Open Sans', sans-serif;font-size: 13px;color: #585858;text-transform: uppercase;margin-bottom: 2px;}
.contact-form input {background: #ebeaea;width: 60%;height: 18px;margin-bottom: 10px;padding-left: 4px;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 14px;color: #585858;border: 1px solid #dddddd;}
.contact-form textarea {background: #ebeaea;margin-bottom: 10px;padding-left: 5px;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 15px;color: #585858;width: 98%;height: 125px;border: 1px solid #dddddd;}
.contact-form input.submit-button {background: #99CD8A; background: -moz-linear-gradient(top, #99CD8A 0%, #99CD8A 50%, #99CD8A 51%, #99CD8A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99CD8A), color-stop(50%,#99CD8A), color-stop(51%,#99CD8A), color-stop(100%,#99CD8A)); background: -webkit-linear-gradient(top, #99CD8A 0%,#99CD8A 50%,#30aeee 51%,#30aeee 100%); background: -o-linear-gradient(top, #99CD8A 0%,#99CD8A 50%,#99CD8A 51%,#99CD8A 100%); background: -ms-linear-gradient(top, #99CD8A 0%,#99CD8A 50%,#99CD8A 51%,#99CD8A 100%); background: linear-gradient(to bottom, #99CD8A 0%,#99CD8A 50%,#99CD8A 51%,#99CD8A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99CD8A', endColorstr='#99CD8A',GradientType=0 ); color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 400;text-transform: uppercase;font-style: normal;font-size: 12px;width: 60px;margin-top: 5px;padding: 1px;height: 25px;text-align: center;border: 0;}
.contact-form input.submit-button:hover {opacity: 0.8;}
.contact-info h5 {margin-bottom: 25px;}
.contact-info p {color: #656565;}
.contact-info img {margin-right: 10px;vertical-align: middle;}
.social-bottom ul li {display: inline;margin-right: 5px;}
.footer {background: url(../images/intro-bg.jpg) repeat fixed;position: relative;z-index: 200;margin-top: -18px;text-align: center;}
.footer p {color: #fff;font-weight: 600;padding: 40px 0 35px 0;margin: 0;text-shadow: 1px 1px 0px rgba(0,0,0,.6);filter: dropshadow(color=#666666, offx=1, offy=1);}
@media only screen and (max-width: 959px) {nav a {padding: 7px;}
.contact-top {display: none;}.title {position: relative;}}
@media only screen and (min-width: 768px) and (max-width: 959px) {.title p {font-size: 30px;}}@media only screen and (max-width: 767px) {.topbar {text-align: center;}
	.top-social {display: none;}
	h1 {font-size: 88px;}
	h1.small {font-size: 78px;}
	.title p {font-size: 25px;}
	.caption {margin-left: auto;margin-right: auto;width: 300px;}
	span.line {display: none;}
	p.proj-type2 {margin-bottom: 20px;}
	.team ul {margin-bottom: 40px;}
	.contact-form input {width: 100%;}}@media only screen and (min-width: 480px) and (max-width: 767px) {h1 {font-size: 70px;}
		h1.small {font-size: 60px;line-height: normal;}
		.testimonials h5 {margin-top: 40px;}}@media only screen and (max-width: 479px) {nav ul {margin-left: auto;margin-right: auto;text-align: center;}
			nav a {padding: 4px;}
			.title {position: relative;padding-top: 100px;}h1 {font-size: 50px:}
			h1.small {font-size: 45px;line-height: normal;}
			.intro-arrow {display: none;}
			.skill1 {margin-left: -5px;}
			.skill2 {margin-left: -10px;}
			.skill3 {margin-left: -10px;}
			.skill4 {margin-left: 42px;}
			.skill5 {margin-left: 140px;}
			.skill6 {margin-left: 238px;}
			.testimonials h5 {margin-top: 40px;}}