/* 
    Document   : style
    Created on : Jun 4, 2010, 5:14:46 PM
    Author     : Lee
    Description:
    Purpose of the stylesheet follows.
*/
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, legend, table, caption, tbody, tfoot, thead, tr, th, td,input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

ol, ul { list-style: none; }

a:hover{text-decoration:underline;}
a{text-decoration:none;}
p a{color:#00467b; text-decoration:underline;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Text */
.upper{text-transform:uppercase;}
.oblique{font-style:oblique}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.alignjustify{text-align:justify;}
.aligncenter{text-align:center;}
.alignmiddle{vertical-align:middle;}
.italic{font-style:italic;}

/* color */
.navy{color:#0a3190;}
.white{ color:#fff;}
.green,a.green{color:#409b01;}
a.wline{text-decoration:underline;}
a.wline:hover{text-decoration:none;}
.red{color:#e50000;}

/* Layout */
.right{float:right;}
.left{float:left;}
.center{margin:0 auto;}
.block{display:block;}
.none,.close{display:none;}
.clear{ clear: both;}
div.clear,.empty{font-size:0; line-height:0;}
.relative{position:relative;}
.absolute{position:absolute;}
.hide{text-indent:-99999px; overflow:hidden;}

.mt15{margin-top:15px;}
.mb15,.content p{margin-bottom:15px;}


.dotline{border-bottom:1px dotted #dbdada;font-size:0; line-height:0; margin-bottom:15px;}
.dline{font-size:0; line-height:0; border-top:1px solid #c6c6c6; border-bottom:1px solid #fff;}
.blueline{border-bottom:1px solid #cddfea;}

/* Forms */
.buttonSprite,.vignettebutton{background-image:url(images/buttons.png);}
.field{background-repeat:repeat-x; background-position: 0 -104px; color:#a1a1a1; height:22px;padding-top:6px;}
.rfield{background:0 -261px; width:203px; height:26px;color:#7d7d7d;margin:1px 5px 0 0;padding:8px 10px 0 13px;}
textarea{font-family: Arial, Sans-Serif,'Lucida Grande', Verdana;}
#search_form .field{background-repeat:repeat-x; background-position: 0 -77px; color:#959595; height:22px;padding-top:5px; width:223px;}
#search_form .fieldWrapper {margin-right:8px;}
.fieldWrapper .field{float:left;}
.fieldWrapper div.leftc{background-position:-27px -21px;width:7px; height:28px;float:left;}
.fieldWrapper div.rightc{background-position:-35px -21px;width:7px; height:28px;float:left;}
#search_form .fieldWrapper div.leftc{background-position:-14px -21px;height:27px;}
#search_form .fieldWrapper div.rightc{background-position:-20px -21px;height:27px;}

/* Buttons */
a.button{display:inline-block; text-indent:-999999px; overflow:hidden; cursor:pointer; }
input.button,input.blueButton{border:none; cursor:pointer;}
.bt-register{background:-187px -36px; width:80px; height:27px;}
.bt-login{background:-267px -36px; width:80px; height:27px;}
.bt-options{background:-393px -187px; width:158px; height:27px;}
/*blue button*/
.blueButton{font-size:13px;cursor:pointer; text-align:center;background-position:0 -50px;float:left;background-repeat:repeat-x;color:#fff;}
a.blueButton{display:inline-block;height:22px;padding-top:5px;text-decoration:none;}
a.blueButton:hover{text-decoration:none;}
input.blueButton{height:27px;padding-bottom:2px;}
.buttonWrap .front{background-position:0 -21px;height:27px;float:left;height:27px;width:7px;}
.buttonWrap .back{background-position:-7px -21px;height:27px;float:left;height:27px;width:7px;}

/*green button*/
.gbutton{background-image:url(images/green-buttons.png); background-repeat:no-repeat;}
.bt-go{background-position:0 0; width:56px; height:34px;}
.bt-start{background-position:0 -34px; width:135px; height:33px;}
.bt-preregister{background-position:0 -67px; width:154px; height:33px;}
.bt-viewcomplete{background-position:0 -100px; width:154px; height:33px;}
.bt-next{background-position:-105px 0; width:28px; height:18px;}
.bt-prev{background-position:-77px 0; width:28px; height:18px;}
.bt-preregister2{background-position:0 -133px; width:154px; height:33px;}
.bt-return-home{background-position:0 -166px; width:144px; height:33px;}

/*icons*/
.icon-1,.icon-2,.icon-3{width:34px; height:29px;display:inline-block;}
.icon-1{background-position:-393px -218px;}
.icon-2{background-position:-427px -218px;}
.icon-3{background-position:-461px -218px;}

/*font size*/
.f11{font-size:1.1em;}
.f12{font-size:1.2em;}
.f13{font-size:1.3em;}
.f14,.content p, .content ul{font-size:1.4em;}
h2{font-size:2.4em;color:#00467b;}
h3{font-size:1.5em;}


/* Structure */
body{
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Arial, Sans-Serif,'Lucida Grande', Verdana;
	color: #898989;
    background:url(images/body-bg.png) repeat-x 0 0;

}

.sprite,.top-nav a,.green-list a,.cavalry-nav a,.cavalry-nav li{background-image:url(images/sprite.png); background-repeat:no-repeat;}
span.sprite{display:inline-block;}

.pagewrapper{width:100%;background-position:50% 94px;}
.opera .pagewrapper{padding-left:1px;}
#page{margin:0 auto; width:989px;}
.pageWrap{width:100%; background:url(images/glory.png) no-repeat 50% 0; }
#header{height:491px; position:relative; color:#fff;}

#container{background-color:#fff;margin-top:24px; width:989px;}
#logo a {position:absolute; top:23px; left:28px;display:block;background-position: 0 -36px; width:187px; height:89px;text-indent:-999999px; overflow:hidden;}
#logostatement a {position:absolute; top:23px; left:28px;display:block;background-position: 0 -297px; width:187px; height:109px;text-indent:-999999px; overflow:hidden;}

#header .top{position:absolute; top:55px;right:0; z-index:9; width:648px;}

#header .bottom{position:absolute; bottom:0;right:0; z-index:9; height:266px;}
/* Navigation */
.top-nav{width:458px;height:20px;margin-top:4px;}
.top-nav li{ display:inline;}
.top-nav a{float:left;text-indent:-999999px; overflow:hidden;z-index:99;height:18px;}
#li-works a{background-position:0 0; width:107px;}
#li-works a:hover,.active-works #li-works a{background-position:0 -18px;}
#li-options a{background-position:-107px 0; width:168px;}
#li-options a:hover,.active-options #li-options a{background-position:-107px -18px;}
#li-faq a{background-position:-275px 0; width:48px;}
#li-faq a:hover,.active-faq #li-faq a{background-position:-275px -18px;}
#li-about a{background-position:-323px 0; width:90px;}
#li-about a:hover,.active-about #li-about a{background-position:-323px -18px;}
#li-blog a{background-position:-413px 0; width:45px;}
#li-blog a:hover,.active-blog #li-blog a{background-position:-413px -18px;}
.bt-register{margin-right:10px;}

#header .title{width:100%; height:62px;top:139px;position:absolute; text-align:center;}
#header .title h2,#header .title h3{margin-left:22px;}
#header .title h2{background-position:0 -125px; width:566px; height:46px;}
#header .title h3{background-position:0 -171px; width:566px; height:16px;}
#header .title .blueline{width:188px;margin-top:17px;margin-bottom:43px;}

#footer .top{background-color:#e4e3e1;color:#636363;height:241px;padding-top:16px;}
#footer .top h3{font-size:1.4em;font-weight:normal; color:#00467b;}
#footer .top p,#footer .top li a{font-size:1.2em;}
#footer .top li a{color:#636363;}
#footer .top .center{width:989px;}
#footer .bottom {background-color:#0c5285;height:35px; color:#4494c6; font-size:1.2em;padding-top:7px;}
#footer .bottom .center{width:989px;}
#footer a { color:#4494c6; }

.people{background-image:url(images/people.png); background-repeat:no-repeat;position:absolute;right:0;}
.logos{background-image:url(images/logos.png); background-repeat:no-repeat; margin-top:20px;margin-bottom:10px;width:192px; height:51px;}

.techavatar{background-position:-22px -606px;width:303px; height:268px;margin-left:-53px}
.creativeavatar{background-position:-392px -606px;width:251px; height:268px;}
.marketingavatar {background-position:-388px -280px;width:281px; height:268px;margin-left:-35px}
.accountantavatar {background-position:-20px -262px;width:322px; height:255px;margin-left:-71px;margin-top:13px}
.supportavatar{background-position:-377px 7px;width:251px; height:268px;}
.legalavatar{background-position:-1px 13px;width:331px; height:268px;margin-left:-80px}

.creativelogo{background-position:0 0;}
.techlogo{background-position:0 -51px;}
.marketinglogo{background-position:0 -102px;}
.accountantlogo{background-position:0 -153px;}
.supportlogo{background-position:0 -204px;}
.legallogo{background-position:0 -255px;}

.dialouge{background:url(images/dialouge.png) no-repeat; width:391px; height:147px;color:#727272;font-size:1.4em;margin-top:52px;}
.dialouge img,.dialouge p{margin-left:19px;}
.dialouge p{width:345px;}
.bluebox{background:url(images/blue-box.png) no-repeat;width:338px; height:124px;margin-bottom:6px;}
.bluebox .text{margin:18px 18px 0 33px;}
.bluebox h3{font-size:1.8em;margin-bottom:3px;}
.bluebox p{font-size:1.4em;margin-bottom:13px;}
.slide-show{width:642px; position:relative;height:264px}

.slide-nav{position:absolute;bottom:57px; left:132px; z-index:10;}
.slide-nav li{ display:inline}
.slide-nav a{background-position:-459px -116px; width:8px; height:8px;display:block; float:left; margin-right:4px;}

.active #techbutton,#techbutton:hover{background-position:-477px -116px;}
.active #creativebutton,#creativebutton:hover{background-position:-468px -116px;}
.active #marketingbutton,#marketingbutton:hover{background-position:-486px -116px;}
.active #accountantbutton,#accountantbutton:hover{background-position:-495px -116px;}
.active #supportbutton,#supportbutton:hover{background-position:-504px -116px;}
.active #legalbutton,#legalbutton:hover{background-position:-513px -116px;}

.free-banner{background-position:-323px -187px; width:67px; height:67px; top:1px; right:1px;}
.free-banner2{ top:129px;}

.home-block {width:280px;margin-right:52px;}
.home-block h3{margin-bottom:5px;}
.cavalry-nav{width:255px;}
.left-corner{background-position:-357px -69px; width:7px; height:7px;top:0;left:0;}
.right-corner{background-position:-364px -69px; width:7px; height:7px;top:0;right:0; z-index:10;}
.content{padding:23px 29px 60px 29px;}
.content h2{margin-bottom:17px;}
.content p{text-align:justify;}
.payment-badge{background-position:-459px 0; width:87px; height:110px; z-index:15; top:-13px; right:-20px;}
.cavalry-nav li{height:40px;background-position:-226px -270px;}
.cavalry-nav a{font-size:1.6em;color:#898989;background-position:-559px 0;padding-left:14px;}

.green-list a{background-position:-563px -16px;padding-left:17px;}
#footer .green-list li{width:147px;}
#footer .dline{margin:8px 0 8px 0;}
.footer-block{width:300px;margin-bottom:15px; margin-right:25px;}
.footer-block p{margin-bottom:10px;}
#footer .bt-grey{background-position:-187px -69px; width:166px; height:27px; text-indent:0;color:#fff;padding:7px 0 0 0;font-size:1.7em; text-align:center;}
.twitter-block{background-position:0 -187px; width:320px; height:73px;}

#footer .top #twitter_update_list{font-size:1.2em;width:245px;padding:5px 7px;}
.linkin{background-position:-349px -36px; width:32px; height:32px;margin-right:13px;}
.facebook{background-position:-381px -36px; width:32px; height:32px;margin-right:13px;}
.twitter{background-position:-413px -36px; width:32px; height:32px;}
#footer .last{margin-right:0;}

.bullet-list {padding-left:15px; margin-bottom:15px;}
.bullet-list li{list-style-type:disc; list-style-position:inside;}
.tweetmemebutton .count a{color:#fff;}

.retweetbutton {
margin-top:-1px;
background:url(../img/retweet.jpg) no-repeat 100% 0;
height:21px;font-size:12px;
float:left;
}
.retweetbutton span{background-image:url(images/tweets.gif); background-repeat:no-repeat; display:block;height:20px;}
.retweetbutton .leftc{width:5px; background-position:0 0;float:left;}
.retweetbutton .rightc{width:10px; background-position:-5px 0;float:left;}
.retweetbutton .bg{float:left; height:18px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#b6b6b6;}

.tweets{color:#fff;display:inline-block;font-weight:bold; font-size:12px;margin-top:2px;}
.retweet{display:inline-block; width:57px; height:21px; text-indent:-99999px;margin-left:5px;overflow:hidden;float:left;}