* {
margin:0;
padding:0;
}
body {
padding:0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
background: url(../images/bg.jpg);
}
p {
text-align:left;
font-size:13px;
color:#363636;
line-height:18px;
}
a {
color:#a70e17;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#top {
background: url(../images/bg-top.png) repeat-x;
height:33px;
width:100%;
}
#wrapper {
margin:0 auto;
width:937px;
}
.clear {
clear:both;
}
a:focus, object:focus, input:focus {
outline:none;
}
a img {
border:none;
}
/* Header */
.header {
padding:25px 0 0 33px;
width:904px;
height:118px;
background: url(../images/bg-header.png) no-repeat;
}
.nav-slider-container {
background: url(../images/nav-slider-container.png) no-repeat;
/*height:346px;*/
}
/* Nav */
.nav {
padding:11px 0 0 27px;
width:910px;
height:23px;
overflow:hidden;
}
.nav ul li {
float:left;
list-style:none;
margin-right:24px;
}
.nav ul li a {
display:block;
text-indent:-9999px;
height:23px;
}
.nav ul li a:hover, .nav ul li.active a {
background-position:bottom center;
}
.nav li a.web-design {
width:227px;
background:url(../images/nav-webdesign.gif) no-repeat;
}
.nav li a.seo-services {
width:107px;
background:url(../images/nav-seo.gif) no-repeat;
}
.nav li a.ecommerce {
width:203px;
background:url(../images/nav-ecommerce.gif) no-repeat;
}
.nav li a.portfolio {
width:101px;
background:url(../images/nav-portfolio.gif) no-repeat;
}
.nav li a.contact {
width:102px;
background:url(../images/nav-contact.gif) no-repeat;
}
/* Slider */
.home-slider {
background:url(../images/home-slide-bg.png) no-repeat;
width:864px;
height:234px;
margin:9px 0 0 25px;
padding:21px 0 53px 23px;
}
.anythingSlider h2 {
display:none;
}
.slide1 {
background:url(../images/home-slide1.png) no-repeat;
padding:10px 0 0 448px;
height:201px;
}
.slide2 {
background:url(../images/home-slide2.png) no-repeat;
padding:10px 0 0 448px;
height:201px;
}
.slide3 {
background:url(../images/home-slide3.png) no-repeat;
padding:10px 0 0 448px;
height:201px;
}
.slide1 p, .slide2 p, .slide3 p {
display:none;
}
.slide1 a.more-info, .slide2 a.more-info, .slide3 a.more-info {
display:block;
width:145px;
height:35px;
background:url(../images/button-more-info.png) no-repeat;
text-indent:-9999px;
}
.slide1 .more-info, .slide2 .more-info, .slide3 .more-info {
margin-top:113px;
}
.slide1 .contact-us, .slide2 .contact-us, .slide3 .contact-us {
position:relative;
}
.slide1 .contact-us a {
position:absolute;
top:74px;
display:block;
left:99px;
text-indent:-9999px;
background:url(../images/contactus.png) no-repeat;
width:72px;
height:11px;
padding:0;
margin:0;
font-size:1px;
}
.slide2 .contact-us a {
position:absolute;
top:73px;
display:block;
left:290px;
text-indent:-9999px;
background:url(../images/contactus1.png) no-repeat;
width:69px;
height:11px;
padding:0;
margin:0;
font-size:1px;
}
.slide3 .contact-us a {
position:absolute;
top:47px;
display:block;
left:1px;
text-indent:-9999px;
background:url(../images/contactus2.png) no-repeat;
width:286px;
height:15px;
padding:0;
margin:0;
font-size:1px;
}
.home-slider ul li a:hover, .highlights .view-all a:hover, .upper-content .right a:hover, .sidebar input.submit:hover, .portfolio-slider a:hover.visit, .portfolio-bottom a:hover, .form-container input:hover.submit {
background-position:bottom left;
}
/* Highlights */
.highlights {
margin:8px 0 28px;
height:287px;
background:url(../images/portfolio-highlights-container.png) no-repeat;
}
.highlights .view-all {
padding:13px 0 0 801px;
}
.highlights .view-all a {
display:block;
background:url(../images/button-view-all.png);
width:111px;
height:28px;
text-indent:-9999px;
}
.sites {
padding: 45px 0 0 39px;
}
.sites div {
float:left;
width:262px;
height:146px;
}
.sites div a {
display:block;
padding:7px 7px 24px 7px;
background:url(../images/highlights-container.jpg) no-repeat;
}
.sites div a:hover {
background:url(../images/highlights-container-hover.jpg) no-repeat;
}
.site1, .site2 {
margin-right:37px;
}
/* Content */
.home-content {
width:921px;
margin:0 auto;
}
.home-content h1 {
text-indent:-9999px;
background:url(../images/mid-newyork.png) no-repeat;
height:49px;
width:921px;
margin-bottom:32px;
}
.upper-content {
width:100%;
background:url(../images/home-liberty.png) no-repeat bottom;
height:340px;
}
.upper-content .left, .upper-content .center, .upper-content .right {
float:left;
}
.upper-content .left {
width:122px;
padding:0 30px 0 11px;
}
.upper-content .center {
width:420px;
}
.upper-content .right {
width:228px;
}
.upper-content h2 {
background:url(../images/about-us.png);
width:124px;
height:89px;
text-indent:-9999px;
}
.upper-content .center p {
margin:0 0 10px;
}
.upper-content .center a:hover {
text-decoration:underline;
}
.upper-content .right {
background:url(../images/callout-need-a-website.png) no-repeat 42px 4px;
padding:42px 43px 0 67px;
height:185px;
}
.upper-content .right h3 {
text-indent:-9999px;
}
.upper-content .right p {
font-size:11px;
}
.upper-content .right a {
display:block;
text-indent:-9999px;
background:url(../images/button-get-a-quote.png) no-repeat;
width:133px;
height:28px;
margin:12px 0 0;
}
/* Testimonials */
.lower-content {
margin:50px 0 0;
}
.lower-content .left, .lower-content .center, .lower-content .right {
float:left;
}
.lower-content .left {
width:228px;
}
.lower-content .left h2 {
text-indent:-9999px;
background:url(../images/what-our-clients-say.png) no-repeat;
width:184px;
height:148px;
}
.lower-content .center, .lower-content .right {
position:relative;
width:285px;
height:285px;
padding:18px 0 0 22px;
}
.lower-content .center {
margin-right:50px;
}
.lower-content .center p, .lower-content .right p {
font-style:italic;
}
.lower-content .center .bg {
position:absolute;
background:url(../images/home-callout1.png) no-repeat;
height:167px;
width:338px;
}
.lower-content .right .bg {
position:absolute;
background:url(../images/home-callout2.png) no-repeat;
height:210px;
width:338px;
}
.lower-content .center .bg, .lower-content .right .bg {
top:0;
left:0;
filter:alpha(opacity=11);
-moz-opacity:0.11;
-khtml-opacity: 0.11;
opacity: 0.11;
}
.lower-content .center p.client, .lower-content .right p.client {
margin-top:53px;
color:#a70e17;
font-size:13px;
font-style:normal;
font-weight:bold;
}

