/* Hey! What you looking for? Nosey! */

* { margin: 0; padding: 0; }
body { background: #ffffff url(../images/bg.png) center top no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #333; line-height: 21px; }
a { outline: none; color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }
a.loc, a.loc:hover { text-indent: -100000px; }
.red { color: #f26c4f; }

/* Sticky Header */
#header { height: 190px; position: fixed; width: 880px; top: 0; z-index: 500; top: 0; left: 50%; margin-left: -470px; background:url(../images/au_top_menu_wholebg.png) top no-repeat; }
div.logo { float: left; padding-top: 0px; width: 354px; position: relative; }
/* Sticky Nav */
div.nav { float: right; width: 521px; height: 56px; }
div.nav ul { list-style-type: none; }
div.nav li { float: left; text-indent: -9999px; }
div.nav li a { display: block; }
a.top { width: 36px; height: 56px; background: url(../images/top-arrow.png) left top no-repeat; }
a.intro { height: 17px; margin-top: 45px; width: 81px; background:url(../images/au_top_menu_a.gif) left top no-repeat; }
a.use { height: 17px; margin-top: 45px; width: 82px; background: url(../images/au_top_menu_b.gif) left top no-repeat; }
a.terms { height: 17px; margin-top: 45px; width: 82px; background:url(../images/au_top_menu_c.gif) left top no-repeat; }
a.personal { height: 17px; margin-top: 45px; width: 104px; background: url(../images/au_top_menu_d.gif) left top no-repeat; }
a.partner { height: 17px; margin-top: 45px; width: 82px; background: url(../images/au_top_menu_e.gif) left top no-repeat; }
a.ad { height: 17px; margin-top: 45px; width: 80px; background: url(../images/au_top_menu_f.gif) left top no-repeat; }
a.intro:hover, a.use:hover, a.terms:hover, a.personal:hover, a.partner:hover, a.ad:hover { background-position: left -41px; }

/*#wrapper { width: 940px; margin: 0 auto; }*/
.wide { width: 100%; }
#opening, #block-user,  #block-about, #block-partner { height: 850px; padding-bottom: 150px; width: 100%; margin: 0 auto; }
#block-contact { height: 1170px; width: 940px; margin: 0 auto; }
#block-what { height: 3550px; padding-bottom: 150px; width: 100%; margin: 0 auto; }
#block-personal { height: 950px; padding-bottom: 150px; width: 100%; margin: 0 auto; }

/* Opening Block */
#opening { background: url(../images/au_1_bg.gif) center top repeat-x; }
.contents { width:940px; margin: 0 auto; }
#opening h1 { width: 671px; height: 76px; text-indent: -9999px; margin-left: 25px; padding: 100px 0 0 0; }
#opening h2 { text-indent: -9999px; }
#opening p { color: #333333; font-size: 13px; line-height: 25px; margin-left: 20px; margin-right:20px; width: 840px; }
#opening img {position: relative; left: -80px; top: -85px; }

/* User Guide Block */
#block-user { background: url(../images/au_2_bg.gif) top center no-repeat; }
#block-user h2 { width: 350px; height: 300px; text-indent: -9999px; background: url(../images/title-portfolio.png) left top no-repeat; position: relative; left: 330px; top: 165px; }
#block-user img { position: relative; left: 330px; top: -52px; }
.stepcarousel { position: relative; overflow: scroll; width: 610px; height: 290px; left: 5px; top: 5px; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { float: left; overflow: hidden; margin: 0; width: 610px; }
#portfolio-cycle img { border: none; }
#clients { position: relative; top: 235px; left: 325px; height: 55px; width: 620px; background: url(../images/clients.png) left top no-repeat; }

/* Terms of Use Block */
.services { background: url(../images/au_3_bg.gif) top center no-repeat; }
#block-what h2 { width: 405px; height: 70px; text-indent: -9999px; background:url(../images/au_3_title.png) right top no-repeat; position: relative; left: -300px; top: 100px; }
#block-what p { width:97%; font-size:12px; line-height:18px; padding-left:10px;}
.port-back { height: 350px; width: 800px; background: transparent ; position: relative; left: 125px; top: 25px; }
/*.scrollcss {scrollbar-face-color: #f2f2f2;
scrollbar-track-color: #ffffff;
scrollbar-highlight-color:  #ffffff;
scrollbar-3dlight-color:  #ffffff;
scrollbar-shadow-color:   #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color:  #ffffff} */

.bespoke { width: 235px; position: relative; top: 310px; left: 30px; color: #003333; }
.left-col { width: 370px; position: relative; top: 135px; left: 330px; }
.service-list { width: 210px; position: relative; top: -95px; left: 730px; list-style-type: none; }
.service-list li { line-height: 23px; padding-left: 25px; background: url(../images/tick.png) left center no-repeat; }

/* Policy Block */
.policy { background: url(../images/au_4_bg.jpg) center no-repeat; }
#block-personal h2 { width: 405px; height: 70px; text-indent: -9999px; background:url(../images/au_4_title.png) right top no-repeat; position: relative; left: -300px; top: 100px; }
#block-personal p { width:97%; font-size:12px; line-height:18px; padding-left:10px;}


/* Partner Block */
.partner { background:  url(../images/au_5_bg.jpg) top no-repeat; height:753px; }
#block-partner h2 { width: 360px; height: 70px; text-indent: -9999px; position: relative; left: 330px; top: 165px; }
#block-partner img { position: relative; left: 410px; top: 90px; }
.about-left { position: relative; left: 320px; top: 232px; width: 300px; }
.about-right { position: relative; left: 640px; top: -290px; width: 300px; }
.about-left p, .about-right p { margin-bottom: 15px; color: #003333; }

/* Contact Block */
.adinfo { background: url(../images/au_6_bg.gif) center top no-repeat; height:1170px;  }
#block-contact h2 { width: 340px; height: 70px; text-indent: -9999px; background: url(../images/title-contact.png) left top no-repeat; position: absolute; margin: 165px 0 0 330px; }
.contact-left { position: absolute; width: 720px; margin: 110px 0 0 170px; }
.contact-right { position: absolute; width: 240px; margin: 120px 0 0 600px; }
p#success { padding: 3px 10px; background: #d1eaac;	border: 1px solid #acd373; color: #406618; margin-bottom: 10px; text-align: center; }
p#bademail, p#badserver	{ padding: 3px 10px; background: #f0dad6; border: 1px solid #e4c4be; color: #f26c4f; margin-bottom: 10px; text-align: center; }
.input-name { height: 35px; width: 305px; background: url(../images/input-name.png) left top no-repeat; padding: 10px 0 0 70px; }
.input-email { height: 35px; width: 305px; background: url(../images/input-email.png) left top no-repeat; padding: 10px 0 0 70px; }
.input-message { height: 80px; width: 455px; background: url(../images/input-message.png) left top no-repeat; padding: 40px 0 0 20px; }
input#nameinput, input#emailinput { border: none; padding-top: 3px; height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color:#666; }
textarea#commentinput { border: none; font-family: Georgia, "Times New Roman", Times, serif; line-height: 21px; font-size: 14px; color: #666; height: 63px; width: 415px; }
.alignright { float: right; }

/* Modal */
body.modal { background: none; }
.modal-frame { width: 760px; padding: 20px; background: url(../images/modal-bg.gif) left top repeat-x; }
.modal-left { width: 300px; float: left; }
.modal-right { width: 450px; float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.modal-list { margin: 15px 0 0 0; background: url(../images/work-inlcuded.png) left top no-repeat; padding: 30px 0 0 0; }
.modal-list ul { list-style-type: none; width: 225px; float: left; padding-bottom: 20px; }
.modal-list li { padding-left: 25px; background: url(../images/tick.png) left 3px no-repeat; }
.modal-url { background: url(../images/url.png) left top no-repeat; padding: 20px 0 0 0;