html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:1.6;text-decoration:none;}/*remembertodefinefocusstyles!*/:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}/*tablesstillneed'cellspacing="0"'inthemarkup*/table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.img-shadow { float:left; background: url(../images/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/shadow.gif) no-repeat bottom right; margin: 10px 10px 0 5px !important; margin: 10px 10px 0 5px; }
.img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }
.divider { clear: both; height: 20px; background: url(../_images/divider-dots.png) 50% no-repeat; }
body { background: url(../_images/bg-body.png) #2e2e35 repeat-x; font-family: Helvetica, Arial, sans-serif; }
body.short-bg { background-image: url(../_images/bg-body-short.png); }
p { font-size: 14px; padding-bottom: 12px; color: #8e8e9a; text-shadow: #111 0px 1px 1px; }
ul, ol { font-size: 14px; color: #8e8e9a; text-shadow: #111 0px 1px 1px; }
a { color: #48a0db; }
code { font-family: "Courier", "Courier New", serif; font-style: italic; color: #888; }
pre { font-family: "Courier", "Courier New", serif; color: #8e8e9a; font-size: 14px; }
b, strong { font-weight: bold; color: #48a0db; }
h1, h2, h3 { text-shadow: #111 1px 2px 2px; letter-spacing: 1px; }
h1.title, h2.title, h3.title { font-size: 24px; color: #48a0db; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-weight: bold; margin-bottom: 12px; }
h2.title { font-size: 18px; text-align: center; }
h3.title { font-size: 16px; text-align: center; }
ol, ul { margin-left: 24px; margin-bottom: 12px; }
ol li { list-style: decimal; margin-bottom: 6px; }
ul li { list-style: disc; margin-bottom: 6px; }
ol div, ul div { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; color: #53525d; display: inline; }
#container { width: 1000px; margin: 0 auto; }
#container #left-col { float: right; width: 660px; }
#container #left-col-inner { margin: 0px 30px; border: 0px solid; }
#container #right-col { float: right; width: 340px; margin-top: 65px; background: url(../_images/vertical.png) 0px 30px no-repeat; }
#container #right-col.short { min-height: 800px; background-image: url(../_images/vertical-big.png); }
#container #right-col.short.portfolio { min-height: 200px; background-image: none; }
#container #right-col-inner { margin: 0px 35px; border: 0px solid; }
#container #right-col.short #right-col-inner { margin: 0px 35px; border: 0px solid; background: url(../_images/bg-right-col-short-inner.png) 50% 23px no-repeat; }
#masthead { height: 88px; margin-bottom: 20px; }
#masthead #logo { margin-top: 20px; float: left; background: url(../_images/logo.png) no-repeat; width: 110px; height: 48px; overflow: hidden; text-indent: -9999px; }
#masthead #logo a { display: block; width: 110px; height: 48px; }
#masthead #top-nav { float: right; margin-top: 24px; height: 33px; }
#masthead #top-nav ul { padding-top: 3px; }
#masthead #top-nav ul li { display: block; float: left; }
#masthead #top-nav ul li a { background: url(../_images/bg-top-nav.png) no-repeat; width: 135px; font-size: 12px; font-weight: bold; color: #c4c4c4; text-align: center; text-decoration: none; display: block; padding: 7px 0px; letter-spacing: 1px; }
#masthead #top-nav ul li a.alpha { background: url(../_images/bg-top-nav-alpha.png) no-repeat; width: 135px; }
#masthead #top-nav ul li a.omega { background: url(../_images/bg-top-nav-omega.png) no-repeat; width: 135px; }
#masthead #top-nav ul li a:hover { background-position: 0px -33px; color: #77a6db; }
#portfolio { height: 246px; .height: 266px; }
#portfolio h1 { margin: 20px 0px; text-align: center; font-size: 18px; font-style: italic; }
#portfolio h1 p { margin: 0px; padding: 0px; color: inherit; font-size: inherit; }
#portfolio #screenshots { margin-left: 40px; }
#portfolio #screenshots .portfolio { display: block; float: left; width: 100px; }
#portfolio #screenshots .portfolio a { display: block; position: relative; }
#portfolio #screenshots .portfolio img { display: block; position: relative; }
#portfolio #screenshots .portfolio.trans1 img { opacity: .25; filter:alpha(opacity=25); }
#portfolio #screenshots .portfolio.trans2 img { opacity: .50; filter:alpha(opacity=50); }
#portfolio #screenshots .portfolio.trans3 img { opacity: .75; filter:alpha(opacity=75); }
#portfolio #screenshots .portfolio.trans4 img { opacity: 1; filter:alpha(opacity=100); }
#portfolio #screenshots .portfolio img { }
#content { }
#content #bg { z-index: 3; height: 90px; width: 600px; background: url(../_images/bg-bg.png) #252528 repeat-x; position: relative; bottom: 18px; .bottom: 38px; }
#tagline { text-align: center; margin: 0px 0px 20px 0px; position: relative; top: 6px; }
#feature, #blog.home { position: relative; bottom: 100px; .bottom: 120px; z-index: 3; }
#feature { }
#features { }
#feature h1 { text-align: right; font-size: 22px; color: #999; }
#feature img { clear: both; float: right; margin-top: 16px; }
#feature h2 { clear: both; text-align: right; padding-top: 10px; font-size: 18px; color: #48a0db; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; text-shadow: #111 1px 2px 2px; letter-spacing: 1px; font-weight: normal; }
#feature p { text-align: right; margin-top: 24px; font-size: 12px; color: #c4c4d4; }
#feature #features { overflow: hidden; position: relative; width: 324px; height: 175px; }
/*#feature #features-inner { width: 9999px; position: relative; right: 951px; }*/
#feature #portfolio-link { margin-top: 91px; overflow: hidden; text-indent: -9999px; float: right; height: 79px; overflow: hidden; }
#feature #portfolio-link a { background: url(../_images/portfolio.png) no-repeat; display: block; width: 211px; height: 79px; position: relative; bottom: 0px; overflow: hidden; }
#feature #portfolio-link.over a { background-position: 0px -79px; }
#blog { }
#blog .divider { text-align: center; }
.header { text-align: center; margin-bottom: 12px; }
#blog .blog { display: block; margin-bottom: 14px; }
#blog .blog-top { width: 600px; height: 10px; }
#blog .blog-bottom { width: 600px; height: 10px; }
#blog .blog-inner { padding: 0px 14px; }
#blog .blog-thumbnail { float: left; width: 22px; overflow: hidden; position: relative; top: 4px; }
#blog .blog-body { float: left; width: 536px; padding-left: 12px; }
#blog .blog:hover { cursor: pointer; }
#blog .blog:hover .blog-top { background: url(../_images/bg-blog-top.png) no-repeat; }
#blog .blog:hover .blog-bottom { background: url(../_images/bg-blog-bottom.png) no-repeat; }
#blog .blog:hover .blog-inner { background-color: #1f2124; }
#blog .blog:hover .blog-thumbnail img { position: relative; right: 26px; }
#blog .blog .date { font-size: 12px; color: #626267; font-family: Helvetica, Arial, sans-serif; }
#blog .blog h2.subject { color: #dbdbed; font-family: Georgia, Times, "Times New Roman", serif; font-size: 18px; font-weight: normal; font-style: italic; }
#blog .blog h2.subject a { color: #dbdbed; }
#blog p { padding-bottom: 0px; text-align: justify; }
#proposal { width: 134px; height: 54px; margin: 0 auto; }
#proposal a { display: block; width: 134px; height: 54px; background: url(../_images/proposal.png) no-repeat; overflow: hidden; text-indent: -9999px; }
#proposal a:hover { background-position: 0px -1px; }
#nav ul { margin: 12px 0px 14px 0px; }
#nav ul li { text-align: center; display: block; }
#nav ul li.link1 { background: url(../_images/nav/design.png) 50% no-repeat; text-indent: -9999px; overflow: hidden; }
#right-col.short #nav ul li.link1 { background-image: url(../_images/nav/design-short.png); }
#right-col.short #nav ul li.link1:hover,
#right-col.short #nav ul li.link1.active { background-image: url(../_images/nav/design-over.png); }
#nav ul li.link2 { background: url(../_images/nav/development.png) 50% no-repeat; text-indent: -9999px; overflow: hidden; }
#right-col.short #nav ul li.link2 { background-image: url(../_images/nav/development-short.png); }
#right-col.short #nav ul li.link2:hover,
#right-col.short #nav ul li.link2.active { background-image: url(../_images/nav/development-over.png); }
#nav ul li.link3 { background: url(../_images/nav/content-management.png) 50% no-repeat; text-indent: -9999px; overflow: hidden; }
#right-col.short #nav ul li.link3 { background-image: url(../_images/nav/content-management-short.png); }
#right-col.short #nav ul li.link3:hover,
#right-col.short #nav ul li.link3.active { background-image: url(../_images/nav/content-management-over.png); }
#nav ul li.link4 { background: url(../_images/nav/consultation.png) 50% no-repeat; text-indent: -9999px; overflow: hidden; }
#right-col.short #nav ul li.link4 { background-image: url(../_images/nav/consultation-short.png); }
#right-col.short #nav ul li.link4:hover,
#right-col.short #nav ul li.link4.active { background-image: url(../_images/nav/consultation-over.png); }
#nav ul li.link5 { background: url(../_images/nav/iphone.png) 50% no-repeat; text-indent: -9999px; overflow: hidden; }
#right-col.short #nav ul li.link5 { background-image: url(../_images/nav/iphone.png); }
#right-col.short #nav ul li.link5:hover,
#right-col.short #nav ul li.link5.active { background-image: url(../_images/nav/iphone-over.png); }
#nav ul li a { display: block; height: 32px }
#testimonial { z-index: 5; background: url(../_images/bg-testimonial.png) 50% 0% no-repeat; margin-top: 14px; cursor: pointer; }
#testimonial #testimonial-inner { padding: 30px 38px; }
#testimonial p { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-size: 14px; color: #87bef2; }
#testimonial p .open-quote { float: left; display: block; width: 0px; text-indent: -10px; }
#testimonial .by,
#testimonial .company { font-family: Helvetica, Arial, sans-serif; text-align: right; font-size: 12px; color: #c4c4dc; font-style: italic; margin-top: 4px; }
#testimonial .company { margin-top: 0px; font-size: 11px; padding-bottom: 0px; }
#testimonial .by { padding-bottom: 0px; margin: 0px; }
#testimonial .more { text-align: right; }
.testimonial { z-index: 5; margin-top: 0px; }
.testimonial .testimonial-inner { padding: 0px 12px; }
.testimonial p { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-size: 14px; color: #87bef2; }
.testimonial p .open-quote { float: left; display: block; width: 0px; text-indent: -10px; }
.testimonial .by,
.testimonial .company { font-family: Helvetica, Arial, sans-serif; text-align: right; font-size: 12px; color: #c4c4dc; font-style: italic; margin-top: 4px; }
.testimonial .company { margin-top: 0px; }
.testimonial .by { padding-bottom: 0px; margin: 0px; font-weight: bold; font-style: normal; }
#social { }
#social .social { clear: both; width: 100px; margin: 12px auto; }
#social .social .icon { float: left; width: 32px; height: 27px; background: url(../_images/bg-social.png) no-repeat; }
#social .social .label { float: left; width: 62px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; color: #dbdbed; font-style: italic; text-shadow: #111 1px 2px 2px; }
#social .social .label a { color: #dbdbed; display: block; height: 23px; padding: 4px 0px 0px 38px; width: 69px; position: relative; right: 32px; }
#footer { margin-top: 24px; background: url(../_images/bg-footer.png) #252528 repeat-x; height: 132px; text-align: center; }
#footer p { padding: 0px; color: #eee; font-size: 12px; }
#footer-nav { padding: 16px 0px 10px 0px; width: 440px; margin: 0 auto; }
#footer-nav li { padding-left: 16px; float: left; font-size: 11px; margin: 0px; list-style: none; color: #eee; margin: 0px 9px; }
#footer-nav li a { color: #48a0db; font-size: 12px; font-weight: bold; }
#footer li.link-home { background: url(../_images/footer/home.png) 0px 4px no-repeat; }
#footer li.link-contact { background: url(../_images/footer/contact.png) 0px 4px no-repeat; }
#footer li.link-blog { background: url(../_images/footer/blog.png) 0px 4px no-repeat; }
#footer li.link-about { background: url(../_images/footer/about.png) 0px 4px no-repeat; }
#footer li.link-portfolio { background: url(../_images/footer/portfolio.png) 0px 4px no-repeat; }
#footer li.link-staff { background: url(../_images/footer/staff.png) 0px 4px no-repeat; }
#footer .about p { clear: both; font-size: 12px; font-style: italic; color: #bebebe; }
#footer .copyright { color: #fff; font-size: 12px; }
#footer .copyright img { padding-right: 6px; }
#footer .copyright .symbol { color: #48a0db; font-weight: bold; margin-right: 4px; }
#footer .copyright .address { padding-left: 18px; }
#footer .copyright .phone { padding-left: 18px; }
#footer .w3c { margin-top: 6px; }
#footer .w3c .logo { position: relative; top: 2px; }
/*.divider { position: relative; bottom: 24px; }*/
.divider-horizontal { background: url(../_images/horizontal.png) 50% 0% no-repeat; height: 40px; margin: 24px 0px 24px 0px; }
.popup { margin: 0 auto; padding: 18px; background: url(../_images/bg-popup.png); width: 600px; }
.popup .close { float: left; position: relative; right: 28px; bottom: 28px; width: 0px; height: 0px; }
.popup .close a { display: block; width: 30px; height: 30px; overflow: hidden; position: relative; }
/*.popup .close a:hover { position: relative; top: 1px; left: 1px; }*/
.popup .close a:hover img { position: relative; bottom: 30px; }
.popup .close a:active { position: relative; top: 1px; }
.popup .popup-inner { padding: 12px 18px; background-color: #333; clear: both; }
.popup .popup-content { margin: 0 auto; background-color: #eee; padding: 12px; }
.popup h1 { color: #ddd; font-weight: bold; margin-bottom: 3px; font-size: 20px; }
.popup p { color: #aaa; }
.popup form { width: 250px; margin: 0 auto; }
.popup form label { display: block; font-size: 14px; color: #ddd; margin-top: 12px; }
.popup form label.radio { display: inline; }
.popup form input[type="text"] { width: 250px; }
/*
Contact Page
*/
form.contact { font-family: Georgia, Times, "Times New Roman", serif; width: 460px; margin: 0 auto; }
form.contact .block { width: 460px; margin: 10px 0px; }
form.contact .block.block-1 { min-height: 57px; background: url(../_images/bg-block-1.png) no-repeat; }
form.contact .block.block-2 { min-height: 279px; background: url(../_images/bg-block-2.png) no-repeat; }
form.contact .block.block-3 { min-height: 108px; background: url(../_images/bg-block-3.png) no-repeat; }
form.contact .block.block-4 { min-height: 200px; background: url(../_images/bg-block-4.png) no-repeat; }
form.contact .block.block-5 { min-height: 475px; background: url(../_images/bg-block-5.png) no-repeat; }
form.contact .block.block-6 { min-height: 242px; background: url(../_images/bg-block-6.png) no-repeat; }
form.contact .block .field { clear: both; display: block; padding: 10px 0px 0px; .padding: 8px 0px 4px; }
form.contact .label { display: block; float: left; width: 68px; padding-right: 4px; position: relative; top: 2px; }
form.contact .label label { display: block; text-align: center; }
form.contact fieldset { text-align: center; }
/*form.contact label span { font-size: 14px; color: #ddd; font-family: Helvetica, Arial, sans-serif; }*/
form.contact .input { float: left; width: 386px; position: relative; right: 8px; }
form.contact .input .top { width: 386px; height: 10px; background: url(../_images/bg-input-top.png) no-repeat; }
form.contact .input .middle { width: 386px; background: url(../_images/bg-input-middle.png) repeat-y; }
form.contact .input .bottom { width: 386px; height: 7px; background: url(../_images/bg-input-bottom.png) no-repeat; }
form.contact .input.file { color: #333; }
form.contact .input.file input { background: inherit; color: #333; display: inline; }
form.contact .input.file .top { background-image: none; }
form.contact .input.file .middle { background-image: none; }
form.contact .input.file .bottom { background-image: none; }
form.contact .input input,
form.contact .input textarea { color: #555; border: none; background-color: #e9e9e9; font-size: 14px; height: 20px; line-height: 1.5; font-family: Helvetica, Arial, sans-serif; padding-top: 0px; }
form.contact .input .hint { font-style: italic; color: #999; }
form.contact .input input[type="text"] { display: block; width: 95%; margin: 0 auto; }
form.contact .input textarea { display: block; width: 95%; margin: 0 auto; height: 142px; }
form.contact .submit { text-align: center; }
form.contact .send { text-align: right; padding-right: 10px; }
form.contact .required { position: absolute; width: 0px; height: 0px; right: -20px; top: 4px; color: #fff; }
form.contact .required div { width: 37px; height: 31px; background: url(../_images/icon-required.png) no-repeat; }
form.contact h2 { font-size: 16px; font-weight: bold; font-style: italic; color: #87bef2; text-shadow: #111 1px 2px 2px; letter-spacing: 1px; }
form.contact p { color: #c0cfdb; font-size: 14px; padding: 0px; }
form.contact a { color: #c0cfdb; font-size: 14px; padding: 0px; }
form.contact .contact-address { float: left; }
form.contact .contact-phone { float: right; }
/*
Portfolio Page
*/
#portfolio-list h2 { font-family: Georgia, Times, "Times New Roman", serif; color: #48a0db; font-size: 20px; font-weight: bold; font-style: italic; text-align: center; text-shadow: #111 1px 2px 2px; letter-spacing: 1px; margin: 12px 0px; }
#portfolio-list h3 { font-family: Georgia, Times, "Times New Roman", serif; color: #48a0db; font-size: 18px; font-weight: normal; font-style: italic; text-align: left; text-shadow: #111 1px 2px 2px; letter-spacing: 1px; }
#portfolio-list #industry-list { width: 509px; height: 149px; background: url(../_images/bg-industry-list.png) no-repeat; }
#portfolio-list #industry-list ul { float: left; width: 230px; padding-top: 18px; }
#portfolio-list #industry-list ul li { padding-left: 24px; font-size: 14px; display: block; text-shadow: #333 1px 2px 2px; margin-bottom: 1px; }
#portfolio-list #industry-list ul li a { color: #ededed; display: block; }
#portfolio-list #industry-list ul li a:hover { color: #bbb; }
#portfolio-list .industry { clear: both; }
#portfolio-list .portfolio { clear: both; margin: 48px 0px; }
#portfolio-list .image { position: relative; float: left; width: 493px; height: 300px; overflow: hidden; border: 3px solid #222; background-color: #2e2e35; }
#portfolio-list .image img { border: 0px solid #000; cursor: move; }
#portfolio-list .copy { float: left; width: 450px; margin: 0px 25px; }
#portfolio-list .copy p { color: #dbdada; }
#portfolio-list .copy p a { color: #48a0db; }
#portfolio-list.cat .portfolio { border: 2px solid #2e2e35; }
#portfolio-list.cat .image { width: 600px; height: 250px; overflow: hidden; }
#portfolio-list.cat .image img { cursor: inherit; }
#portfolio-list.cat .copy { width: 0px; height: 0px; visibility: visible; width: 550px; margin: 0 24px; }
#portfolio-list.cat .image.inactive { background-color: inherit; opacity: 1; filter: alpha(opacity=100); z-index: 9; }
#portfolio-list.cat .image.active { background-color: #000; opacity: .1; filter: alpha(opacity=10); z-index: 999; }
/*
Blog Page
*/
.post-list .post { margin-bottom: 24px; }
.post-list .meta { text-align: right; }
.post-list .post h2 { margin-bottom: 0px; }
.post p { color: #dbdada; }
.post ul { color: #dbdada; margin-left: 48px; }
.post ul li { list-style: url(../_images/pip.png) disc; }
.post pre { margin: 0px 24px 12px 24px; padding: 12px; width: 520px; overflow: auto; }
.post .date { font-size: 12px; color: #626267; font-family: Helvetica, Arial, sans-serif; }
.post h2 { color: #dbdbed; font-family: Georgia, Times, "Times New Roman", serif; font-size: 20px; font-weight: normal; font-style: italic; margin-bottom: 12px; }
.post h2 a { color: #dbdbed; }
.post h3 { color: #48a0db; font-family: Georgia, Times, "Times New Roman", serif; font-size: 18px; font-weight: normal; font-style: italic; }
.post .image { border: 3px solid #666; }
.post .image.right { float: right; margin-left: 12px; }
.post .image img { display: block; }
#search { background: url(../_images/bg-search.png) no-repeat; width: 231px; height: 37px; text-align: right; margin: 12px auto; }
#search input[type="text"] { position: relative; bottom: 10px; color: #555; border: none; background-color: #e9e9e9; font-size: 14px; height: 20px; line-height: 1.5; font-family: Helvetica, Arial, sans-serif; padding-top: 0px; width: 170px; }
#search input[type="image"] { position: relative; top: 1px; right: 1px; }
#search input[type="image"]:hover { position: relative; right: 2px; }
#category-list { float: left; width: 50%; }
#category-list a { display: block; font-family: Georgia, Times, "Times New Roman", serif; color: #48a0db; font-size: 14px; text-shadow: #000 0px 1px 2px; padding-left: 18px; }
#archive-list { float: left; width: 50%; }
#archive-list .year,
#category-list .title { font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; font-size: 18px; font-style: italic; color: #dbdbed; text-shadow: #000 0px 2px 1px; padding-left: 18px; }
#archive-list li { list-style: disc url(../_images/pip.png); color: #1f2124; margin-left: 32px; }
#archive-list li a { display: block; font-family: Georgia, Times, "Times New Roman", serif; color: #48a0db; font-size: 14px; text-shadow: #000 0px 1px 2px; }
/*
Staff list page
*/
.post-list.staff { margin: 0 auto; }
.post-list.staff .staff { margin-left: 48px; float: left; width: 200px; margin-right: 48px; }
.post-list h2 { margin-left: 7px; text-align: center; font-weight: bold; font-size: 18px; }
.post-list h3 { margin-left: 7px; text-align: center; font-size: 16px; }
.post-list .image { border: none; }
/*
Staff detail page
*/
.post.staff .left-side { float: left; width: 215px; }
.post.staff h2.title { font-size: 20px; font-weight: bold; float: left; line-height: 26px; margin-right: 12px;}
.post.staff h3.job { font-size: 18px; text-align: left; }
.post.staff .image { width: 206px; overflow: hidden; text-align: center; border: none; margin-bottom: 12px; margin-left: 0px; }
.post .post.staff .image { float: none; }
.post.staff .image .top { height: 4px; background: url(../_images/bg-staff-pic-top.png) no-repeat; }
.post.staff .image .bottom { height: 4px; background: url(../_images/bg-staff-pic-bottom.png) no-repeat; }
.post.staff .image .middle { background: url(../_images/bg-staff-pic.png) repeat-y; }
.post.staff .image img { display: block; width: 184px; margin: 0 auto; padding: 7px 0px; }
.post.staff .entry { float: left; width: 340px; margin-left: 24px; }
.post.staff .staff-social { }
.post.staff .staff-social .social { background: url(../_images/bg-staff-social-icon.png) no-repeat; width: 36px; height: 36px; float: left; margin-right: 6px; margin-bottom: 6px; }
.post.staff .staff-social .social:hover { background-image: url(../_images/bg-staff-social-icon-over.png); }
.post.staff .staff-social .social a { display: block; width: 36px; height: 36px; padding: 8px; }
.post.staff .staff-social .social img { width: 20px; height: 20px; }
.post.staff #blog h2 { margin-bottom: 0px; }
.post.staff #blog h2.title { margin-bottom: 12px; }
/*
Portfolio category
*/
.benefits { margin-top: 24px; }
.benefits .icon { float: left; width: 200px; text-align: center; }
.benefits ul { float: left; width: 300px; }
.benefits ul li { margin-left: 24px; color: #48a0db; list-style: url(../_images/pip.png) disc outside; font-style: italic; text-shadow: #111 0px 2px 1px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; margin-bottom: 6px; }
.message_error { background: #333; border: 3px solid #666; margin: 5px 0px 5px 0px; padding: 5px; }
.message_error p { font-style: italic; text-shadow: #000 0px 1px 0px; font-size: 16px; padding: 0px; }