
body,div,p,ul,ol,h1,h2,h3,dl,dt { margin:0; padding:0; text-align:justify}
li { list-style:none; }
img { display:block; border:0 none; }
a { color:#fff; text-decoration:none; }

body { font:12px/1.5 arial; }
#container { width:904px; margin:0 auto; padding:18px 18px 0; box-shadow:0 0 28px rgba(0,0,0,.4) }
#footer { height:18px; font-size:10px; text-align:center; }
.main { min-height:512px; overflow:hidden; background-color:#e6e6e6; }
.aside { float:left; width:390px; }
.content { overflow:hidden; }

.logo { height:118px; background-color:#ed7b05; }
.logo a { display:block; margin-left:32px; height:118px; width:357px; background:url(images/bg_all.png) no-repeat 0 -1px;}

.nav {overflow:hidden; background-color:#808080; }
.nav ul { margin-right:10px; overflow:hidden; }
.nav li { position:relative; float:left; padding:0 6px; border-left:1px solid #fff; }
.nav li:first-child { border-left:0; }
.nav a { display:block; height:10px; background:url(images/bg_all.png) no-repeat; text-indent:-9999px; }
.nav .home {  width:26px; background-position:0 -134px; }
.nav .home:hover { background-position:0 -144px; }
.nav .company { width:88px; background-position:-36px -134px; }
.nav .company:hover { background-position:-38px -144px; }
.nav .service { width:45px; background-position:-137px -134px; }
.nav .service:hover { background-position:-137px -144px; }
.nav .project { width:67px; background-position:-196px -134px; }
.nav .project:hover { background-position:-196px -144px; }
.nav .client { width:49px; background-position:-277px -134px; }
.nav .client:hover { background-position:-277px -144px; }
.nav .contact { width:56px; background-position:-339px -134px; }
.nav .contact:hover { background-position:-339px -144px; }

.nav-list { margin-top:8px; }
.nav-list li { width:230px; margin-bottom:10px; padding:5px; }
.nav-list .selected { background-color:#ed7b05; }

.icon {display:inline-block;height:24px;width:24px;background:url(images/bg_all.png) no-repeat;}
.icon-quote-s { margin-bottom:-4px; background-position:-515px -168px; }
.icon-quote-e { margin:0 0 -15px 2px; background-position:-515px -216px; }

.text { background:url(images/bg_all.png) no-repeat;text-indent:-9999px; }
.text-profile { width:296px; height:49px; background-position:0 -167px; }
.text-service { width:130px; height:40px; background-position:0 -216px; }
.text-project { width:217px; height:48px; background-position:-297px -167px;}
.text-client { width:158px; height:40px; background-position:-150px -216px;}
.text-contact { width:199px; height:40px; background-position:-308px -216px;}

.menu { display:block; height:11px; background:url(images/bg_all.png) no-repeat; text-indent:-9999px;}
.menu-de { width:127px; background-position:0 -312px; }
.menu-st { width:103px; background-position:-127px -312px; }
.menu-in { width:205px; background-position:-230px -312px; }
.menu-pr { width:108px; background-position:-435px -312px; }
.menu-re { width:118px; background-position:-542px -312px; }
.menu-com { width:71px; background-position:0 -289px;}
.menu-org { width:94px; background-position:-71px -289px;}
.menu-dir { width:79px; background-position:-165px -289px;}
.selected .menu-de { background-position:0 -301px; }
.selected .menu-st { background-position:-127px -301px; }
.selected .menu-in { background-position:-230px -301px; }
.selected .menu-pr { background-position:-435px -301px; }
.selected .menu-re { background-position:-542px -301px; }
.selected .menu-com { background-position:0 -278px;}
.selected .menu-org { background-position:-71px -278px;}
.selected .menu-dir { background-position:-165px -278px;}

/* landing page */
#index .landing { height:432px; margin-bottom:6px; background:url(images/land_page.jpg) no-repeat right bottom; }
#index .nav { height:156px;  }
#index .nav ul { float:right; }
#index .nav li { height:33px; }
#index .nav li a { margin-top:20px; }

/* page */
.page .nav { height:28px; margin-top:5px; }
.page .nav ul { float:right; }
.page .nav li { height:20px; }
.page .nav li a { margin-top:10px; }
.page-e .main { background:#e6e6e6 url(images/page_structure.jpg) no-repeat 0 bottom;}
.page-e .aside .inner { padding:18px 0 0 34px; }
.page-e .content .inner { padding:0 40px 0 20px;}
.page-e p { margin-bottom:15px; font-size:11px; color:#585858; }
.page-e dl { margin-bottom:15px; }
.page-e dl p { margin-bottom:0; }
.page-e h3 { padding:26px 0 8px; font-size:18px; text-transform:uppercase; }

/* homepage */
.home .content .inner { padding:70px 70px 10px; }
.home .content p { margin-top:20px; color:#9d6205; font-size:14px; }

/* key project */
.project .list { color:#585858; font-size:11px; }
.project .hd { margin:10px 0 0;}
.project .list span { float:left; width:9px; }
.project .list p { overflow:hidden; margin:0; }
.project ul { font-size:11px; color:#585858; }

/* client page */
.client h3 { padding:10px 0;}
.client h3:first-child { padding-top:20px; }
.client p { margin:0; }

/* contact page */
.contact h3 {  color:#ed7b05;}
.contact .content p { margin:-12px 0 10px; color:#000; font-size:14px; font-weight:bold; }
.table td { color:#585858;}

.form .row { padding:3px; }
.form-horiz { margin-top:20px; }
.form-horiz label { display:block; color:#585858; }
.form-horiz input { width:260px; height:22px; line-height:22px; }
.form-horiz input,
.form-horiz textarea {  padding:2px; border:1px solid #999; background-color:#fefefe; }
.form-horiz input:focus,
.form-horiz textarea:focus { border:1px solid #62B9E8; box-shadow:0 0 3px rgba(188,222,240,.9)}
.form-horiz textarea { height:100px; width:420px; }
