*{

margin: 0;

padding: 0;

}

img {

border: 0;

}

body {

text-align: center;

color: #444;

font-family: Georgia, Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 16px;

background: #ccc url(../images/body_bg.jpg) no-repeat top center;

font-weight: normal;

}

#header {

margin: 0 auto;

padding: 0 10px;

width: 940px;

height: 110px;

text-align: left;

background: transparent url(../images/body_bg.jpg) no-repeat top center;

overflow: hidden;

}

#banner_wide {

margin: 0 auto;

width: 100%;

height: 370px;

text-align: left;

background: transparent url(../images/banner.jpg) no-repeat top center;

}

#banner {

margin: 0 auto;

width: 960px;

height: 370px;

text-align: left;

background: transparent url(../images/banner.jpg) no-repeat top center;

}

#info_wide {

margin: 0 auto;

width: 100%;

text-align: left;

background: transparent url(../images/info_bg.jpg) no-repeat top center;

}

#info {

margin: 0 auto;

/*padding-bottom: 50px;*/

width: 960px;

height: 360px; /* remove after testing */

text-align: left;

background: transparent url(../images/info_bg.jpg) no-repeat top center;

}

#content_wide {

margin: 0 auto;

width: 100%;

text-align: left;

background: transparent url(../images/content_bg.jpg) no-repeat top center;

}

#content {

margin: 0 auto;

padding: 0 0 60px 0;

width: 960px;

text-align: left;

background: transparent url(../images/content_bg.jpg) no-repeat top center;

}

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#focus {

padding: 0 40px 0 10px;

float: left;

width: 580px;

}

#studies {

margin-top: 50px;

padding: 0 10px 0 40px;

float: right;

width: 280px;

}

#left {

margin-top: 60px;

padding: 0 40px 0 30px;

float: left;

width: 580px;

}

#right {

margin-top: 60px;

padding: 0 30px 0 40px;

float: right;

width: 240px;

}

#left_studies {

margin-top: 40px;

padding: 0 40px 0 30px;

float: left;

width: 580px;

}

#right_studies {

margin-top: 40px;

padding: 0 30px 0 40px;

float: right;

width: 240px;

}

#footer_wide {

margin: 0 auto;

clear: both;

width: 100%;

text-align: center;

background: transparent url(../images/footer_bg.jpg) no-repeat top center;

}

#footer {

margin: 0 auto;

width: 960px;

height: 100px;

text-align: center;

background: transparent url(../images/footer_bg.jpg) no-repeat top center;

}
#footer p {
  text-align: center!important;
  padding-top: 20px;
}

#menu {

margin: 0;

float: right;

height: 60px;

}

#menu li {

display: inline;

list-style: none;

}

#menu li a {

font-family:  Arial, Georgia, Trebuchet MS, Verdana, Tahoma,Helvetica, sans-serif;

font-size: 13px;

font-weight: bold;

color: #fff;

text-decoration: none;

background: transparent url(../images/buttonLeft.gif) no-repeat left top;

background-position: 0 -20px;

display: block;

float: left;

height:40px;

margin-right: 10px;

}

#menu li a span {

background: transparent url(../images/buttonRight.gif) no-repeat right top;

background-position: right -20px;

cursor: pointer;

display: inline;

float: left;

height: 22px;

padding: 18px 12px 0 2px;

margin-left: 10px;

}

#menu li.current a {

background-position: 0 bottom;

height:60px;

}

#menu li.current a span {

background-position: right bottom;

height: 22px;

padding: 38px 12px 0 2px;

}

#menu li a:hover {

background-position: 0 bottom;

height:60px;

}

#menu li a:hover span {

background-position: right bottom;

height: 22px;

padding: 38px 12px 0 2px;

}

#submenu {

margin: 0 30px;

display: block;

padding-top: 2px;

height: 28px;

overflow: hidden;

}

#submenu li {

display: inline;

list-style: none;

}

#submenu li a {

font-family:   Trebuchet MS, Arial,Verdana, Tahoma,Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

color: #666666;

text-decoration: none;

background: transparent url(../images/submenuLeft.gif) no-repeat left top;

display: block;

float: left;

height:28px;

margin-right: 10px;

}

#submenu li a span {

background: transparent url(../images/submenuRight.gif) no-repeat right top;

cursor: pointer;

display: inline;

float: left;

line-height: 26px;

padding: 2px 12px 0 2px;

margin-left: 10px;

}

#submenu li.current a {

background-position: 0 bottom;

height:28px;

}

#submenu li.current a span {

background-position: right bottom;

}

#submenu li a:hover {

background-position: 0 bottom;

}

#submenu li a:hover span {

background-position: right bottom;

}



h1 {

color: #0099ff;

font-family: Georgia, Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 30px;

font-weight: bold;

}

h2 {

color: #0099ff;

font-family: Georgia, Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 24px;

font-weight: bold;

}

h3 {

color: #0099ff;

font-family: Georgia, Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 19px;

font-weight: bold;

}

span.cases, span.product {

display: block;

color: #444444;

font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 18px;

line-height: 30px;

/*font-weight: bold;*/

}

span.product {

display: block;

margin-top: 20px;

}

p {

margin: 15px 0 10px 0;

color: #444444;

font-family: Georgia, Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 16px;

line-height: 24px;

text-align: justify;

}

p.center {

margin-top: 30px;

text-align: center;

}

#studies ul li, .twitter_feed {

margin: 15px 0 10px 5px;

padding-left: 20px;

list-style: none;

color: #444;

font-family: Georgia, Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 12px;

