@charset "utf-8";
/* CSS Document */
@import "reset.css";

/******************************************* HTML Elements */
html { overflow-y: scroll }
body { font: 12px Arial, Verdana, Helvetica, sans-serif; text-align: center; min-width: 964px; color: #231f20 }
h1, h2, h3, h4 { font-weight: normal }
h1, p.heading { height: 28px; text-indent: -9999px; font-size: 20px; margin-bottom: 20px; border-bottom: 1px dashed #999;
	background-image: url(../../images/titles.png); background-repeat: no-repeat }
h2 { height: 10px; text-indent: -9999px; background-image: url(../../images/titles.png); background-repeat: no-repeat; margin: 10px 0 20px 0; font-weight: bold }
h3 { margin: 10px 0; font-size: 15px; color: #00aef0 }
p { margin-bottom: 10px; clear:both }
a { color:#00AEF0; text-decoration: none }
a:hover { text-decoration: underline }

/******************************************* Layout */ 
#wrapper { width: 964px; margin: 0 auto; text-align: left; padding-bottom: 20px }

/******************************************* Header */
#header { position: relative; width: 100%; height: 90px; margin-top: 50px }
#header ul { position: absolute; bottom: 15px; right: 0 }
#header li { float: left; padding-right: 20px }

#header li a { display: block; height: 11px; line-height: 11px; background-image: url(../../images/bg/bg_nav.jpg); 
	background-repeat: no-repeat; text-indent: -9999px }
#header li.nav-1 a { width: 41px; background-position: 0 0 }
#header li.nav-2 a { width: 48px; background-position: -61px 0 }
#header li.nav-3 a { width: 69px; background-position: -129px 0 }
#header li.nav-4 a { width: 58px; background-position: -218px 0 }
#header li.nav-5 a { width: 40px; background-position: -388px 0 }
#header li.nav-6 a { width: 68px; background-position: -448px 0 }
#header li.nav-1 a:hover, #header li.nav-1 a.selected  { background-position: 0 -12px }
#header li.nav-2 a:hover, #header li.nav-2 a.selected { background-position: -61px -12px }
#header li.nav-3 a:hover, #header li.nav-3 a.selected { background-position: -129px -12px }
#header li.nav-4 a:hover, #header li.nav-4 a.selected { background-position: -218px -12px }
#header li.nav-5 a:hover, #header li.nav-5 a.selected { background-position: -388px -12px }
#header li.nav-6 a:hover, #header li.nav-6 a.selected { background-position: -448px -12px }
#header li.last { padding: 0 }

/******************************************* Banner */
#banner { width: 100%; height: 285px; background: url(../../images/bg/banner_01.jpg) top left no-repeat }
#banner-about { width: 100%; height: 285px; background: url(../../images/bg/banner_02.jpg) top left no-repeat }
#banner-services { width: 100%; height: 285px; background: url(../../images/bg/banner_03.jpg) top left no-repeat }
#banner-contact { width: 100%; height: 285px; background: url(../../images/bg/banner_04.jpg) top left no-repeat }
#banner-news { width: 100%; height: 285px; background: url(../../images/bg/banner_05.jpg) top left no-repeat }

/******************************************* Content */
#contentwrap { margin: 20px 0; padding-bottom: 30px; border-bottom: 1px dashed #999; overflow: auto }
#content { float: left; width: 663px; padding-right: 30px;}
#content li { float: left; width: 462px; padding-right: 40px }
#content li.last { padding-right: 0 }
#content a { color: #00aef0 }

.featuredservices { background-position: left -210px }
.casestudies { background-position: left -170px }
.featurednews { background-position: left -150px }
.contactus { background-position: left -260px }

/******************************************* Sidebar */
#sidebar { float: right; width: 239px; border-left: 1px dashed #999; padding-left: 30px }
#sidebar p.date { font-size:9px }
#sidebar p.desc { border-bottom: 1px dashed #999; padding: 0 0 24px 0 }
#sidebar p.last { border: 0 }
#sidebar a { color: #00aef0; text-decoration: none }
#sidebar a:hover {text-decoration: underline}
#sidebar ul { list-style: outside;border-bottom: 1px dashed #999;  padding: 6px 0 6px 15px }
#sidebar li { list-style:disc}

/******************************************* Footer */
#footer { position: relative; clear: left; height: 180px; font-size: 14px; padding-bottom: 20px }
#footer ul { width: 68% }
#footer li { width: 180px; margin-right: 30px; height: 100px; float: left; border-right: 1px solid #999; font-size:12px }
#footer li.last { border: 0 }
#footer > p { position: absolute; right: 0; bottom: 20px; font-size: 10px }

#akiko { display: block; height: 17px; width: 105px; background: url(../../images/btn/btn_akiko.png) top left no-repeat;
	position: absolute; right: 0; bottom: 0; text-indent: -9999px }

/******************************************* PAGES */
/******************************************* [HOME] */
.home #content { width: 100%; padding: 0 }
.home #content h1 { text-indent: 0; height: auto; background-image: none; border: 0 }

/******************************************* [ABOUT] */
.about #content h1 { background-position: left -90px }

/******************************************* [SERVICES] */
.services #content { width: 100%; padding: 0 }
.services #content td { vertical-align: top; border-right: 1px dashed #999 }
.services #content td.last { border: 0 }
.services #content li { margin-right: 30px; padding: 10px 0; width: 451px; border-bottom: 1px dashed #999 } 
.services #content td.last li { margin: 0 0 0 30px }
.services #content td li.last { border: 0 }
.services #content h1 { background-position: left -120px }
.services #content h2 { background: none; text-indent: 0; height: auto }

/******************************************* [CLIENTS & PARTNERS] */
.clients-partners #content h1 { background-position: left -30px }
.clients-partners #content li { width: 311px; color: #7d7e81 }
.clients-partners #content p { margin-bottom: 5px }
.clients-partners #content > p { margin-bottom: 15px }

/******************************************* [TESTIMONIALS] */
.testimonials #content p.heading { background-position: left -280px }
.testimonials h1, .news h1, .case-studies h1 { background: none; border: none; height: auto; margin-bottom: 10px; color: ##231F20; text-indent: 0 }

/******************************************* [CASE STUDIES] */
.case-studies #content p.heading { background-position: left -60px }

/******************************************* [NEWS] */
.news #content p.heading { background-position: left top }
.news #content h3 a { text-decoration: underline }
.news #content ul { float:left; margin:0 0 25px 40px}
.news #content ul li { list-style:disc outside}
.news #content ol { float:left; margin:0 0 25px 40px}
.news #content ol li { list-style: decimal outside}

/*.news #sidebar { min-height: 845px }*/

/******************************************* [NEWS DETAIL] */
/*.news-detail #content h1 { background-position: left top }*/

/******************************************* [CONTACT] */
.contact label { display: block }
.contact input, .contact textarea { width: 235px; margin-bottom: 10px }
.contact textarea { height: 120px }
.contact input.submit { width: auto; margin-left: 194px }
.contact #content p { margin-bottom: 0 }
.contact #content h1 { background-position: left -230px }

/******************************************* Global Classes */
/******************************************* Generic Classes */
.light-blue { color: #00aef0 }