body {background: url(/assets/img/bg_body.jpg) #fff repeat-x; margin: 0; font-family: Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #000;}
p {margin-bottom: 10px;}
strong {font-weight: bold;}
em {font-style: italic;}
#container {width: 800px; padding: 20px 0 0; text-align: left; margin: 0px auto;}
#header {height: 56px; width: 800px; margin: 5px 0 0 0;}
#logo {width: 255px; height: 56px; float: left;} 
#nav {width: 500px; height: 56px; float: right; text-align: right; line-height: 56px; color: #fff; font-weight: bolder; font-size: 14px;}
div#navigation ul {margin-top: 20px;}
div#navigation ul li {display: inline; list-style-type: none; margin-left: 15px;}
#title {margin: 54px 0 20px 0;}
#featured {margin: 28px 0 0 -5px;}
#blurb {margin: 28px 0 33px 0;}
#twitter_update_list {list-style-type: none; padding: 0; margin: 0;}
#twitter_update_list li {margin-bottom: 5px;}
#caseguts {width: 589px; display: inline-block;}
#sidemenu {width: 200px; border-left: solid 1px #eee; display: inline-block; padding-left: 10px; margin-top: 10px;}
#smcontact {background: url(/assets/img/contactbubbles.jpg) no-repeat top left; margin-bottom: 20px;}
#smcontact > ul {margin-left: 35px; padding-top: 2px;}
#smclients {background: url(/assets/img/clientavatars.jpg) no-repeat top left; margin-bottom: 20px;}
#smclients > ul {margin-left: 35px; padding-top: 2px;}
#smservices {background: url(/assets/img/servicescheck.jpg) no-repeat top left; margin-bottom: 20px;}
#smservices > ul {margin-left: 35px; padding-top: 2px;}
#quote {width: 407px; float: left; display: inline-block;}
#quote ul {padding-left: 20px; margin: 30px 0 30px 0;}
#quote ul li {background: url('/assets/img/checkmark.png') no-repeat; padding: 2px 0 0 27px; margin-bottom: 6px; font-size: 1.15em;}
#quotebox {width: 353px; height: 473px; float: left; display: inline-block; background: url('/assets/img/submitformbg.png') no-repeat; margin: 7px 0 0 40px;}
#quotebox ul {margin: 78px auto auto 38px; width: 282px; height: 310px;}
#quotebox ul li {background: url('/assets/img/quotesprite.png') no-repeat; display: block; margin: 10px 0 10px 0;}
#quotedescription {width: 268px; height: 135px; border: none; margin: 4px;}
#gotit {width: 176px; margin: 30px 5px 10px 40px; text-align: center; line-height: 12px;}
#quotesubmitbutton {width: 88px; margin: 30px 34px 0 0; display: inline-block;}
#submitwrap {width: 88px; height: 40px; background: url('/assets/img/submitsprite.png') no-repeat;}
#submitwrap:hover {background-position: 0px -40px;}
#submitwrap:active {background-position: 0px -80px;}


.fullhr {border-bottom: solid 1px #999; height: 1px; margin-bottom: 20px; padding-top: 20px;}
.projectTitle {font-size: 14px; font-weight: bold;}
.footergap {height: 20px; width: 800px;}
.footerBox {margin-top: -4px;}
.infoBox1 {width: 380px; float: left; margin: 7px 40px 0 0; padding: 0;}
.infoBox2 {width: 220px; float: left; margin: 7px 20px 0 0; padding: 0;}
.infoBox3 {float: left; margin: 7px 0 0 0; padding: 0; width: 140px;}
.workBox1 {width: 253px; margin: 0 20px 0 0; float: left;}
.workBox2 {width: 253px; margin: 0; float: left;}
.workThumb {border: 1px solid #111;}
ul.infoList, ul.rolelist {list-style-type: none; padding: 0; margin: 0;}
li.infoList {margin-left: 0;}
.iphonebig {background: url(/assets/img/iphone-blank.jpg) no-repeat top left; position: relative; left: -15px; height: 681px; width: 357px; margin-top: 10px;}
.iphoneplacement {position: relative; top: 97px; left: 38px;}
.onelinefieldbox {height: 40px;}
.onelinefield {width: 268px; height: 28px; border: none; margin: 6px 4px 0;}
.fieldtext {font-family: Helvetica; font-size: 28px;}
.fieldtext_sm {font-family: Helvetica; font-size: 18px;}
.fieldfade {position: absolute; top: 7px; left: 5px; width: 270px; height: 9px; background: url(/assets/img/textfade-h.png) no-repeat;}


/* PRINT --- */

h1 {font-size: 36px; line-height: 40px;}
h2 {font-size: 24px; margin-bottom: 10px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}
.highYellow {background: #ffc;}
.highRed {background: #ffd4c8;}
.highBlue {background: #c8fbff;}
.footerGray {color: #999;}
#twitter_div > ul > li {color: #000;}
div#navigation {font-size: 14px; font-weight: bold;}
.navselected {color: #eee; border-bottom: dashed 1px #fff;}
#sidemenu {color: #444;}
#smcontact > ul > li:first-child, #smclients > ul > li:first-child, #smservices > ul > li:first-child {font-size: 14px;}
.greentalic {color: #ccff66;}
#gotit {color: #eee; font-size: 11px;}

/* LINKS --- */
a:link {text-decoration: none; color: #06f;}
a:visited {text-decoration: none; color: #06f;}
a:hover {text-decoration: none; color: #08f;}
a:active {text-decoration: none; color: #06f; position: relative; top: 1px;}
a.footerLink:link {text-decoration: none; color: #666;}
a.footerLink:visited {text-decoration: none; color: #666;}
a.footerLink:hover {text-decoration: none; color: #333; background-color: #ffc;}
a.footerLink:active {text-decoration: none; color: #666;}
#twitter_div > ul > li > a:link {text-decoration: none; color: #666;}
#twitter_div > ul > li > a:visited {text-decoration: none; color: #666;}
#twitter_div > ul > li > a:hover {text-decoration: none; color: #333; background-color: #ffc;}
#twitter_div > ul > li > a:visited {text-decoration: none; color: #666;}

/* CASE STUDY */
#casedesc {width: 367px; display: inline-block; margin-right: 20px;}
#caseroles {width: 313px; display: inline-block;}
.casetitles {width: 388px; padding-right: 10px;}
.caseDisplay {margin: 20px 0 0 0;}
.breadcrumbs {font-size: 10px;}

/* SOCIAL NETWORKS */
.networkFacebook {background: url(/assets/img/icon_facebook.png) left top no-repeat; padding-left: 25px; display: block;}
.networkFlickr {background: url(/assets/img/icon_flickr.png) left top no-repeat; padding-left: 25px; display: block;}
.networkL4f {background: url(/assets/img/icon_l4f.png) left top no-repeat; padding-left: 25px; display: block;}
.networkLinkedin {background: url(/assets/img/icon_linkedin.png) left top no-repeat; padding-left: 25px; display: block;}
.networkQik {background: url(/assets/img/icon_qik.png) left top no-repeat; padding-left: 25px; display: block;}
.networkTwitter {background: url(/assets/img/icon_twitter.png) left top no-repeat; padding-left: 25px; display: block;}
.networkVimeo {background: url(/assets/img/icon_vimeo.png) left top no-repeat; padding-left: 25px; display: block;}

/* MISC */
.nothing {margin: 0; padding: 0;}
.bottom10px {margin-bottom: 10px;}
.clearboth {clear: both;}
.inline {display: inline;}
.inlineblock {display: inline-block;}
.floatleft {float: left;}
.floatright {float: right;}
.black {color: #000;}