/** Reset stylow. **/
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, b, u, i, center, dl, dt, dd, ol, ul,
li, fieldset, form, label, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; font-style:normal; 
	vertical-align:baseline; background:transparent;
}

body {line-height:1;}
ol, ul {list-style:none;}
a, a:hover {text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;}

/** **/
body {min-width:822px;}
body, input, textarea {font:8pt Arial, Tahoma, Verdana, Serif; color:#000; line-height:1em;}
.both {display:block; height:0; clear:both;}

/** #top **/
#my {overflow:hidden;}
#top {margin:0 auto; width:806px; height:100px; overflow:hidden; position:relative;}
#top h1 a {text-indent:-9999px; display:block;}

ul#menu {position:absolute; top:44px; right:31px;}
#menu li {float:left; margin-left:5px; text-transform:uppercase; font-size:1.1em; letter-spacing:-0.08em;}
#menu li.select {font-weight:bold; font-size:1.6em;}

/** #content **/
#content {width:806px; margin:0 auto;}

/** #content > #path **/
#content #path {margin:5px 5px 0; height:38px; overflow:hidden;}
#content #path ul {float:left; height:38px;}
#content #path li {float:left; height:38px; padding:0 20px 0 10px;}
#content #path li.nano2 {padding-left:23px; padding-right:23px;}
#content #path li.nano2  a{font-weight:bold; }
#content #path a {margin-top:1.32em; display:block; text-transform:uppercase; letter-spacing:0em;}
#content #path .controll {float:right;}
#content #path .controll ul {margin-right:16px;}
#content #path .controll li {padding:0 10px 0 3px;}

/** #content > #text-title **/
#text-title {height:60px; margin:0 5px; position:relative; overflow:hidden;}
#text-title h2 {margin-top:0.73em; font-size:2.1em; font-weight:bold; letter-spacing:-0.07em; text-transform:uppercase; line-height:1em; margin-left:24px;}
#text-title span {display:block; position:absolute; top:0; margin-top:2.3em; right:20px; font-size:0.9em;}
#text-title span strong {font-weight:bold;}
#text {margin:0 5px; padding:0 20px 14px 24px; overflow:hidden; text-align:justify;}
#text h3, #text h3 a {text-transform:uppercase; font-size:1.2em; letter-spacing:-0.05em; margin-top:14px; font-weight:bold;}
#text h3 a:hover {text-decoration:none !important;}
#text p {margin-top:14px; line-height:1.49em;}
#text p.preamble {font-size:1.1em; font-weight:bold;}
#text strong {font-weight:bold;}
#text ul {margin:16px 0 0 16px; list-style-type:circle;}
#text ul li {padding:2px 0;}

/** #bottom **/
#bottom {width:100%; position:relative; overflow:hidden;}
#bottom-box {margin:8px auto 0; width:794px;}
#bottom-shadow {z-index:1; position:absolute; top:8px; right:50%; margin-right:-575px; width:178px; height:99px;}
#bottom h2 {margin:16px 0 16px 23px; text-transform:uppercase; font-size:1.1em; letter-spacing:-0.05em;}

#bottom-latest {width:230px; float:left;}
#bottom-look {width:208px; float:left;}
#bottom-look h2 {margin-left:0;}
#bottom #bottom-look ul {margin-left:0;}

#bottom ul {margin:-7px 23px 0 23px;}
#bottom ul li {padding:6px 0; line-height:1.49em; border-top:1px solid #FFF;}
#bottom ul li.first {border:none; padding-bottom:8px;}
#bottom ul li.first h3 {margin:3px 0 10px 0; line-height:1.3em;}
#bottom ul li.first h3 a {text-transform:uppercase; font-size:1.71em; letter-spacing:-0.1em;}

#bottom-contact {width:356px; float:right;}
#bottom-contact h2 {margin-left:20px;}
#bottom-contact form {margin:0 12px;}
#bottom-contact label {display:none;}
#bottom-contact input.text {width:314px; padding:9px;}
#bottom-contact textarea.textarea {width:314px; height:78px; padding:9px; margin-top:1px; line-height:1.2em; overflow:auto;}
#bottom-contact p.submit {text-align:right; padding:10px 12px 10px 0;}
#bottom-contact input.submit {width:62px; height:22px; text-transform:lowercase; text-align:left; padding-left:9px; cursor:pointer;}

#fotter {z-index:2; clear:both; position:relative; padding:15px 0; text-align:center; border-top:1px solid #FFF;}
#fotter a {font-weight:bold;}

/** 
*   ------
*	#azure
*   ------
**/
body#azure {background:#040404;}
body#azure  #main {background:#CEE2E3 url('./azure-bg.png') repeat-x 0 0;}
body#azure  #my {background:url('./azure-my-bg.jpg') no-repeat center 0;}

/** #azure > #top **/
#azure #top h1 {margin:36px 0 0 28px;}
#azure #top h1 a {width:166px; height:28px; background:url('./azure-logo.gif') no-repeat 0 0;}

#azure #menu li a {color:#001831;}
#azure #menu li.contact a {color:#73B8CC;}
#azure #menu li.select a {color:white;}
#azure #menu li a:hover, #azure #menu li.contact a:hover {color:white;}

/** #azure > #content > #intro **/
#azure #intro {height:151px; overflow:hidden;}
#azure #intro  #hello {margin:5px 0 0 5px; width:438px; height:146px; float:left; background:#680A69 url('./azure-hello-bg.jpg') no-repeat 0 0;}
#azure #hello-hair {top:95px; z-index:10; position:absolute; width:50px; height:10px; left:50%; margin-left:-386px; background:url('./azure-hello-hair.jpg') no-repeat 0 0;}
#azure #hello h2 {margin:23px 0 0 162px; font-size:2.5em; line-height:1.15em; letter-spacing:-0.1em; font-weight:bold; text-transform:uppercase; color:#EDEDED; text-shadow:#350636 1px 1px;}
#azure #hello p {margin:4px 0 0 162px; color:#F5D4F5; line-height:1.49em; width:250px;}
#azure #hello a.button {display:block; overflow:hidden; width:96px; height:26px; line-height:2.4em; margin:11px 0 0 162px; color:#3B3B3B; text-align:center; background:#FFF url('./azure-hello-button.png') no-repeat 0 0;}
#azure #hello a.button:hover {background-position:0 -26px; color:#000;}

#azure #intro  #last-project {position:relative; margin:5px 5px 0 0; float:right; width:358px; height:146px; background:#0D0D0D url('./azure-last-project.jpg') 0 0;}
#azure #last-project h2 {margin:20px 0 0 20px; color:#DBDBDB; text-shadow:#060606 1px 1px; text-transform:uppercase; font-size:1.1em; letter-spacing:-0.05em;}
#azure #last-project h3 {margin:17px 0 12px 20px; line-height:1.3em;}
#azure #last-project h3 a {color:#579BB0; text-transform:uppercase; font-size:1.71em; letter-spacing:-0.1em;}
#azure #last-project p.thumbnail {position:absolute; top:15px; right:15px; width:86px; height:111px; background:#ADADAD url('./azure-last-thumb.png') no-repeat 0 0;}
#azure #last-project p.thumbnail img {margin:5px 0 0 4px;}
#azure #last-project p {color:#848484; line-height:1.49em; margin:0 0 0 20px; width:218px;}
#azure #last-project p a {color:#848484; text-decoration:underline;}
#azure #last-project p a.more {text-decoration:none; color:#4A4A4A;}
#azure #last-project p a.more:hover {color:#DBDBDB;}

/** #azure > #content > #shortly **/
#azure #shortly #aboutus {float:left; margin-left:5px; width:435px;}
#azure #aboutus h2 {margin:24px 0 12px 23px; color:#163849; font-size:2em; font-weight:bold; text-transform:uppercase; letter-spacing:-0.1em;}
#azure #aboutus .line1 h3 {margin:0 0 0; color:#163644; font-size:1.6em; text-transform:uppercase; letter-spacing:-0.1em;}
#azure #aboutus .line2 h3 {margin:0 0 0; color:#163644; font-size:1.2em; text-transform:uppercase; letter-spacing:-0.1em;}
#azure #aboutus p {margin-top:10px; color:#4A7587; line-height:1.49em;}
#azure #aboutus .line1 {padding-top:4px;}
#azure #aboutus .line1 .whatwedo, #azure #aboutus .line2 .experience, #azure #aboutus .line1 .whoweare, #azure #aboutus .line2 .chooseus, #azure #aboutus .line3 .left, #azure #aboutus .line3 .right {float:left; width:184px; margin-left:23px;}
#azure #aboutus .line2 {clear:both; padding-top:12px;}
#azure #aboutus .line2 p {padding-bottom:10px; border-bottom:1px solid #A9C3C8;}
#azure #aboutus .line3 {clear:both; height:45px;}
#azure #aboutus .line3 a {display:block; overflow:hidden; line-height:2.05em; width:92px; height:22px; color:#FFFFFF; text-transform:lowercase; text-align:center; text-shadow:#480849 1px 1px; background:#700872 url('./azure-more-button.png') no-repeat 0 0;}
#azure #aboutus .line3 a:hover {background-position:0 -22px; text-shadow:#03171F 1px 1px; background-color:#13394C;}
#azure #aboutus .line3 .left, #azure #aboutus .line3 .right {padding-top:10px; border-top:1px solid #DBEAEB;}

#azure #shortly #wrapper {float:right; width:366px;}
#azure #shortly #wrapper #category {width:366px; height:76px; overflow:hidden; background:url('./azure-cat-bg.jpg') no-repeat 0 0;}
#azure #category h2 {margin:11px 0 0 23px; color:#0B2F3E; text-transform:uppercase; font-size:1.1em; letter-spacing:-0.05em;}
#azure #category ul {margin:5px 0 0 23px;}
#azure #category ul li {float:left; margin-top:6px; width:80px; background:url('./azure-cat-list.gif') no-repeat center left;}
#azure #category ul li a {color:#2D5663; padding-left:10px;}
#azure #category ul li a:hover {color:#F2FCFF;}

#azure #goncms {margin:8px 0 0 3px;}
#azure #goncms a {display:block; width:192px; height:23px; overflow:hidden; color:#F5D4F5; padding:30px 0 0 85px; background:#6C0B68 url('./azure-ncms.jpg') no-repeat 0 0;}
#azure #goncms a:hover {color:#909595; background-color:#1D2527; background-position:0 -53px;}
#azure #goncms a strong {display:none;}

/** #azure > #content > #path **/
#azure #content #path {background:#F2F2F2 url('./azure-path-bg.png');}
#azure #content #path li {background:url('./azure-path-sep.png') no-repeat right 0;}
#azure #content #path .controll li {background:none;}
#azure #content #path li a {color:#0F3047; text-shadow:#EAEAEA 1px 1px;}
#azure #content #path li a:hover {color:#701370;}
#azure #content #path li.nano2 a {color:#741974;}

/** #azure > #content > #folio **/
#azure #folio {position:relative; height:254px; margin:0 5px; padding-top:8px; background:#D0D0D0 url('./azure-slider-bg.png') repeat-x 0 0;}
#azure #folio #slider {margin:0 8px; border:7px solid white; overflow:hidden; background:#F2F2F2; width:765px; height:228px; position:relative;}
#azure #folio #slider ul {width:99999px; display:block; position:absolute; top:0; left:0; height:228px;}
#azure #folio #slider li {float:left; width:765px; height:228px;}
#azure #folio #slider-control {position:absolute; z-index:100; right:0; bottom:-27px; height:30px; background:#D0D0D0 url('./azure-slider-bg.png') repeat-x 0 bottom;}
#azure #folio #slider-control ul {margin:3px 16px 0 14px;}
#azure #folio #slider-control li {width:14px; height:14px; float:left; margin-left:2px; background:url('./azure-slider-control.gif') no-repeat 0 -14px; cursor:pointer;}
#azure #folio #slider-control li.select  {background-position:0 0;}

/** #azure > #content > #folio-desc **/
#azure #folio-desc {color:#4A7587;}
#azure #folio-desc .left {float:left; margin-top:18px; margin-left:29px; width:405px;}
#azure #folio-desc .left h2 {color:#1A4557; font-size:2em; font-weight:bold; margin-bottom:16px; text-transform:uppercase; letter-spacing:-0.1em; height:18px; line-height:0.9em; overflow:hidden;}
#azure #folio-desc .left .desc {border-bottom:1px solid #A9C3C8; padding-bottom:0.8em;}
#azure #folio-desc .left .desc p {margin-top:0.8em; line-height:1.49em;}

#azure #folio-desc .left .link {border-top:1px solid #DCEAEB; height:44px;}
#azure #folio-desc .left .link a {float:left; margin-right:7px; display:block; overflow:hidden; margin-top:10px; line-height:2.05em; width:92px; height:22px; color:#FFFFFF; text-transform:lowercase; text-align:center; text-shadow:#480849 1px 1px; background:#700872 url('./azure-more-button.png') no-repeat 0 0;}
#azure #folio-desc .left .link a:hover {background-position:0 -22px; text-shadow:#03171F 1px 1px; background-color:#13394C;}

#azure #folio-desc .right {float:right; margin-top:18px; width:341px; color:#1A4557;}
#azure #folio-desc .right h3 {color:#1A4557; font-size:1.5em; text-transform:uppercase; letter-spacing:-0.05em; line-height:1.4em; height:18px; overflow:hidden; margin-bottom:14px;}
#azure #folio-desc .right h4 {font-size:1.1em; text-transform:uppercase; letter-spacing:-0.01em; margin-bottom:10px;}
#azure #folio-desc .right ul {margin-bottom:10px;}
#azure #folio-desc .right li {line-height:1.4em; margin:2px 0; padding-left:10px; background:url('./azure-cat-list.gif') no-repeat 0 center;}
#azure #folio-desc .right a, #azure #folio-desc .left .desc a {color:#1A4557; padding-right:7px; background:url('./azure-link1.gif') no-repeat center right;}
#azure #folio-desc .right a:hover, #azure #folio-desc .left .desc a:hover {text-decoration:underline; color:#000;}

/** #azure > #content > #text-title **/
#azure #text-title {background:#FFF url('./azure-title-bg.png') repeat-x 0 0;}
#azure #text-title h2 {color:#700A70;}
#azure #text-title span {color:#8E8E8E;}
#azure #text-title span strong {color:#555555;}
#azure #text {background:#FFF; color:#464646;}
#azure #text h3, #azure #text h3 a {color:#700A70;}
#azure #text h3 a {text-decoration:none; background:none; padding:0;}
#azure #text h3.top {margin-top:20px;}
#azure #text a {color:#1A4557; padding-right:7px; background:url('./azure-link1.gif') no-repeat center right;}
#azure #text a:hover {text-decoration:underline; color:#000;}

#azure #works {background:#F6F6F6; color:#464646; overflow:hidden; margin:0 5px; padding-bottom:15px;}
#azure #works h3 {margin:17px 0 0 17px; font-size:1em;}
#azure #works div.work h3, #azure #works a {color:#0B576F;}
#azure #works div.work h3 {font-size:1.4em; text-transform:uppercase; letter-spacing:-0.05em; margin:10px 0 8px;}
#azure #works div.work {background:#FFF; padding:5px 15px 5px 5px; margin:15px 0 0 17px; width:350px; height:109px; float:left; border:1px solid #D9D9D9;}
#azure #works div.work a {padding:0; background:none;}
#azure #works div.work a:hover {color:#000;}
#azure #works div.work p {margin-top:6px; text-align:left; line-height:1.49em;}
#azure #works div.work div.image {float:left;}
#azure #works div.work div.image img {border:4px solid #D9D9D9;}
#azure #works div.work div.descr {margin-left:95px;}

#azure #works div.page {clear:both; padding:15px 15px 0 15px; text-align:center;}
#azure #works div.page a {border:1px solid #D9D9D9; padding:3px 12px; background:#FFF;}
#azure #works div.page a:hover {border-color:#FFF; color:#000;}

/** #azure > #bottom **/
#azure #bottom {min-height:195px; background:#040404 url('./azure-bottom-bg.png') repeat-x 0 0;}
#azure #bottom-look {min-height:99px; background:url('./azure-bottom-shadow.png') no-repeat 30px 0;}
#azure #bottom-shadow {background:url('./azure-bottom-shadow.png') no-repeat -177px 0;}
#azure #bottom h2 {color:#DBDBDB; text-shadow:#060606 1px 1px;}

#azure #bottom ul a {color:#828282;}
#azure #bottom ul a:hover {color:#B9B9B9;}
#azure #bottom ul p {color:#606060;}
#azure #bottom ul p a {color:#606060; text-decoration:underline;}
#azure #bottom ul li {border-color:#141414;}
#azure #bottom ul li.first h3 a {color:#579BB0;}
#azure #bottom ul li.first h3 a:hover {color:#D0D0D0;}

#azure #bottom-contact input.text {color:#8C8C8C; background:#272727 url('./azure-bottom-form.png') repeat-x 0 0;}
#azure #bottom-contact textarea.textarea {color:#8C8C8C; background:#272727 url('./azure-bottom-form.png') repeat-x 0 bottom;}
#azure #bottom-contact input.text:focus, #azure #bottom-contact textarea.textarea:focus {color:#E8E8E8;}
#azure #bottom-contact input.submit {color:#8C8C8C; background:#141414 url('./azure-bottom-submit.png') no-repeat 0 0;}
#azure #bottom-contact input.submit:hover {background-position:0 -22px; color:#E8E8E8;}

#azure #fotter {color:#242424; border-color:#0F0F0F;}
#azure #fotter a {color:#2E2E2E;}
#azure #fotter a:hover {color:#747474;}

/** 
*   ------
*	#silver
*   ------
**/
body#silver {background:#0F1314;}
body#silver  #main {background:#C2D4D8 url('./silver-bg.png') repeat-x 0 0;}
body#silver  #my {background:url('./silver-my-bg.jpg') no-repeat center 0;}

/** #azure > #top **/
#silver #top h1 {margin:36px 0 0 28px;}
#silver #top h1 a {width:166px; height:28px; background:url('./silver-logo.gif') no-repeat 0 0;}

#silver #menu li a {color:#181D22;}
#silver #menu li.contact a {color:#EBA60D;}
#silver #menu li a:hover, #silver #menu li.contact a:hover {color:white;}

/** #azure > #content > #path **/
#silver #content #path {background:#374040 url('./silver-path-bg.png');}
#silver #content #path li {background:url('./silver-path-sep.png') no-repeat right 0;}
#silver #content #path .controll li {background:none;}
#silver #content #path li a {color:#CED0D0; text-shadow:#171B1B 1px 1px;}
#silver #content #path li a:hover {color:#CD8E02;}
#silver #content #path li.nano2 a {color:#CD8E02;}

/** #azure > #content > #ncms-hello **/
#silver #ncms-hello {margin:0 5px; height:213px; overflow:hidden; background:#1D2527 url('./silver-ncms-bg.jpg') no-repeat 0 0;}
#silver #ncms-hello h2 {display:none;}
#silver #ncms-hello p.preamble {color:#CCD0D0; margin:70px 0 14px 236px; font-size:1.35em; font-weight:bold; line-height:1.13em;}
#silver #ncms-hello p {width:535px; color:#6E7373; line-height:1.49em; margin-left:236px;}
#silver #ncms-hello p.link {margin-top:14px;}
#silver #ncms-hello p.link a {display:block; color:#3B3B3B; width:92px; height:22px; margin-right:7px; overflow:hidden; text-align:center; text-transform:lowercase; line-height:2em; background:#FFF url('./silver-ncms-button.png') no-repeat 0 0;}
#silver #ncms-hello p.link a:hover {background-position:0 -22px; color:#000;}

/** #azure > #content > #ncms-about **/
#silver #ncms-about {margin:0 5px; padding-bottom:10px;}
#silver #ncms-about h3 {margin:14px 0 15px 16px; text-transform:uppercase; font-size:1.1em; letter-spacing:-0.05em;}
#silver #ncms-about a.more {color:#6B7678; display:block; text-align:right; padding:9px 0;}
#silver #ncms-about a.more:hover {color:#000;}

#silver #ncms-about #about-screen h3 {margin-left:24px;}
#silver #ncms-about #about-screen {width:228px; float:left;}
#silver #ncms-about #about-screen ul {margin-left:24px;}
#silver #ncms-about #about-screen ul li {float:left; overflow:hidden; width:90px; height:52px; margin:0 7px 7px 0;}
#silver #ncms-about #about-screen ul li a {display:block; padding:4px; background:#A1ADB1;}
#silver #ncms-about #about-screen ul li a:hover {background:#8A9396;}

#silver #ncms-about #about-implement {width:210px; float:left;}
#silver #ncms-about #about-implement h3 {margin-left:4px; margin-bottom:11px;}
#silver #ncms-about #about-implement ul {margin-left:4px; margin-right:6px;}
#silver #ncms-about #about-implement li {border-bottom:1px solid #ADBDC1; padding:9px 0;}
#silver #ncms-about #about-implement li a {color:#303838;}
#silver #ncms-about #about-implement li a:hover {text-decoration:underline;}
#silver #ncms-about #about-implement a.more {padding-right:21px;}

#silver #ncms-about #about-info {width:356px; float:right;}
#silver #ncms-about #about-info h3 {margin-bottom:6px;}
#silver #ncms-about #about-info ul {margin-left:16px; margin-right:15px;}
#silver #ncms-about #about-info ul h4 {font-size:1.5em; text-transform:uppercase; letter-spacing:-0.05em; margin-bottom:8px;}
#silver #ncms-about #about-info ul h4 a {color:#303838;}
#silver #ncms-about #about-info ul p {line-height:1.49em; color:#6B7678;}
#silver #ncms-about #about-info ul a.more {display:inline; padding:0;}
#silver #ncms-about #about-info li {border-bottom:1px solid #ADBDC1; padding:12px 0;}
#silver #ncms-about #about-info a.more {padding-right:15px;}

/** #silver > #content > #text-title **/
#silver #text-title {background:#1E2426; height:54px;}
#silver #text-title h2 {color:#CDCFCF;}
#silver #text-title span {color:#6A7376;}
#silver #text-title span strong {color:#CDCFCF;}
#silver #text {background:#FAFFFF; color:#2F3232;}

/** #silver > #bottom **/
#silver #bottom  {background:#0F1314 url('./silver-bottom-bg.png') repeat-x 0 0;}
#silver #bottom h2 {color:#D6D6D6; text-shadow:#1C1D1D 1px 1px;}
#silver #bottom-box {margin-top:7px;}
#silver #bottom-look {min-height:99px; background:url('./silver-bottom-shadow.png') no-repeat 30px 0;}
#silver #bottom-shadow {top:7px; background:url('./silver-bottom-shadow.png') no-repeat -177px 0;}

#silver #bottom ul a {color:#9BA0A0;}
#silver #bottom ul a:hover {color:#B4B4B4;}
#silver #bottom ul p {color:#545757;}
#silver #bottom ul p a {color:#878A8A; text-decoration:underline;}
#silver #bottom ul li {border-color:#191C1C;}
#silver #bottom ul li.first h3 a {color:#579BB0;}
#silver #bottom ul li.first h3 a:hover {color:#D0D0D0;}

#silver #bottom-contact input.text {color:#8C8C8C; background:#181B1C url('./silver-bottom-form.png') repeat-x 0 0;}
#silver #bottom-contact textarea.textarea {color:#8C8C8C; background:#181B1C url('./silver-bottom-form.png') repeat-x 0 bottom;}
#silver #bottom-contact input.text:focus, #azure #bottom-contact textarea.textarea:focus {color:#E8E8E8;}
#silver #bottom-contact input.submit {color:#8C8C8C; background:#202324 url('./silver-bottom-submit.png') no-repeat 0 0;}
#silver #bottom-contact input.submit:hover {background-position:0 -22px; color:#8C8C8C;}

#silver #fotter {color:#232728; border-color:#141718;}
#silver #fotter a {color:#333737;}
#silver #fotter a:hover {color:#747474;}