/* Sub page */
.sub-main {
background: url(../images/bg-sub-mid.png) repeat-y;
padding-bottom:60px;
}
.sub-bottom {
background: url(../images/bg-sub-bottom.png) repeat-y;
height:16px;
margin-bottom:70px;
}
.header-image {
width:887px;
height:315px;
margin:0 0 16px 0;
}
.header-image p {
line-height:23px;
font-size:15px;
letter-spacing: -0.3px;
}
#web {
width:530px;
height:103px;
padding:212px 313px 0 72px;
background:url(../images/header-web-design.jpg) no-repeat 25px 9px;
}
#seo {
width:504px;
height:273px;
padding:42px 106px 0 305px;
background:url(../images/header-seo-services.jpg) no-repeat 25px 9px;
}
#ecommerce {
width:468px;
height:255px;
padding:60px 72px 0 395px;
background:url(../images/header-ecommerce-solutions.jpg) no-repeat 25px 9px;
}
#ecommerce p {
text-align:right;
}
.container {
padding:0 19px 0 25px;
}
/* Content*/
.container .content {
width:587px;
float:left;
margin-right:20px;
}
.content h2.titles {
width:587px;
height:42px;
text-indent:-9999px;
margin-bottom:12px;
}
h2.webdes {
background:url(../images/title-web-design.png) no-repeat;
}
h2.webdev {
background:url(../images/title-web-development.png) no-repeat;
}
h2.seo {
background:url(../images/title-seo-services.png) no-repeat;
}
h2.onsite {
background:url(../images/title-onsite-seo.png) no-repeat;
}
h2.competitive {
background:url(../images/title-competitive-research.png) no-repeat;
}
h2.ecommerce {
background:url(../images/title-ecommerce-solutions.png) no-repeat;
}
h2.store {
background:url(../images/title-online-store-promotions.png) no-repeat;
}
.container .content p {
font-size:11px;
margin-bottom:16px;
}
.container .content ul {
margin-bottom:20px;
}
.container .content ul li {
list-style:none;
font-size:11px;
font-weight:bold;
padding-left:26px;
background:url(../images/list-star.png) no-repeat 0 2px;
line-height:24px;
}
/* Portfolio Slider */
.portfolio-container {
background:url(../images/bg-sub-mid.png) repeat-y;
}
.portfolio-slider {
background: url(../images/bg-portfolio-slider.png) no-repeat;
width:864px;
height:367px;
margin:9px 0 0 25px;
padding:25px 0 43px 23px;
}
.por-container-bottom {
background: url(../images/bg-sub-bottom.png) repeat-y;
height:16px;
margin-bottom:15px;
}
.portfolio-bottom {
background:url(../images/bg-need-a-website.png) no-repeat;
height:214px;
padding:93px 0 8px 391px;
}
.portfolio-bottom a {
display:block;
text-indent:-9999px;
background:url(../images/button-get-a-quote-large.png) no-repeat;
width:166px;
height:35px;
}
/* Slider overrides */
.portfolio-slider .anythingSlider a.forward, .portfolio-slider .anythingSlider a.back {
top:384px;
}
.portfolio-slider .anythingSlider a.back {
left:309px;
}
.portfolio-slider .anythingSlider a.forward {
left:523px;
}
.portfolio-slider #thumbNav a {
top:384px;
left:334px;
}
.portfolio-slider .anythingSlider .wrapper {
height:362px;
left:0;
overflow:auto;
position:absolute;
top:1px;
width:835px;
}
.portfolio-slider .anythingSlider ul li, .portfolio-slider .anythingSlider {
height:362px;
}
.screenshot {
float:left;
width:575px;
height:362px;
}
.portfolio-slider .info {
float:left;
width:233px;
padding:4px 0 0 27px;
}
.portfolio-slider .info h3 {
color:#a70e17;
text-transform:uppercase;
letter-spacing:-0.4px;
font-size:25px;
font-weight:bold;
margin-bottom:8px;
}
.portfolio-slider .info p {
font-size:11px;
line-height:16px;
}
.portfolio-slider .anythingSlider .wrapper .info ul {
margin:10px 0;
}
.portfolio-slider .anythingSlider .wrapper .info ul li {
padding-left:26px;
background: url(../images/list-portfolio-star.png) no-repeat 0 4px;
font-weight:bold;
font-size:11px;
line-height:25px;
}
.portfolio-slider a.visit {
display:block;
text-indent:-9999px;
background:url(../images/button-visit-website.png) no-repeat;
widows:166px;
height:35px;
margin-top:20px;
}