background: transparent url(../images/list_arrow.gif) no-repeat center left;

}


.twitter_feed { background: none; padding-left: 0px; }
.tweet_date { margin-bottom: 15px; color: #666;}
.tweet_item { margin-bottom: 5px;}

#studies ul li.last {

margin-bottom: 25px;

}

#studies ul li a {

color: #444;

font-family: Georgia, Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 12px;

text-decoration: none;

}

#studies ul li a:hover {

color: #09f;

font-size: 12px;

text-decoration: underline;

}

h3.update {

margin-top: 20px;

padding-top: 20px;

display: block;

background: transparent url(../images/side_seperator.jpg) no-repeat top center;

}

#update_bar {

border: 0;

margin: 20px 0 20px 0;

padding: 0 10px;

display: block;

width: 255px;

height: 35px;

background: transparent url(../images/update_bg.jpg) no-repeat left;

color: #444;

font-size: 14px;

line-height: 35px;

overflow: hidden;

background-position: 5px 0;

}

#input_email {

border: 0;

margin: 0;

padding: 8px 5px;

width: 170px;

color: #444;

font-family: Georgia, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 14px;

background: transparent;

}

#update_bar #submit {

border: 0;

float: right;

display: block;

width: 70px;

height: 35px;

font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-weight: bold;

color: #444;

text-align: center;

background: transparent;

cursor: pointer;

overflow: hidden;

}

#update_bar #submit:hover {

background: transparent url(../images/update_hover.jpg) no-repeat right;

}

img.screenShot {

margin-top: 70px;

}

ul.features {

margin: 30px 0;

}

ul.features li {

margin: 10px 0 10px 60px;

padding-left: 20px;

list-style: none;

color: #444;

font-family: Georgia, Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

background: transparent url(../images/list_arrow.gif) no-repeat center left;

}

ul.features li.last {

margin-bottom: 25px;

}

#map {

width: 234px;

height: 164px;

margin-top: 50px;

margin-right: 10px;

border: 3px solid #999;

}

#largeMap {

display: block;

text-align: right;

margin: 5px 5px 20px 0;

}

#largeMap a {

color: #444;

font-family: Georgia, Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 12px;

text-decoration: none;

}

#largeMap a:hover {

color: #09f;

text-decoration: underline;

}

span.small {

font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 13px;

font-weight: bold;

}

#right p {

text-align: left;

}



#contactForm {

margin: 40px 0 0 -20px;

display: block;

}

#contactForm .form_boxes {

display: block;

margin-bottom: 10px;

height: 30px;

width: 370px;

background: transparent url(../images/input_bg.gif) no-repeat top right;

overflow: hidden;

}

#contactForm .textarea {

display: block;

margin-bottom: 10px;

height: 110px;

width: 540px;

background: transparent url(../images/textarea_bg.gif) no-repeat center right;

overflow: hidden;

}

#contactForm .form_boxes label, .textarea label {

float: left;

display: block;

width: 120px;

padding-right: 10px;

height: 30px;

text-align: right;

color: #444;

font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 13px;

font-weight: bold;

line-height: 30px;

}

#contactForm .form_boxes input {

border: 0;

float: right;

display: block;

width: 220px;

margin: 6px 10px 0 0;

height: 30px;

text-align: left;

color: #444;

font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 13px;

line-height: 30px;

background: transparent;

overflow: hidden;

}

#contactForm .textarea textarea {

border: 0;

margin: 0 2px 0 0;

padding: 5px 0 0 0 ;

float: right;

width: 400px;

height: 100px;

text-align: left;

color: #444;

font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 13px;

background: transparent;

overflow: auto;

}

#contactForm #button {

padding-left: 130px;

font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

line-height: 30px;

}

#contactForm #button .button {

padding: 0 3px;

font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 13px;

color: #444;

font-weight: bold;

}

/* image replacements */

h1.ourFocus {
width: 580px;
background: url(../images/ourFocus.gif) no-repeat left;
text-indent: -9999px;
}
h1.loveMobile {
width: 580px;
background: url(../images/loveMobile.png) no-repeat left;
text-indent: -9999px;
}
h1.devAgency{
width: 580px;
background: url(../images/devAgency.png) no-repeat left;
text-indent: -9999px;
}
h1.ourCustomers {
width: 580px;
background: url(../images/ourCustomers.png) no-repeat left;
text-indent: -9999px;
}
h1.notSure {
width: 580px;
background: url(../images/notSure.png) no-repeat left;
text-indent: -9999px;
}

h3.caseStudies {

width: 280px;

background: url(../images/caseStudies.gif) no-repeat left;

text-indent: -9999px;

}

h3.theNews {

width: 280px;

background: url(../images/theNews.png) no-repeat left;

text-indent: -9999px;

}

h3.twitter {

width: 280px;

background: url(../images/twitterFeed.png) no-repeat left;

text-indent: -9999px;

}

h3 span.keepUpdate {

display: block;

width: 280px;

background: url(../images/keepUpdate.gif) no-repeat left bottom;

text-indent: -9999px;

}

h2.skinny {

width: 580px;

background: url(../images/skinny.gif) no-repeat left bottom;

text-indent: -9999px;

}

h2.festival {

width: 580px;

background: url(../images/festival.gif) no-repeat left bottom;

text-indent: -9999px;

}

h1.contact {

width: 580px;

background: url(../images/contact.gif) no-repeat left bottom;

text-indent: -9999px;

}

p.success, p.error {font-weight: 500;}
p.success {color: #00853f;}
p.error {color: #a70e12;}