*           { margin: 0; padding: 0; }

html        { background-color:#000000; }

body        { text-align: center; font-size: 11px; font-family: Arial, Verdana, Tahoma, sans-serif; color:#5b5b5b; height: 100%; }

h1          { text-indent: -9000px; }

h2          { text-indent: -9000px; }

img         { border: 0; vertical-align: bottom; }

a           { text-decoration: none; outline: none; overflow: hidden; }

ul          { list-style-type: none; }

em          { font-style: normal; }

address     { font-style: normal; }

input       { vertical-align: middle; font-size: 12px; }

select      { font-size: 11px; font-weight: normal; color: #12395A; }

option      { padding-left: 5px; }

textarea    { font-size: 11px; font-family: Arial, Verdana, Tahoma, sans-serif; }



.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }



#wrapper { width: 1052px; margin: 0 auto; text-align: left; background: url(../images/wrapper.png) repeat-y; }



#container { width: 1040px; margin: 0 6px 0 6px; }



#top                { height: 54px; background: url(../images/top.png) repeat-x; }

#top p              { color:#b5b5b5; text-transform: uppercase; padding: 18px 0 0 10px; }

#top p em.orange    { color:#fe7911; }

#top p em.white     { color:#fff; }



#control { height: 29px; background: url(../images/control.png) repeat-x; }



#menu                       { }

#menu ul                    { }

#menu ul li                 { display: inline; float: left; }

#menu ul li a               { height: 29px; color:#e5e7e9; text-indent: -9000px; float: left; }

#menu ul li a#navhome       { width: 55px; background: url(../images/home.png) no-repeat; }

#menu ul li a#navportfolio  { width: 63px; background: url(../images/portfolio.png) no-repeat; }

#menu ul li a#navservices   { width: 64px; background: url(../images/services.png) no-repeat; }

#menu ul li a#navcontact    { width: 64px; background: url(../images/contact.png) no-repeat; }

#menu ul li a#navcharities  { width: 64px; background: url(../images/charities.png) no-repeat; }



#login              { margin-top: 3px; float: right; }

#login h3           { margin: 3px 7px 0 0; float: left; font-size: 11px; font-family: tahoma; color:#dcdee0; padding-right: 15px; background: url(../images/icon-arrow-left.png) no-repeat 100% 3px; }

#login div          { margin-right: 5px; float: left; background: url(../images/input.png) no-repeat; }

#login div input    { color:#acacac; margin: 3px; width: 110px; height: 16px; border: 0; background: transparent; }

#login ul           { margin: 2px 5px 0 0; float: left; }

#login ul li        { display: inline; margin-right: 5px; }



#header                         { height: 118px; width: 1040px; float: left; background: url(../images/header.png) repeat-x; }

#header #logo                   { position: relative; margin: 2px 0 0 -984px; z-index: 1; float: left; width: 137px; height: 142px; background: url(../images/unkind-logo.png) no-repeat; }

#header h1                      { float: left; width: 748px; height: 118px; background: url(../images/h1.png) no-repeat; }

#header #support                { margin: 26px 0 0 10px; width: 227px; float: left; background: url(../images/support.png) repeat-x 100% 100%; }

#header #support dl             { padding: 0 7px 0 7px; width: 213px; float: left; color:#dbdfe2; }

#header #support dl dt          { height: 18px; padding: 6px 0 0 20px; font-weight: bold; background: url(../images/icon-user.png) no-repeat; }

#header #support dl dd          { font-size: 9px; }

#header #support ul             { margin: 5px 0 0 15px; padding-bottom: 3px; display: inline; float: left; }

#header #support ul li          { display: inline; }

#header #support ul li a        { margin-right: 7px; color:#858e93; text-align: center; float: left; font-weight: bold; border:#2e353a 1px solid; padding-top: 1px; width: 93px; height: 16px; background: url(../images/support-btn.png) repeat-x; }

#header #support ul li a:hover  { color:#fff; }

#header #support-bottom         { float: left; width: 227px; height: 6px; background: url(../images/support-bottom.png) no-repeat; }



#white-bar { width: 1040px; height: 36px; float: left; background: url(../images/white-bar.png) no-repeat; }



#timeline               { padding: 12px 0 0 150px; }

#timeline h3            { color:#666b70; float: left; font-size: 10px; font-family: verdana; }

#timeline ul            { float: left; }

#timeline ul li         { display: inline; margin-left: 15px; }

#timeline ul li span    { padding-right: 15px; border-right:#fff 1px solid; }

#timeline ul li a       { color:#595e63; }

#timeline ul li a:hover { color:#e86800; }



.row1,

.row2,

.row3 { width: 1040px; float: left; }



.row1 { background: url(../images/row1-top.png) repeat-x; }

.row2 { background:#000 url(../images/row2-top.png) repeat-x; }

.row3 { background: url(../images/row3-top.png) repeat-x; }



.row2 h3 { padding: 6px 0 0 10px; height: 23px; font-family: arial; font-size: 11px; color:#dcdee0; }

.row3 h3 { padding: 8px 0 0 10px; height: 22px; font-family: arial; font-size: 11px; color:#dcdee0; }



#case-study         { width: 693px; float: left; }

#case-study h2      { margin: 2px 0 6px 0; width: 185px; height: 33px; float: right; background: url(../images/h2-casestudy.png) no-repeat; }

#case-study #flash  { width: 693px; height: 312px; float: left; }



#testimonials                       { width: 346px; height: 312px; overflow: hidden; background-color:#ededee; border-left:#989898 1px solid; margin-top: 42px; float: left; }

#testimonials ul#rates              { height: 27px; float: left; width: 346px; background: url(../images/testimonial-h3.png) repeat-x; }

#testimonials ul#rates li           { margin: 5px 10px 0 10px; display: inline; font-weight: bold; float: left; font-family: arial; font-size: 11px; color:#dcdee0; }

#testimonials ul#rates li.stars     { float: right; }

#testimonials ul#rates li img       { float: left; }

#testimonials #info                 { padding: 5px 10px 10px 10px; height: 265px; background: url(../images/testimonial-bg.png) repeat-y; float: left; }

#testimonials #info dl              { font-weight: bold; }

#testimonials #info dl dt           { color:#293035; }

#testimonials #info dl dd           { color:#636e77; }

#testimonials #info p               { margin-top: 10px; line-height: 14px; color:#5b5b5b; }

#testimonials #info ul              { margin-top: 15px; float: right; }

#testimonials #info ul li           { display: inline; font-weight: bold; }

#testimonials #info ul li a         { margin-right: 7px; width: 65px; text-align: center; height: 17px; padding-top: 3px; color:#e7e7e7; background: url(../images/grey-button.png) no-repeat; float: left; }

#testimonials #info ul li a:hover   { color:#f0f0f0; }

#testimonials #top                  { width: 346px; height: 4px; float: left; background: url(../images/testimonial-top.png) no-repeat; }

#testimonials #bottom               { width: 346px; height: 5px; float: left; background: url(../images/testimonial-bottom.png) no-repeat; }



#services               { width: 695px; float: left; }

#services div           { margin-right: 1px; width: 138px; display: inline; height: 135px; float: left; background: url(../images/service-bg.png) no-repeat; }

#services div h4        { margin-top: 20px; font-size: 12px; text-align: center; color:#fff; }

#services div ul        { padding: 12px 0 0 12px; }

#services div ul li     { line-height: 12px; font-size: 10px; color:#fff; display: block; }

#services div ul li a   { color:#fff; }

#services div p         { margin: 0 auto; margin-top: 5px; width: 115px; height: 17px; padding-top: 2px; font-weight: bold; text-align: center; color:#fff; background: url(../images/service-p.png) no-repeat; }

#services div p a       { color:#fff; }



#branding                   { width: 345px; float: left; }

#branding h3                { height: 22px; }

#branding ul                { margin-top: 1px; float: left; }

#branding ul li             { display: inline; }

#branding ul li img         { border:#61666b 1px solid; }

#branding ul li a           { float: left; margin-right: 1px; }

#branding ul li a.viewmore  { width: 27px; height: 67px; float: left; background: url(../images/viewmore.png) no-repeat; text-indent: -9000px; }



#press                  { width: 695px; float: left; }

#press #release         { height: 216px; background:#ededee url(../images/press-bg.png) repeat-y; padding: 10px; }

#press #release dl      { border-bottom:#686869 1px dotted; padding-bottom: 9px; font-weight: bold; }

#press #release dl dt   { color:#293035; }

#press #release dl dd   { color:#636e77; }

#press #release p       { margin-top: 10px; color:#5b5b5b; }

#press #release p img   { margin-right: 10px; float: left; }



#right-small { width: 345px; float: left; }



#projects-flash { margin-top: 1px; width: 345px; height: 153px; float: left; }



#newsletter                 { background: url(../images/newsletter-bg.png) no-repeat; width: 345px; height: 112px; float: left; }

#newsletter div             { margin: 75px 0 0 109px; display: inline; float: left; }

#newsletter div input.text  { border: 0; margin-right: 5px; width: 162px; color:#7e7e7e; background: transparent; }



#about                        { width: 751px; float: left; }

#about #us                    { padding: 10px 15px; width: 721px; float: left; background: url(../images/about-bg.png) repeat-y 100% 100%; background-color:#f5f5f5; }

#about #us div                { margin-bottom: 10px; }

#about #us div h4             { padding-left: 15px; background: url(../images/icon-greybox.png) no-repeat 0 2px; font-family: arial; font-size: 11px; color:#e66501; }

#about #us div p              { margin-top: 10px; color:#26292c; }

#about #us p.pagination a     { color:#000; font-size: 12px; }

#about #top                   { height: 19px; width: 751px; float: left; background: url(../images/about-top.png) no-repeat; }

#about #bottom                { height: 19px; width: 751px; float: left; background: url(../images/about-bottom.png) no-repeat; }



#affiliates         { width: 283px; margin: 29px 3px 0 3px; display: inline; float: left; }

#affiliates h4      { padding: 10px 0 0 10px; height: 25px; font-family: tahoma; color:#fff; font-size: 11px; background: url(../images/h4.png) repeat-x; }

#affiliates ul      { }

#affiliates ul li   { display: block; margin-top: 1px; }



#serve                      { width: 1040px; float: left; }

#serve .service             { padding: 3px 0 3px 0; width: 206px; border:#b9b9b9 1px solid; background-color:#e1e1e1; float: left; }

#serve .service h4          { font-family: tahoma; color:#fff; font-size: 14px; text-align: center; text-transform: uppercase; margin: 0 auto; width: 199px; padding-top: 12px; height: 31px; background: url(../images/service-top.png) repeat-x; }

#serve .service div         { width: 199px; margin: 0 auto; height: 195px; background: url(../images/service-info.png) no-repeat; }

#serve .service div ul      { padding: 15px; }

#serve .service div ul li   { display: block; color:#000; }

#serve .service div ul li a { color:#000; }

#serve .service div p       { margin-top: 15px; text-align: center; font-weight: bold; color:#fff; }

#serve .service div p a     { color:#fff; }



#service                    { width: 1040px; float: left; }

#service #overview          { width: 1010px; padding: 10px 15px; background:#fff url(../images/soverview-bg.png) repeat-y; }

#service #overview p        { margin: 5px 0 10px 0; color:#5b5b5b; }

#service #overview p img    { margin-right: 10px; float: left; }

#service #top               { width: 1040px; height: 13px; background: url(../images/soverview-top.png) no-repeat; float: left; }

#service #bottom            { width: 1040px; height: 13px; background: url(../images/soverview-bottom.png) no-repeat; float: left; }



#recent                     { }

#recent .box                { width: 346px; float: left; }

#recent .box h4             { float: left; padding: 8px 0 0 10px; height: 22px; color:#fff; font-size: 11px; font-family: arial; }

#recent .box span           { margin: 7px 15px 0 0; float: right; }

#recent .box span img       { margin-right: 5px; }

#recent .box div            { width: 345px; border-left:#000 1px solid; background-color:#fff; float: left; }

#recent .box div p          { margin: 3px; display: inline; width: 262px; float: left; }

#recent .box div p a        { display: none; }

#recent .box div ul         { height: 236px; overflow: hidden; position: relative; float: left; }

#recent .box div ul li      { display: block; position: relative; margin-top: 3px; }



.development                    { width: 695px; display: none; float: left; }

.development #box               { width: 665px; float: left; background:#f4f4f4 url(../images/development-bg.png) repeat-y; padding: 15px 15px; }

.development #info              { width: 435px; float: left; }

.development #info dl           { }

.development #info dl dt        { font-weight: bold; color:#333; font-size: 15px; }

.development #info dl dd        { color:#de5d00; }

.development #info dl dd a      { color:#de5d00; text-decoration: underline; }

.development #info p            { margin-top: 10px; color:#292929; }

.development #info p img        { margin-right: 10px; float: left; }

.development #pservices         { margin: 10px 10px 0 0; padding-bottom: 60px; float: left; width: 136px; background:#fff url(../images/pservices-bg.png) repeat-y; border:#d1d2d3 1px solid; }

.development #pservices h4      { margin: 5px 0 0 5px; font-size: 11px; font-family: tahoma; color:#515961; }

.development #pservices ul      { padding: 5px; }

.development #pservices ul li   { padding: 3px 5px; border-bottom:#cacbcc 1px solid; color:#484f58; }

.development #pservices ul li a { color:#484f58; }

.development #gallery           { width: 215px; float: right; }

.development #gallery span      { margin-right: 5px; float: right; }

.development #gallery span a    { width: 52px; height: 22px; text-indent: -9000px; float: right; background: url(../images/button-launch.png) no-repeat; }

.development #gallery p         { margin-top: 15px; float: right; }

.development #gallery ul        { margin-left: 2px; float: left; }

.development #gallery ul li     { display: inline; float: left; margin: 3px 0 0 2px; }

.development #top               { width: 695px; height: 8px; background: url(../images/development-top.png) no-repeat; float: left; }

.development #bottom            { width: 695px; height: 8px; background: url(../images/development-bottom.png) no-repeat; float: left; }



#awards { width: 345px; float: left; }



#footer                 { width: 1010px; float: left; margin: 0; padding: 15px; background:#575e64 url(../images/footer.png) repeat-x; }

#footer ul              { }

#footer ul li           { color:#fff; display: inline; }

#footer ul li span      { padding: 0 2px 0 2px; }

#footer ul li a         { color:#fff; }

#footer ul li a:hover   { text-decoration: underline; }

#footer p               { color:#acbcc8; }

#footer p a             { color:#fff; }

#footer p a:hover       { text-decoration: underline; }

#footer p.dev           { margin-top: -10px; float: right; }