/* dacdce => dirty white a18f8f => light red cc6767 => bright red ffdcdb => " e77c7c => redy red 3b5b5f => blue */ /* REFERENCE HEADING REFERENCE http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements */ /* PARTICULAR TYPE SETTINGS */ h1, h2, h3, h4{margin: 0px; padding: 0.2em; display: inline;} h1 {font-size: 2em;line-height: 2.3em;} h2{display: inline;font-size:1.5em;} h3{font-size:1.125em;} h4{font-size: .75em;line-height: 1.5em;font-weight: normal;} p {font-weight:normal;font-size: 0.75em;line-height:1.45em;text-align:justify;} /* OOPS PAGE */ #error_section header.header h1 { padding: 0; text-indent: 0px; font-size: 2em; width: 100%; height: 74px; color: #444444; } /*-----HEADER--------*/ /* @group Header */ #head h2{margin: 0px;color: white;font-size: 1.7em;padding: 5px 0 2px;display: block;} #head p.h2 ,#head p.h3{text-align: right;color: white;font-weight: normal;letter-spacing: normal;right: 0px;display: block;} #head p.h2{} #head div.text{text-align: right;} #head h2 strong{font-weight: normal;/*color: #ffdcdb;*/} #head p.h2 a:link,#head p.h2 a:visited{font-weight: normal;color: white;margin: 0px;} #head p.h2 a:hover{color:#a18f8f;} #head p.h3{font-size: .9em;color: #ffdcdb;line-height: 1.4em;margin-bottom: 10px;} #head p.h3 a{margin: 0;text-decoration: none;} #head p.h3 strong{font-weight: normal;} #head p{margin-top: 5px;font-size: .9em;text-align: right;color: #cc6767;font-weight: normal;letter-spacing: normal;right: 0px;display: block;} #head p a{margin:0 10px;} #head p a:link,#head p a:visited,#head p span{color: #d78c8c;} #head p a:hover,header#head p a:active{color: #e77c7c;} /* @group Navigation */ #head nav ul{/*margin: 0px;*//*padding: 5px 0;*//*text-align: right;*/} #head nav ul li{position: relative; float: left; margin: 0;height: 27px;padding-top: 3px;} #head nav ul li.selected, #head nav ul li:hover{background: #4c0404 url(/images/nav-hover.png) repeat-x top;} #head nav ul li:hover a{color: white;text-decoration: underline;} #head nav ul li a{font-size: .75em; margin: 8px; text-align: center; padding:10px 10px 0; text-decoration: none;} #head nav ul li a:link{color: #ccc;} #head nav ul li a:visited{color: #a18f8f;} /* @end */ /* @end */ /*-----ASIDE--------*/ /* @group Projects */ aside#latest { overflow: hidden; } aside#latest .bottomAlign{position: absolute;bottom: 11px;} aside#latest hgroup h2{font-size: 1.2em; color: #400007;font-weight: normal;} aside#latest p.h3{color: #742d35;font-size: .875em;padding-bottom: 8px;} aside#latest a:link,aside#latest a:visited{color: #400007;} aside#latest a:hover{color: #a74c4c;} aside#latest p span.author { display: block; margin-top: 5px;} aside#latest p a.viewProject:link,aside#latest p a.viewProject:visited,aside#latest p a.viewProject:active{background: transparent url(/images/see-this-project.png) no-repeat left top; width: 120px; height: 26px; float: right; display: block; text-indent: -9000px;text-align: left;margin-top: 10px;} aside#latest p a.viewProject:hover{background-position: left bottom;} aside#latest figure img{padding: 5px;} aside#latest figure ul{margin: 0;padding: 0;width: 670px;float: right;} aside#latest figure ul li p{margin: 0px;padding: 0px;height: auto;display: inline;width: auto;font-weight: normal;font-size: .825em;display: inline;} aside#latest figure ul li p.h2{font-family: Georgia, "Times New Roman", Times, serif;margin: 0px;padding: 0px;line-height: 1em;} aside#latest figure ul li p.h4 a{text-decoration: none;} aside#latest figure ul li p.h3,aside#latest figure ul li p.h4{margin:5px 0; font-size: .75em;} aside#latest figure ul li.right{position: relative;float: right;width: 120px;padding-right: 10px;} aside#latest a.seeProjects:link,aside#latest a.seeProjects:visited{text-indent: -9000px;display: block; background: transparent url(/images/see-more-projects.png) no-repeat left top; width: 120px;height: 26px;} aside#latest a.seeProjects:hover{background: transparent url(/images/see-more-projects.png) no-repeat left bottom;} aside#latest figure ul li.line{background:transparent url(/images/line.png) no-repeat right bottom;margin: 0px;padding: 0px;margin-right: 8px;padding-right:8px;height: 20px;} aside#latest figure ul li{position: relative;float: left;color: #56858a;} aside#latest figure ul li a:link,aside#latest figure ul li a:visited{color: #3b5b5f;} aside#latest figure ul li a:hover{color: #1b3b3f;} /* @end */ /*-------SECTION MAIN--------*/ #team h1,#blog header h1,#testimonials h1,#twitter h1{display: none;} #team p.h2,#blog header p.h2{font-size:1.25em;line-height: 1.5em;color: #2b2b2a;margin: 0px;padding: 0px;padding-top: 12px;} #testimonials p.h2,#twitter p.h2{font-size:1.25em;line-height: 1.3em;display: block;margin-bottom: 10px;} /* Headers */ header.header h1{width: 191px;height: 46px;display: block;text-indent: -9000px;font-size: 1em;padding-bottom: 10px;} header.header p.title{font-size: 1.3em;font-style: italic;padding-bottom: 5px;margin: 0px;} header.header p{font-size: .95em;color: #444;padding: 0;margin: 0px;} #team_section header h1{background: transparent url(/images/who-we-are.png) no-repeat left top;} #team_section header p.title{color: #390508;} #services_section header h1{background: transparent url(/images/services.png) no-repeat left top;} #services_section header p.title{color: #5e665a;} #portfolio_section header h1,#project_section header h1{background: transparent url(/images/projects.png) no-repeat left top;} #portfolio_section header p.title{color: #052039;} /*-------SERVICES--------*/ /* @group Services */ #services h1{font-weight: bold;padding: 0px;line-height: 1.9em; display: block; background:transparent url(/images/titles.png) no-repeat center 10px;text-indent: -9000px;} #services ul{text-align: left;padding: 0px;margin: 0px; padding:25px 20px} #services ul li{width: 420px;height:140px;position: relative;float: left;margin:0 0 10px 40px;padding:0 0 10px;} #services ul li.first{width: 460px;margin: 0 0 10px 0;} #services ul li h2{font-size: 1.2em; margin:0 0 5px;padding: 0 0 5px; font-style: italic;color: #3e4b44;font-weight: normal;background: transparent url(/images/dot.gif) repeat-x left bottom;display: block;} #services ul li p{font-size: .825em;color: #444;padding-bottom: 5px;} #services ul li a:link,#services ul li a:visited{background: transparent url(/images/services-item.png) no-repeat right top;position: relative;float: right;color: #355555;font-size: .9em;line-height: 1.7em;font-style: italic;height: 30px;width: 82px;text-align: center;padding:0;margin: 0;} #services ul li a:hover{/*color: #202122;*/background-position: left top;} /* @end */ /* @group Services section */ aside#relatedWork div.content h1{display: none;} aside#relatedWork div.content h2{color: #353f30;font-size: 1.2em;padding-left: 20px;} aside#relatedWork div.content li{background: transparent url(/images/dot.gif) repeat-x left bottom;padding: 10px 0;margin: 0 20px;} aside#relatedWork div.content dl{margin: 0px;} aside#relatedWork div.content dt{font-family: Helvetica, sans;font-size: .75em;font-weight: normal;color: #565b57;} aside#relatedWork div.content dt h3{font-size: 1.2em;font-weight: normal;margin: 0px;padding: 0px;color: #303331;} aside#relatedWork div.content dd{font-size: .75em;color: #666;line-height: 1.4em;} aside#relatedWork a.seeProjects{float: right;padding: 10px 20px;font-size: .825em;color: #5e665a;} #services_section ul.services{width: 650px;margin: 0px;padding: 0px;} #services_section ul.services li{padding-bottom: 20px;} #services_section ul.services dl{background: transparent url(/images/services_tab.png) no-repeat left top;padding: 20px 30px;margin: 0;} #services_section ul.services dt{font-weight: normal;font-size: 1.1em;font-style: italic;color: #313c2c;padding-bottom: 10px;/*margin: 0 0 0 150px;*/} #services_section ul.services dt strong{font-weight: normal;} #services_section ul.services dt h2{padding: 0px;} #services_section ul.services dd{color: #232323;color: #515151;font-size: .825em;} /* @end */ /*-------MEET THE TEAM--------*/ /* @group Meet the team */ #team h1{/*display: block;*/color:#ccc;margin: 0px 10px 10px 0;padding: 0px;margin: 0px;} #team ul{margin: 0px;padding: 15px 0 5px 0;} #team li{position: relative;float: left;width: 104px;padding: 0px;margin: 0px;} #team li a{padding: 0px;margin: 0px;line-height: 1em;} /* #team li.m0 a{display: block;text-indent: -9000px;background: transparent url(/images/team/team.jpg) no-repeat left bottom;height: 116px;} #team li.m1 a{display: block;text-indent: -9000px;background: transparent url(/images/team/team.jpg) no-repeat -104px bottom;height: 116px;} #team li.m2 a{display: block;text-indent: -9000px;background: transparent url(/images/team/team.jpg) no-repeat -208px bottom;height: 116px;} #team li.m3 a{display: block;text-indent: -9000px;background: transparent url(/images/team/team.jpg) no-repeat right bottom;height: 116px;} */ #team h3{display: block;font-size: 1.1em; font-style: italic;color: #390508;background:transparent url(/images/dot.gif) repeat-x left bottom;padding: 0 0 5px; margin:0 30px 10px 0;} #team ul.text{position: relative;padding: 0; height:250px;} #team ul.text li{position: absolute;width: 100%;top: 0px;left: 0;padding: 0px;margin: 0px;} #team ul.text li p{position:relative;font-size: .75em;color: #424242;padding: 0px 30px 10px 0; /*clear: both;*/} #team a{font-size: .9em;line-height: 1.2em;padding-top: 10px;color: #80807f;display:block;} /* @end */ /* @group Section */ #team_section ul{padding-top: 20px;} #team_section ul li{position: relative;list-style: none;background:transparent url(/images/dot.gif) repeat-x left bottom;padding-bottom: 10px;margin:0 0 10px 0;min-height: 200px;} #team_section ul li img{position: absolute;margin: 0px; padding: 10px;} #team_section ul li dl.card{background: transparent url(/images/who_tab.png) no-repeat left top; width: 282px;height: 170px;padding: 20px;margin:0px} #team_section ul li dl.card dt{margin-left: 120px;color: #0e2336;font-size: .9em;background:transparent url(/images/dot.gif) repeat-x left bottom;} #team_section ul li dl.card dd{margin-left: 120px;color: #8d9498;font-size: .75em;padding-bottom: 10px;} #team_section ul li dl.card dd a{color: #80807f; text-decoration:none;} #team_section ul li dl.info{position: relative;margin-left: 350px;margin-top: -170px;width: 540px;/*padding-right: 20px;*/} #team_section ul li dl.info dt.expertise{position: absolute;top: -20px;right: 0px;width: 200px;text-align: right;color: #606060;font-style: italic;font-size: .9em;} #team_section ul li dl.info h2{font-weight: normal;font-size: 1.1em;font-style: italic;color: #390508;padding: 0px;margin: 0px;} #team_section ul li h2{position: absolute;font-weight: normal;font-size: 1.1em;top: 20px; font-style: italic;color: #390508; padding: 0px; margin:0 0 0 350px;} #team_section ul li dl.info dd{margin: 0px;color: #424242;font-size: .825em;padding: 5px 0;} /* @end */ /*-------TESTIMONIALS--------*/ /* @group Testimonials */ #testimonials article h1{/*display: block;*/margin: 0;padding: 0px;} #testimonials article p{color: #585858;font-style: italic;font-size: .75em;line-height: 1.4em;padding: 0 0 7px;} #testimonials article span.firm a{color: #585858;line-height: 1em; display: block;color: #80807f;} #testimonials article span.firm{background: transparent url(/images/dot.gif) repeat-x center bottom;font-size: .75em;color: #585858;padding-bottom: 7px;margin-bottom: 7px;display: block;} #testimonials a.right{display: block;position: relative;float: right;padding: 0px 0 5px;font-size: .825em;} /* @end */ #secondary{background: #e2edef url(/images/background-service.jpg) no-repeat center top;/*width: 960px;margin: 0 auto;*/padding: 20px 0 0;} /*-------TIPS & TRICKS--------*/ /* @group Blog */ #blog h1{display: block;margin: 0px 10px 0 0;} #blog ul{margin: 0px;padding: 0px;} #blog li{background:transparent url(/images/dot.gif) repeat-x left bottom;padding: 15px;margin-bottom: 15px;margin-right: 20px;} #blog li address{position: relative; float: left;display: block;width: 61px; height: 61px;margin-right: 10px; background: transparent url(/images/shadow.png) no-repeat left top;} #blog li address p{text-indent: -9000px;} #blog li address img{margin-left:2px; margin-top:2px;} #blog li h2{color: #390508;font-size: 1em;font-weight: normal;font-style: italic;} #blog li h2 a{text-decoration: none;font-size: 1em;} #blog li h2 a:hover{text-decoration: underline;} #blog li p{color: #666666;font-size: .75em;font-weight: normal;font-style: italic;padding: 0 30px 0 0;margin-left: 70px;} #blog a{color: #390508;font-size: .9em;} /* @end */ /*-------TWITTER--------*/ /* @group Twitter */ #twitter header h1{/*display: block;margin: 0 10px 0 0;*/} #twitter article ol{margin: 0px;padding: 0px;} #twitter article li{background:transparent url(/images/dot.gif) repeat-x left bottom;padding-bottom: 10px;margin-bottom: 10px;margin-right: 20px;} #twitter article li img {float:left; margin-right:10px;border: 1px solid #FFFFFF; width:36px; height:36px;} #twitter article p.text{padding-bottom: 10px;display: block;color: #777; font-size: .675em;} #twitter article p.text a {text-decoration:none;} #twitter article p.user{color: #333;font-size: .825em;font-weight: normal; line-height:1.1em;} #twitter article p.user a{text-decoration:none;} #twitter article p.posted_at{color: #777;font-size: .675em;font-weight: normal;} #twitter figure{position: absolute;bottom: -9px;right: 0px;} #twitter a{color: #457a90;font-size: .9em;margin-top: 10px;} #twitter a.left{position: relative;float: right;margin-left: 20px;margin-right: 90px;} #twitter a.left:hover{text-decoration: underline;} #twitter a.right{position: relative;float: right;padding: 0 20px;background: transparent url(/images/line.png) no-repeat right center;} /* @end */ /*------philosophy------*/ /* @group Philosophy */ #philosophy h1{display: none;} #philosophy h2{display: block;margin: 15px 10px 10px 0;padding: 0px;font-size: 1.3em;color: #333;} #philosophy #gallery{position: relative;float: right;width: 320px;padding-left: 20px;} #philosophy p{color: #333;} #philosophy div.partners { margin-top: 10px; position: relative; display: block; line-height: 46px; } #philosophy div.partners a { margin-right: 15px; display: inline-block; height: 46px; } #philosophy div.partners a img { vertical-align: middle; } /* @end */ /* @group Portfolio */ #portfolio_section ul{} #portfolio_section ul li{position: relative;list-style: none;background:transparent url(/images/dot.gif) repeat-x left bottom;/**/} #portfolio_section ul li dl{padding: 20px 0;margin: 0;} #portfolio_section ul li dt{font-size: 1em; font-style: italic;color: #052039;padding-bottom: 5px;padding-left: 10px;margin-bottom: 5px;} #portfolio_section ul li dd img,#portfolio_section ul li dd ul.thumbs{position: relative;float: left;clear: left;} #portfolio_section ul li dd ul.thumbs li{position: relative;float: left;background: transparent url(/images/shadow.png) no-repeat left top;width: 61px;height: 61px;margin:10px 10px 0 0;} #portfolio_section ul li dd ul.thumbs li img{margin: 3px;} #portfolio_section ul li dd p{margin-left: 350px;color: #444;font-size: .825em;} #portfolio_section ul li dd p strong{font-style: italic;} #portfolio_section ul li a.view:link,#portfolio_section ul li a.view:visited{background: transparent url(/images/see-this-project.png) no-repeat left top;width: 120px;height: 26px;display: block;text-indent: -9000px;margin-top: 20px;} #portfolio_section ul li a.view:hover{background-position: left bottom;} #portfolio_section ul li a.view:active{background-position: left top;} #portfolio_section p { margin-bottom: 10px;} /* @end */ /* @group Projects */ #project_section header a:link,#project_section header a:visited{position:absolute;top:0px;top:10px;left:170px;font-weight: normal;font-size: .75em;font-style: italic;color: #2e4a5a;line-height: 1.8em;text-decoration: none;} #project_section header h2{display: block;font-style: italic;padding-bottom: 10px;background:transparent url(/images/divDark.gif) repeat-x left bottom;margin-bottom: 10px;} #project_section #splash{height: 320px;padding: 10px 10px 0;background: transparent url(/images/project_splash.png) no-repeat left top;} #project_section #splash img{position: relative;float: left;} #project_section #splash .info{position: relative;float: right;width: 120px;} #project_section #splash .info img{padding-bottom: 30px;} #project_section #splash .info dl{clear: left;font-size: .74em;} #project_section #splash .info dt{font-style: normal;color: #0b202f;} #project_section #splash .info dd{font-style: italic; color: #425b6e;} #project_section #content h2{display: block;color: #052039;font-size: 1.25em;font-weight: normal;font-style: italic;padding-bottom: 10px;background:transparent url(/images/div.gif) repeat-x left bottom;margin-bottom: 10px;} #project_section #content h3{display: block;color: #052039;font-size: 1em;font-weight: normal;font-style: italic;padding: 0 0 10px;} #project_section #content p{color: #464646;} #project_section #content ul{padding: 20px 0 0;} #project_section #content li{width: 85px;display: inline;padding-right: 10px;height: 85px;} .column{position: relative;float: left;width: 46%;padding: 0px 2%;} /* @end */ /*--------FOOTER---------*/ /* @group Footer */ #footer form{color: white;width: 372px;overflow: hidden;} #footer form fieldset{border: none;/*height: 185px;*/margin: 0px;} #footer form legend{font-size: 1em;display: block;line-height: 2em;border-bottom: 1px dashed #4e1a1e;font-style: italic;width: 372px;} #footer form label{position: relative;float: left;width:70px;text-align: right;padding-right: 10px;font-style: italic;clear: left;height: 30px;font-size: .75em;line-height: 2em;} #footer form input{position: relative;float: left;padding: 5px;border: none;background-color: #c9adae;width: 260px;font-family: georgia;font-style: italic;border: 1px solid #2d0502;} #footer form textarea{position: relative;float: left;padding: 5px;border: none;background-color: #c9adae;width: 260px;font-family: georgia;font-style: italic;border: 1px solid #2d0502;height: 50px;font-size: .75em;} #footer form input.button{background-color: #140000;border: 1px solid #2d0502;color: #d4d4d4;clear: both;position: relative;float: right;width: 80px;font-size: .75em;font-family: georgia;font-style: italic;margin: 5px 5px 0 0;} #footer form fieldset p.answer{float: none;color: #c9adae;text-align: left;margin-left: 90px;} #footer h2{display: block;margin: 15px 10px 30px 0;} #footer #us{position:relative; float: right;clear: right;width: 350px;text-align: right;} #footer #us dl{color: white;font-size: .75em;line-height: 1.5em;} #footer #us dl dt{color:#ddcfd0;margin-right: 160px;} #footer #us dl dd{color:#998081;font-style: italic;text-align: left;margin-left: 200px;margin-top: -1.5em;} #footer #us dl dd a{color:#998081;text-decoration:none;} ul#footerNav{margin:0px;text-align: left;width: 500px;/*padding-top: 5px;*/} ul#footerNav li{display: inline;padding: 0 10px;clear: both;} #footer ul#footerNav li a{margin: 0 auto; width: 100px; text-align: center; font-weight: normal; font-size: .75em;text-decoration: none;text-transform: uppercase;} #footer ul#footerNav li a:link{color: #a18f8f;} #footer ul#footerNav li a:visited{color: #4e4347;} #footer ul#footerNav li a:hover{color: white;} #head nav ul{/*margin: 0px;*//*padding: 5px 0;*//*text-align: right;*/} #head nav ul li{position: relative; float: left; margin: 0;height: 27px;padding-top: 3px;} #head nav ul li.selected, #head nav ul li:hover{background: #4c0404 url(/images/nav-hover.png) repeat-x top;} #head nav ul li:hover a{color: white;text-decoration: underline;} #head nav ul li a{font-size: .75em; margin: 8px; text-align: center; padding:10px 10px 0; text-decoration: none;} #head nav ul li a:link{color: #ccc;} #head nav ul li a:visited{color: #a18f8f;} #footer p{line-height: 2em;color:#663838;text-align: right;position: relative;float: right;clear: right;} /* @end */ .marVert{margin: 20px 0;} .line{background:transparent url(/images/div.gif) repeat-x left bottom;height: 1px;padding: 10px 0;} .dotted{background:transparent url(/images/dot.gif) repeat-x left bottom;height: 1px;} .curve{border-radius :10px; -moz-border-radius:10px; -webkit-border-radius:10px;}