/*General*/
body { background: #4f5a4d url(bg.png) repeat-x; color: #fff; font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; }
a { color: #fff; display: block; text-decoration: none; }
h1 { font-size: 32px; font-style: italic; }

/*Header*/
#header-wrapper { background: url(header.png) repeat-x; left: 0; position: fixed; width: 100%; }
#header { font-size: 16px; margin: 0 auto; width: 1020px; }
#logo { float: left; padding-left:120px; width: 217px; }
#logo a{ background: url(logo.png) no-repeat; height: 99px; width: 217px; }
#nav{ float: right; list-style: none; padding: 8px 120px 0 0; position: relative; }
#nav li { float: left; margin: 0 5px; }
#nav li a { color: #000; height: 34px; position: relative; width: 100px; text-align: center; top: 7px; z-index: 2; }
li.backLava { background: url(nav-hover.png) no-repeat; position: absolute; z-index: 1; }
li.selectedLava { background: url(nav-selected.png) no-repeat; }

/*Wrapper*/
.wrapper { margin: 0 auto; padding: 50px 0 25px; width: 1020px; }

/*Top*/
#tagline { background: url(tagline.png) no-repeat; float: left; height: 89px; margin: 138px 0 0 121px; width: 271px; }
#mobile-wrapper { float: left; padding: 0 0 0 48px; }
#mobile { background: url(mobile.png) no-repeat; height: 269px; margin-left: 12px; width: 447px; }
#mobile-wrapper h1 { margin: 45px 0; }
#mobile-wrapper p { float: left; width: 235px; }
#mobile-wrapper p.first { margin: 0 20px 0 0; }

/*Services*/
#services { background: url(services-bg.png) 0% 100% no-repeat; padding: 0 0 50px 121px; }
#services .title { background: url(services.png) no-repeat; }
.column { float: left; margin-left: 46px; width: 242px; }
.column:first-child { margin: 0; }
.column p { margin-bottom: 20px; }

/*About Us*/
#about-us { background: url(about-us-bg.png) 0% 100% no-repeat; padding: 0 0 35px 121px; }
#about-us .title { background: url(about-us.png) no-repeat; }
#who { float: left; margin: 5px 0 0; width: 220px; }
#who p.strong { color: #edae3e; font-size: 14px; font-weight: bold; margin: 16px 0 8px; }
#tweetology { background: url(tweetology.png) no-repeat; float: right; height: 417px; margin-right: 60px; padding: 0 60px; width: 218px; }
#tweetology ul { height: 305px; overflow: hidden; }
#tweetology li { border-top: 1px solid #fff; padding: 15px 0; }
#tweet { margin: 5px 0 6px 15px; }

/*Contact*/
#contact { padding: 0 0 50px 121px; }
#contact .title{ background: url(contact.png) no-repeat; }
#methods { float: left; margin: 0 40px 0 0; width: 225px; }
#methods p { padding: 6px 0; }
#methods strong { color: #edae3e; font-size: 14px; font-weight: bold; }
.telephone { font-size: 30px; margin-bottom: 100px; }
form { border-left: 1px solid #717b70; color: #edae3e; float: left; font-size: 21px; padding: 15px 125px 0 52px; width: 456px; }
label { display: block; }
input, textarea { border: 1px solid #000; margin: 8px 0 13px; padding: 5px; width: 380px; }
textarea { height: 211px; overflow: hidden; width: 453px; }
input[name=submit] { border: 1px solid #040504; background: #182017; color: #fff; display: block; float: right; font-size: 32px; height: 49px; margin: 0; padding: 0; text-align: center; width: 106px; }
input[name=submit]:hover { border: 1px solid #634000; background: #edae3e; }

/*Footer*/
.footer { background: url(footer-bg.png) no-repeat; font-family: "Myriad Pro"; height: 30px; margin-left:121px; padding: 12px 0 0 75px; }

/*Section*/
.section { margin-bottom: 250px; }
.header { height: 37px; margin-bottom: 45px; }
.header * { float: left; }
.title { height: 37px; width: 279px; }
.plus { background: url(plus.png) 0% 60% no-repeat; margin-bottom: 21px; padding-left: 24px; }
.content { /*clear: both;*/ }

/*Utilities*/
.anchor { padding: 60px 0; }
.clear { border: 0; clear: both; height: 0; }

/*jGrowl*/
#jGrowl .header {
height: auto;
margin: 0;
}