/* Portfolio Sites */
.website1 {
background:url(../images/site1-dr.soft.jpg) no-repeat;
}
.website2 {
background:url(../images/site2-ecovillage.jpg) no-repeat;
}
.website3 {
background:url(../images/site3-dyepaintball.jpg) no-repeat;
}
.website4 {
background:url(../images/site4-decorating-noodle.jpg) no-repeat;
}
.website5 {
background:url(../images/site5-jewelsuite.jpg) no-repeat;
}
.website6 {
background:url(../images/site6-sidestreet.jpg) no-repeat;
}
.website7 {
background:url(../images/site7-lajolla.jpg) no-repeat;
}
.website8 {
background:url(../images/site8-cirrus.jpg) no-repeat;
}
/* Contact */
.contact-form {
background:url(../images/bg-contact.png) no-repeat 25px 10px;
height:794px;
}
.contact-intro {
padding:42px 72px 0 278px;
height:137px;
}
.contact-intro p {
font-size:14px;
line-height: 1em;
margin-bottom:20px;
}
/* Sidebar */
.container .sidebar {
width:234px;
float:left;
background:url(../images/sidebar-quote.png) no-repeat;
padding:62px 29px 50px 23px;
}
.container .sidebar h3 {
display:none;
}
.container .sidebar p {
font-size:11px;
}
.form-container {
width:100%;
}
.form-container .left {
width:260px;
float:left;
padding-top:38px;
}
.form-container .right {
width:611px;
float:left;
padding:31px 0 0 17px;
}
.form-container .left p {
text-align:right;
font-size:16px;
text-transform: uppercase;
margin-bottom:48px
}
.form-container input, .form-container textarea, .form-container select {
display:block;
padding:8px 0 4px 8px;
border:1px solid #a0a0a0;
margin-bottom:40px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#363636;
font-size:12px;
}
.form-container input {
width:388px;
background:url(../images/bg-contact-input.png) repeat-x;
height:20px;
}
.form-container select {
height:34px;
width:398px;
}
.form-container option {
padding:4px 5px;
}
.form-container textarea {
width:502px;
height:172px;
background:url(../images/bg-contact-textfield.png) repeat-x;
}
.form-container .submit {
background:url(../images/button-send-email.png) no-repeat;
width:166px;
height:35px;
border:none;
margin:1px 0 0 400px;
cursor:pointer;
outline:none;
}
/* Sidebar form */
.sidebar form {
margin-top:8px;
}
.sidebar label {
display:block;
font-size:11px;
font-weight:bold;
}
.sidebar input {
height:17px;
color:#636363;
width:220px;
background:url(../images/bg-input.png) repeat-x;
border:1px solid #c7c7c7;
padding:3px 6px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:5px 0 12px;
}
.sidebar textarea {
height:129px;
width:220px;
background:url(../images/bg-textarea.png) repeat-x;
border:1px solid #c7c7c7;
padding:4px 6px 3px;
margin:5px 0 12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#636363;
}
input:focus, textarea:focus, select:focus {
color:#45494D;
outline-color:#af1219;
outline-style:solid;
outline-width:3px;
}
.sidebar input.submit {
background: url(../images/button-get-a-quote.png) no-repeat;
width:133px;
height:28px;
border:none;
cursor:pointer;
outline:none;
}

/* Footer */
#bottom {
background: url(../images/bg-bottom.jpg) repeat-x;
height:301px;
width:100%;
}
#bottom-top {
background: url(../images/bg-bottom-top.png) repeat-x;
height:18px;
width:100%;
}
.footer {
margin:0 auto;
width:937px;
padding:28px 0 0 0;
}
.footer p {
color:#fff;
font-size:11px;
text-align:center;
line-height:18px;
margin:20px 0 4px;
}
.footer a.lnk {
display:block;
text-align:center;
margin-bottom:20px;
}
.lnk2 {
display:block;
text-align:center;
margin-bottom:20px;
}
.footer .support {
padding:32px 0 0 250px;
}
.footer .support a {
margin-right:36px;
}
.footer .support a.last {
margin:0;
}