html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body {
background: url('/images/dark-blue-pattern.png') top center repeat;
font-family: Arial, sans-serif;
}
.clear {
clear: both;
}
.wrap {
margin: 0px auto;
width: 920px;
}
#content .wrap-content {
margin: 0px auto;
width: 830px;
overflow: hidden;
}
a {
color: #000;
text-decoration: none;
}
#header, #content, #content .wrap-top, #content .wrap-bottom, #content .wrap-content {
background: #fff;
}
#header .wrap {
padding: 18px 0px 0px;
position: relative;
}
#top-contact {
margin: 0px 85px 0px 0px;
color: #838383;
font-size: 13px;
text-align: right;
}
#contact-us {
width: 300px;
position: absolute;
top: -275px;
right: 0px;
}
#contact-us #contact-us-wrap {
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
background: url('/images/contact-main.png') bottom left repeat-x;
width: 300px;
height: 275px;
}
#contact-us table {
padding: 15px;
width: 100%;
height: 100%;
}
#contact-us table tr td {
padding: 1px;
text-align: right;
vertical-align: middle;
}
#contact-us table tr td.label {
padding: 0px 10px 0px 0px;
width: 70px;
}
#contact-us table tr td input, #contact-us table tr td textarea {
border: 1px solid #000;
background: #f1f1f1;
width: 183px;
padding: 5px;
font-size: 16px;
font-family: Arial, sans-serif;
color: #555;
}
#contact-us table tr td input.error, #contact-us table tr td textarea.error {
border: 1px solid #400505;
background: #e19491;
}
#contact-us #cu-submit {
background: #636363;
color: #efefef;
width: 195px;
cursor: pointer;
}
#contact-form {
display: block;
}
#contact-us #contact-success {
background: url('/images/contact-success.png') 180px 95px no-repeat;
padding: 15px;
width: 300px;
height: 245px;
display: none;
}
#contact-success p {
margin: 40px 0px 0px 40px;
width: 120px;
font-size: 21px;
text-transform: uppercase;
color: #ccc;
text-align: right;
line-height: 30px;
}
#contact-success p span {
font-size: 30px;
color: #000;
}
#contact-us #contact-drop {
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
background: transparent;
margin: -2px 0px 0px 0px;
padding: 20px 0px 0px 0px;
width: 94px;
height: 22px;
color: #838383;
font-size: 13px;
text-align: center;
display: block;
float: right;
outline: none;
}
#contact-us a.contact-drop-active, #contact-us a#contact-drop:hover {
background: url('/images/contact-button.png') top left repeat-x !important;
color: #000 !important;
}
#header h1 {
margin: 0px 0px 15px 0px;
text-align: center;
}
#navi {
padding: 0px 0px 15px 0px;
}
#navi ul li {
width: 184px;
text-align: center;
float: left;
}
#navi ul li a, #graphic h2, #tagline, #footer {
text-transform: uppercase;
}
#navi ul li a {
padding: 5px 0px 5px 25px;
font-size: 13px;
line-height: 15px;
font-weight: bold;
}
#navi ul li a:hover, #navi ul li a.active {
background: url('/images/blue-arrow.png') left center no-repeat;
}
#navi ul li a.active {
color: #444da0;
}
#graphic {
background-image: url('/images/light-gradient-tall.png');
background-position: top left;
background-repeat: repeat-x;
}
#graphic .wrap {
height: 208px;
}
.index #graphic {
position: relative;
z-index: -1;
}
.index #graphic .wrap {
height: 335px;
position: relative;
z-index: -1;
}
#graphic .graphic-slide {
background-position: bottom right;
background-repeat: no-repeat;
height: 208px;
}
.index #graphic .graphic-slide {
width: 920px;
height: 335px;
position: absolute;
left: 0px;
top: 0px;
}
.index #graphic #gfs-index-mobile { background-image: url('/images/gfs-index-mobile.png'); top: 335px; }
.index #graphic #gfs-index-bwa { background-image: url('/images/gfs-index-bwa.png'); top: 335px; }
#gfs-index-web-design { background-image: url('/images/gfs-index-web-design.png'); }
#gfs-web-design { background-image: url('/images/gfs-web-design.png'); }
#gfs-internet-marketing { background-image: url('/images/gfs-internet-marketing.png'); }
#gfs-consulting { background-image: url('/images/gfs-consulting.png'); }
#gfs-who-we-are { background-image: url('/images/gfs-who-we-are.png'); }
.gfs-text {
padding: 70px 0px 0px 0px;
width: 400px;
}
#gfs-who-we-are .gfs-text {
width: 500px;
}
.gfs-text h2, .gfs-text p {
text-shadow: #fff 0px 1px;
}
.gfs-text h2 {
margin: 0px 0px 10px 0px;
font-size: 60px;
}
.gfs-text p {
color: #404040;
font-size: 21px;
line-height: 23px;
}
#tagline, #footer {
color: #fff;
}
#tagline {
background: url('/images/light-blue-pattern.png') top left repeat;
padding: 20px 0px;
}
#tagline h2, #footer {
text-shadow: #222 0px 1px 2px;
}
#tagline h2 {
font-size: 27px;
text-align: left;
}
#mini-portfolio {
background: #000;
padding: 10px 0px;
}
#mini-portfolio ul li {
margin: 3px 4px;
float: left;
}
#mini-portfolio ul li a img {
width: 174px;
height: 105px;
}
#content {
padding: 30px 0px;
font-size: 19px;
}
#content .wrap-top {
background: url('/images/portfolio-content-top.png') center top no-repeat;
padding: 16px 0px 0px;
}
#content .wrap-bottom {
background: url('/images/portfolio-content-bottom.png') center bottom no-repeat;
padding: 0px 0px 16px;
}
#content .wrap-content {
background: url('/images/portfolio-content.png') center top repeat-y;
padding: 0px 50px;
position: relative;
}
.index #content p, .index #content ul {
float: left;
}
.index #content p {
margin: 0px 50px 0px 0px;
width: 480px;
line-height: 23px;
}
.index #content ul li, #content-bottom ul li {
background: url('/images/gray-arrow.png') 0px 4px no-repeat;
padding: 3px 0px 3px 30px;
}
#content #content-left, #content #content-right {
float: left;
}
#content #content-left {
width: 575px;
}
#content #content-left p, #content #content-top p {
font-size: 26px;
line-height: 30px;
}
#content #content-right {
width: 290px;
}
#content #content-bottom {
margin: 30px 0px 0px 0px;
font-size: 15px;
line-height: 18px;
}
#content #content-bottom h3 {
margin: 0px 0px 10px 0px;
font-size: 24px;
}
#content #content-bottom p {
margin: 0px 0px 15px 0px;
}
#content #content-bottom ul {
margin: 0px 0px 15px 0px;
}
.home-builder-web-designs #content h3 {
background-position: center left;
background-repeat: no-repeat;
width: 430px;
padding: 10px 0px 10px 70px;
font-size: 40px;
}
.control {
padding-top: 4px;
width: 110px;
height: 24px;
color: #fff;
font-size: 18px;
display: block;
position: absolute;
top: 10px;
cursor: pointer;
}
#leftControl {
background: #d7d7d7 url('/images/portfolio-gray-prev.png') center left no-repeat;
padding-right: 15px;
text-align: right;
right: 215px;
}
#rightControl {
background: #d7d7d7 url('/images/portfolio-gray-next.png') center right no-repeat;
padding-left: 15px;
text-align: left;
right: 75px;
}
.home-builder-web-designs .slide-text, .home-builder-web-designs .slide-image {
float: left;
}
.home-builder-web-designs .slide-text {
margin: 0px 30px 0px 0px;
width: 410px;
overflow: visible;
}
.home-builder-web-designs .slide-image {
width: 375px;
}
#kaine-logo { background-image: url('/images/portfolio-kaine/portfolio-kaine-logo.png'); }
#dorsey-logo { background-image: url('/images/portfolio-dorsey/portfolio-dorsey-logo.png'); }
#baldwin-logo { background-image: url('/images/portfolio-baldwin/portfolio-baldwin-logo.png'); }
#lakeside-logo { background-image: url('/images/portfolio-lakeside/portfolio-lakeside-logo.png'); }
#saslow-logo { background-image: url('/images/portfolio-saslow/portfolio-saslow-logo.png'); }
#redhawk-logo { background-image: url('/images/portfolio-redhawk/portfolio-redhawk-logo.jpg'); }
#ang-logo { background-image: url('/images/portfolio-ang/portfolio-ang-logo.jpg'); }
#skhomes-logo { background-image: url('/images/portfolio-skhomes/portfolio-skhomes-logo.jpg'); }
#viking-logo { background-image: url('/images/portfolio-viking/portfolio-viking-logo.jpg'); }
#jeffshore-logo { background-image: url('/images/portfolio-jeffshore/portfolio-jeffshore-logo.jpg'); }
#westfields-logo { background-image: url('/images/portfolio-westfields/portfolio-westfields-logo.jpg'); }
.home-builder-web-designs #content h4 {
margin: 30px 0px 20px 0px;
color: #474747;
font-size: 28px;
}
.home-builder-web-designs #content p {
margin: 0px 0px 10px 0px;
color: #494949;
font-size: 12px;
line-height: 17px;
}
#portfolio-screenshot {
margin-left: 20px;
}
.person {
padding: 35px 0px 35px 0px;
}
.person-text, .person-image {
float: left;
}
.person-text {
margin: 0px 10px 0px 0px;
width: 700px;
}
.person-text-header {
border-bottom: 1px solid #000;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
position: relative;
}
.person-text-header h3 {
font-size: 30px;
}
.person-text-header h3 span {
font-size: 20px;
}
.person-text-header ul {
position: absolute;
top: 0px;
right: 0px;
}
.person-text-header ul li {
margin: 0px 3px 0px 0px;
float: left;
}
.person-text p {
color: #000;
margin: 0px 0px 20px 50px;
font-size: 15px;
font-weight: normal;
line-height: 18px;
text-align: right;
}
.person-text p a {
background-color:#f1f1f1;
}
.person-text p a:hover {
color:#CCC;
background-color:#666;
}
.person-text .person-text-quote {
font-size: 22px;
font-weight: bold;
line-height: 25px;
}
.person-image {
width: 200px;
}
#footer {
padding: 40px 0px;
font-size: 15px;
text-align: center;
}