/* 
  BLUEPRINT CSS
   * Filename:        compressed.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
   
   Generated by:
    * Blueprint CSS Grid Generator (2008-02-25) [http://kematzy.com/blueprint-generator/]
    
  == STRUCTURE: ========================
   * Page width:            950 px
   * Number of columns:     24
   * Column width:          30 px
   * Margin width:          10 px
  ======================================
   
*/
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; margin:0;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}



/* typography.css */
body {font-size:87.5%;color:#222;background:#fff;font-family:Georgia,"Times New Roman",Times,serif; font-weight:400;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#1a1f35;}
h1 {line-height:1;margin-bottom:0.5em;}
h2 {line-height:1;margin-bottom:.25em;}
h3 {line-height:1;margin-bottom:.25em;}
h4 {line-height:18px;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {/* float:left; */ margin:0 .5em 0 0;padding:0;}
p img.left {float:right;margin:1.5em 0 1.5em 1.5em;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#7c7f83;}
a {color:#cc3300;text-decoration:none;outline:none;}

blockquote {margin:0 270px 10px 0; padding:23px 0 27px 3.5em;color:#666;font-style:italic; background: url(../i/quotes.gif) 0 23px no-repeat; border-top:1px solid #ccc;}
blockquote strong {display:block; font-style:normal; font-weight:normal; font-size:10px; text-transform:uppercase; letter-spacing:1px; margin-top:10px; color:#222;}
blockquote em {font-style:normal;font-weight:normal;}

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre code {background-color:#e9e7e1; display:block; font-size:90%; margin:20px 270px 0 160px; overflow:auto; padding:10px; } 
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
img.img-left-download { float:left; margin: 0 8px 10px 0; }

#menu, .breadcrumbs, .post-meta, .archive h3, #projects strong, #projects .view, .footer, .foot, .commentors dt, #contact-main label p, #contact-main label, #comment-main p { font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;}

/* grid.css */
.container, .masthead, .footer, .wrp-archive, .foot {width:950px;margin:0 auto;}
.container {padding-top:63px;}
.showgrid {background:url(../i/grid.png);}

.wrp-masthead { background: url(../i/masthead-bkgd.gif) 0 0 repeat-x; height: 128px; }
.wrp-sub-footer { background: #dbdad4 url(../i/wrp-footer-bkgd.gif) 0 0 repeat-x; }
.wrp-footer { border-top:9px solid #1b2037; margin-top:1px;}

/* masthead */
#logo { float:left; padding:0 165px 0 0; width:315px; height:117px; }
#logo a, #logo span { display:block; width:245px; height:117px; background:url(../i/ap-logo.gif) no-repeat;}
#logo a:hover, #logo span:hover { background: url(../i/ap-logo.gif) 0 -117px; }

#menu { float:left; margin:0; padding:0;text-transform:uppercase;}
#menu ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
#menu ul li { float: left; margin: 0; padding: 0; width: 120px; }
#menu ul li a { float: left; display: block; padding:33px 41px 10px 0px;  margin: 0; text-decoration: none; color: #ff0000; border: none; -webkit-transition: color .3s linear; }
#menu ul li a.contact {padding:33px 20px 10px 0px;}
#menu ul li a strong { display: block; font-size: 11px; font-weight:normal; line-height: 1.2; text-transform: uppercase; color: #9f9f9f; -webkit-transition: color .3s linear; }	
#menu ul li a:hover em { color: #87410F; }	
#menu em { display: block; font-style:normal; font-size: 13px; padding-bottom:3px; color:#1b2037; letter-spacing:1px;}
#menu li a:hover { color: #ff0000; }
#menu ul li a:hover strong { color: #484c5c; }
#menu li.active { color:#FF0000; }
#menu li.active a strong { color: #FF0000; }
#menu li.contact { width:105px; }
#menu li.clients a.selected { padding:33px 41px 10px 0px; }
#menu li.contact a.selected { padding:33px 20px 10px 0px; }
#menu li a.selected { padding:33px 40px 10px 0px; }

/* CONTAINER STYLES */
.container a {text-decoration:underline; }
.container a:hover {text-decoration:none; }

.post h1, .post h2, .post h4, #about h1, #about h2, #about p.lead, #about p.quote, #services h1, #services h2, #services p.lead, #seo h1, #seo h2, #seo p.lead, #design h1, #design h2, #design p.lead, #development h1, #development h2, #development p.lead, #projects h1, #projects h2, .archives h1, #portfolio h1, #consulting h1, #consulting h2, #consulting p.lead {font-family:"droid-serif-1","droid-serif-2",Georgia,"Times New Roman",Times,serif;}

.post h3, #design .action p, #projects h3, .comments h3, .sofar p, .cat h3, .container .p-comment, .prev-next li, .recents li strong, .recents dt { font-family:"droid-sans-1","droid-sans-2", "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;}

.breadcrumbs {font-size:11px; text-transform:uppercase; letter-spacing:1px; padding:5px 0 63px 0;}
.breadcrumbs li {display:inline; padding:0 3px 0 10px; background:url("../i/bullet-crumb.gif") 0 5px no-repeat;}
	.breadcrumbs li.first { padding-left:0; background:none;}

.archive { width:228px; float:right; background:#1a1f35; text-align:center; padding:10px 0; margin-top:30px; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999;}
.archive h3 { color:#fff; text-transform:uppercase; font-size:12px; margin:0; letter-spacing:1px;}
.archive a { color:#fff; text-decoration:none;}
.archive a:hover { color:#ccc;}


#projects .view a {text-transform:uppercase; color:#fff; font-size:12px; letter-spacing:2px; background:#1a1f35; padding:4px 6px 4px 7px; text-decoration:none;}
#projects .view a:hover {background:#999;}

/* blog */
.post-meta {width:120px; float:left; text-align:right; font-size:13px; line-height:18px; margin-top:3px;}
.post .post-meta ul { list-style:none; padding:0;margin:0}
.post-meta li { padding:10px 0; border-bottom:1px solid #bdbfc1; list-style:none;}
.post-meta li.first {padding:0 0 8px 0; }
.post-meta li.last { border:none; position:relative; top:0;}
.post-meta em {display:block; font-style:normal; font-size:12px; text-transform:lowercase;}
/* .post-meta strong {padding-left:15px; } */
.post-meta strong.num {background:url(../i/img-comments.gif) 0 0 no-repeat; height:16px; }
.post-meta a {text-decoration:none;}
.num {padding-left:15px;}

.post .recents {width:230px; float:right; margin-top:6px; padding:0;}
.recents a {text-decoration:none; }
.post .recents ul {padding:10px; background:#f5f4f1; }
.recents ul li {line-height:1.3em; list-style:none; font-size:12px;}
.recents ul li strong {text-transform:lowercase; font-weight:bold; color:#6b7077; padding-bottom:5px;display:block;}
.recents ul li strong.next {padding-top:20px;}

.recents dl {padding:20px 0 0 10px; font-size:12px}
.recents dt {text-transform:lowercase; font-weight:bold; color:#6b7077; padding-bottom:2px;}
.recents dd {line-height:1.3em;}
.recents dd.date {font-style:italic;font-size:11px; padding-bottom:25px;color:#7b7b7b;}

.post h1 { font-size:45px; border-bottom:1px solid #abadb5; padding-bottom:15px; margin-bottom:20px;}
.post h2, .post h3, .post h4, .post p {padding:0 270px 0 160px; }
.post ul, .post ol {padding:0 270px 25px 160px;}
.post ul li ul { padding:0 0 10px 10px;}
.post p {padding:0 270px 0 160px; }
.post h1 a { color:#0099ff; text-decoration:none;}
.post h1 a:hover { color:#1A1F35; }
.post .lead {font-size:20px; color:#494949; margin-bottom:20px; line-height:26px;}
.post h2 {font-size:26px; margin:1em 0 .25em 0;}
.post h3 {text-transform:uppercase; font-size:16px;}
.post h4 {font-size:14px;}

.post .no-p {margin:0; padding:0 0 25px 0;}

.blurb p {padding:0 0 0 0; float:left;}

.l-callout {width:120px; float:left;}
.l-callout p {padding:0;}
.l-callout img {margin-top:5px;}
.r-callout {width:230px; float:right;}
.r-callout p {padding:0;}
.r-callout img {margin-top:5px;}

.col1 { width:720px; float:left;}
.col1 p {padding-right:40px;}

.col2 { width:230px; float:left; }
.col2 p {padding:6px 0 0 0;}
.col2 h2 {padding:0; margin:0;}


/* blog comments*/
.comments h3 { margin:60px 0 20px 0; padding:0 0 20px 0; font-weight:bold; color:#1a1f35; font-size:16px; text-transform:lowercase; letter-spacing:1px; border-bottom:3px solid #abadb5;}
.comments h3 span { color:#6b7077;font-weight:normal;}

.container .p-comment span { padding-left:160px;}
.container .p-comment {margin:60px 0 30px 0; background:#1a1f35; padding:10px 0; color:#fff; text-transform:uppercase; font-size:15px; letter-spacing:1px;}

.commentors {float:left; list-style:none; margin:0;}
.commentors p {padding:10px 40px 0 160px; margin:0;}
#comments ul {padding:10px 40px 0 0;}
.commentors li {width:950px; margin-bottom:0px; clear:both;}
.commentors dl {width:950px;}
.commentors dt {float:right; width:230px; border-top:1px solid #767a7f; padding-top:11px; line-height:14px;}
.commentors dt strong { display:block; font-weight:normal; font-size:12px; padding-left:10px;}
.commentors dt em { text-transform: uppercase; font-size:11px; font-style:normal; color:#666; letter-spacing:1px; padding-left:10px; }
.commentors dd {float:left; width:720px;}
.commentors dd .comm-avatar {float:left; padding:10px 40px 0 80px;}
.commentors dd .comm-message {padding:0 0 15px 0; margin-bottom:30px; border-right:1px solid #767a7f; }
.commentors a {text-decoration:none; }
.captcha img {float:left;padding-left:160px;}
.captcha input {float:left; margin:5px 0 0 15px;}

.comment-preview {float:left; width:350px;}
.post .comment-preview h3 {text-transform:uppercase: font-size:12px; border-bottom:1px solid #ccc; padding:2px 0 5px 0; }
.comment-preview p { padding:0;}

/* archives pages */

#archives h1 { font-size:30px; color:#333; border-bottom:1px solid #e2e3e4; padding:0 0 15px 160px;}
#archives h2 a { font-size:20px; color:#0099ff; text-decoration:none; line-height:24px;}
#archives p { padding:0 30px 0 160px;}
.listing { border-bottom:1px solid #ccc; margin-bottom:25px; }
.cat h3 { font-weight:bold; text-transform:uppercase; letter-spacing:1px; color:#333; border-bottom:1px solid #e2e3e4; font-size:13px; padding-bottom:5px; margin-bottom:5px;}
.cat-nav {font-size:12px; list-style:none; line-height:24px;}

/* about */
#about h1 {font-size:45px; border-bottom:1px solid #e2e3e4; padding-bottom:15px;}
#about h2 {font-size:20px;}
#about p.lead {font-size:20px; color:#494949;}
#about p.quote { font-size:22px; color:#1a1f35; font-weight:bold; line-height:1.5; padding-top:25px;}
#about blockquote {margin:0 0 10px 0;}


/* services */
#services h1 {font-size:45px;  padding:0 0 0 20px; }
#services h2 {font-size:20px; font-weight:bold;}
#services h2.top { padding-top:60px;}
#services h1, #services p.lead {text-align:right;}
#services p.lead {font-size:20px; color:#494949; margin:0 0 15px 0;}
.service-bar {border-top:4px solid #c23100; border-bottom:4px solid #c23100; margin:0 0 25px 0; padding:20px 0 0 0;}
#services h2 a {text-decoration:none;}

/* seo */
#seo h1 {font-size:48px;border-bottom:1px solid #e2e3e4; padding-bottom:15px;}
#seo h2 {font-size:20px; font-weight:bold;}
#seo p.lead {font-size:22px; font-weight:bold; color:#494949;}
.seo-bkgd {background:url(../i/seo-bkgd.gif) repeat-y; width:950px; height:460px;}
#seo .action { background:url(../i/img-action.gif) 130px 50% no-repeat; padding:30px 0; border-top:1px solid #cc3300; border-bottom:1px solid #cc3300; }
#seo .action p {margin:0 105px 0 220px;}

/* design */
#design h1 {font-size:45px; font-weight:bold; }
#design h2 {font-size:26px; font-weight:bold;}
#design p.lead {font-size:20px; color:#494949; margin:0 0 1em 0;}
#design .action {background:#1b2037 url(../i/img-design-action.gif) bottom no-repeat; width:950px; }
#design .action p { font-size:26px; color:#fff; font-weight:bold; margin:0 0 0 215px; padding:20px 0 55px 0;}
#design .callout p {color:#585858; padding-top:10px;}

/* development */
#development h1 {font-size:50px; border-bottom:1px solid #e2e3e4; padding-bottom:15px;}
#development h2 {font-size:20px; font-weight:bold; margin:0 0 8px 0;padding-top:23px;}
#development p.lead {font-size:24px; color:#494949;text-transform:uppercase; margin-right:60px;}
#development .dev-action {background:url(../i/img-dev-action.gif) 45px 0 no-repeat; height:457px;}
#development p.top {padding-top:25px;}

/* portfolio */
#portfolio h1 {font-size:45px; border-bottom:1px solid #e2e3e4; padding-bottom:15px; margin-bottom:10px;}
.port-list {float:left; margin:0; list-style:none;}
.port-list li {float:left; width:200px; padding-bottom:25px;}
	.port-list li.last {width:150px;}
.port-list strong {display:block; font-size:12px; font-weight:normal;}
.port-list img {padding:5px; background: #ece9e4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.port-list a {text-decoration:none; }
.port-list a:hover img { background: #ced1d5; }
.port {border-bottom:1px solid #e2e3e4; padding-bottom:10px;}

/* portfolio single */
#projects h1 { font-size:45px; border-bottom:1px solid #e2e3e4; padding-bottom:10px; }
#projects h2 { margin:0 0 18px 0; font-size:20px; font-weight:bold; }
#projects h3 { font-size:14px; text-transform:uppercase; font-weight:bold; padding:5px 0 0 0;}
#projects strong {text-transform:uppercase; letter-spacing:1px; font-size:12px;color:#7c7f83; display:block;}
#projects em {font-size:12px; color:#999;}
#projects .view a {text-transform:uppercase; color:#fff; font-size:12px; letter-spacing:2px; background:#1a1f35; padding:4px 6px 4px 7px; text-decoration:none;}
#projects .view a:hover {background:#999;}
.proj-list { list-style:none; }
.proj-list li  {border-bottom:1px solid #e0dfdc; padding:2px 0; }
.proj-list a {display:block;text-decoration:none; padding:6px 0 6px 3px;}
.proj-list a:hover {background:#f3f3f1;}
.port-img p {font-style:italic; color:#999; font-size:12px; margin:5px 0 35px 0;} 
.port-img img {border:1px solid #ccc; padding:5px;}

/* consulting */
.consult {background:url(../i/img-consulting.jpg) 0 360px no-repeat; }
#consulting h1 {font-size:54px;  padding:0 0 0 20px; margin-bottom:20px;}
#consulting h2 {font-size:20px; font-weight:bold;}
#consulting h1, #consulting p.lead, #consulting p.leader {text-align:right;}
#consulting p.lead {font-size:16px; color:#494949; }
#consulting .action { background:url(../i/img-consulting-action.gif) 130px 50% no-repeat; padding:30px 0; border-top:1px solid #cc3300; border-bottom:1px solid #cc3300; }
#consulting .action p {margin:0 115px 0 220px;}

/* contact */
.contact-captcha img {float:left;}
.contact-captcha input {float:left;margin:5px 0 0 15px; }


/* footer */
.footer {padding:45px 0;  font-size:12px;}
.footer h3 {text-transform:uppercase; font-size:13px; font-weight:bold; letter-spacing:1px; color:#1b2037; text-shadow: #eaebec 1px 1px 1px; margin-bottom:1em;}
.footer p {padding:0;}
.footer a {font-weight:bold; }

.social-media {background:url(../i/img-sm-icons.gif) no-repeat; height:120px; width:16px;}
.social-media li { margin:0; list-style:none; padding:0 0 10px 0;}

.social-media li, .social-media a { height:16px; display:block; }

.social-media li span { padding-left:25px;}
.sm-rss a:hover { background:url("../i/img-sm-icons.gif") -16px  0px no-repeat; }
.sm-twitter a:hover { background:url("../i/img-sm-icons.gif") -16px  -26px no-repeat; }
.sm-facebook a:hover { background:url("../i/img-sm-icons.gif") -16px  -52px no-repeat; }
.sm-linkedin a:hover { background:url("../i/img-sm-icons.gif") -16px  -78px no-repeat; }
.sm-flickr a:hover { background:url("../i/img-sm-icons.gif") -16px -104px no-repeat; }

.projects img {float:left; display:block; margin-right:8px; padding:3px; background: #b8beb4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.projects a:hover img { background: #a1a09b; }

.projects ul {list-style:none; margin:0; padding:0; }
.projects li {margin:0; padding:6px 0; font-size:11px; font-weight:normal; overflow:hidden;}
.projects strong {display:block; color:#cc3300; padding-top:4px;}
.projects a {font-weight:normal; color:#4d535f;}
.projects a:hover {font-weight:normal; color:#7C7F83;}


.searchform {padding-bottom:2.6em;}
#search-box { margin:0 2px 0 0; width:139px; height:20px; border:1px solid #999; padding:2px 5px 0 5px;}
input {vertical-align:middle; }
input.btn { background:#7c7f83; font-size:11px; text-transform:uppercase; letter-spacing:2px; border:none; padding:4px 4px 4px 5px; cursor:pointer; text-decoration:none; color:#fff !important;}

.acc ul {list-style:none; margin:0; padding:0; }
.acc li {display:inline; }
.acc img {float:left; display:block; margin-right:12px; padding:3px; background: #B8BEB4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.acc img.last {margin-right:0px;}
.acc a:hover img { background: #929292; }

.foot ul { margin:20px 0 20px 0; font-size:13px;}
.foot li { display:inline; padding:0 3px 0 7px; border-left: 1px solid #000;}
.foot li.first { border: none; }
.foot a.rss { padding-left: 25px; background: url(../i/img-rss.gif) 5px 50% no-repeat; }





div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 10px;}

div.last {margin-right:0;}
.span-1  { width: 30px;}
.span-2  { width: 70px;}
.span-3  { width: 110px;}
.span-4  { width: 150px;}
.span-5  { width: 190px;}
.span-6  { width: 230px;}
.span-7  { width: 270px;}
.span-8  { width: 310px;}
.span-9  { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23 { width: 910px;}
.span-24, div.span-24 { width: 950px; margin: 0; }

.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}

div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder { padding-right:26px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px;}
.pull-24 { margin-left: -960px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}

.push-1 { margin: 0 -40px 1.5em 40px;}
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}
.push-23 { margin: 0 -920px 1.5em 920px;}
.push-24 { margin: 0 -960px 1.5em 960px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


<!-- form styles -->
#form_holder {
  display: block;
  width: 320px;
  margin: 0px;
}

#form_holder form {
  width: 100%;
  padding: 0px 0px 5px 0px;
}

#form_holder .formline {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padleft {
  padding-left: 30px;
}
#form_holder .fieldholder {
  display: block;
  float: left;
  width: 320px;
}

#form_holder .formline label {
  display: block;
  color:#000;

}


.textfield {
  display: block;
  width: 80%;
  height:18px;
  padding: 4px;
  vertical-align: middle;
  margin: 0 0 4px 0;
  border:1px solid #181E21;
  background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
}

#form_holder .formline .required {
  border: solid 1px #8F663B;
}

#form_holder .fieldholder div {
  float: left;
  width: 50%;
}

#form_holder .fieldholder div .textfield {
  width: 60%;
}

#form_holder .formline select.state {
  margin-left: 20px;
  width: 100px;
}

#form_holder .formline select.fullfield {
  margin-left: 20px;
  width: 80%;
}

#form_holder .formline textarea {
  width: 320px;
  background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
  border:1px solid #181E21;
}

input.submit {
  display: block;
  float: left;
  width: 80px;
  height: 30px;
  padding-bottom:8px;
  background: url(../images/submit-btn.gif) no-repeat 0 0;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
  border: none;
  text-transform:uppercase;

}

/* comment form */
#comment-main label {width:320px;display:block;font-size:10px; text-transform:uppercase; letter-spacing:2px;}
#comment-main label input,#comment-main label textarea,#comment-main label select {width:320px;}
.formfield {background-color:#fff!important;border:1px solid #999;color:#000;width:339px;height:18px;line-height:18px;vertical-align:middle;margin-bottom:15px;padding:4px;}
#comment-main p { margin:0; font-size:9px; text-transform:uppercase; letter-spacing:1px;}
#comment-main p.spam {padding:15px 0px 5px 160px;}
#comment-main p.guidelines {padding:0 25px 5px 160px; text-transform:none; letter-spacing:0;font-size:10px;}
#comment-main p.guidelines strong {text-transform:uppercase;letter-spacing:2px;}

/* contact page form */
input.submit,input.submit-contact-main{background:#3d3e46; font-size:11px; text-transform:uppercase; letter-spacing:2px; border:none; padding:4px 20px 4px 21px; cursor:pointer; text-decoration:none; color:#fff !important;;}
input.submit-contact-main{margin:7px 0 50px 0; vertical-align:middle;}
#contact_business{display:none;}
#contact-main label{width:460px;display:block;font-size:10px; text-transform:uppercase; letter-spacing:2px;}
#contact-main label.required{margin-bottom:10px;}
#contact-main label.error1{color:#cc3300;padding:10px; margin-bottom:20px; width:460px;font-size:11px; text-transform:none; background:#e2e3e4;}
#contact-main label.error{color:#cc3300;}
#contact-main label input,#contact-main label textarea,#contact-main label select {width:460px;}
#contact-main label select{width:430px;}
.FormField {background-color:#fff!important;border:1px solid #999;color:#000;width:460px;height:18px;line-height:18px;vertical-align:middle;margin-bottom:15px;padding:4px;}