body { margin:0; padding:0; }

/**
 * Header
 */
#header { background-position:top center; height:265px; background-image:url(/img/layout/header-bg-sub.jpg); }
#header div.clouds { height:265px; position:relative; background-image:url(/img/layout/clouds1.png); background-position:bottom center; background-repeat:no-repeat; }
#header div.clouds div.cwrapper { width:872px; margin:0 auto; position:relative; /*z-index:999;*/ }

#header #utility {}


/**
 * Logo
 */
#header h1 { margin:0; position:relative; padding-top:48px !important; width:241px; height:75px; }
#header h1 a {  }
#header h1 img { border:0; }




/**
 * Main Menu
 */
#menu { position:absolute; top:33px; right:18px; }
#menu a { outline:none; }
#menu ul { margin:0; padding:0; }
#menu li { list-style-type:none; margin:0 2px 0 0; padding:0; height:57px; width:60px; float:left; }
#menu li.over, #menu li.active { background-position:bottom left; }
#menu li a { display:block; width:100%; height:100%; text-indent:-9000px; }

#menu li.home { width:52px; background-image:url(/img/nav/home.png); }
#menu li.search { width:89px; background-image:url(/img/nav/search.png); }
#menu li.clients { width:57px; background-image:url(/img/nav/clients.png); }
#menu li.submit { width:117px; background-image:url(/img/nav/submit.png); }
#menu li.about { width:73px; background-image:url(/img/nav/about.png); }
#menu li.contact { width:83px; background-image:url(/img/nav/contact.png); }
#menu li.news { width:50px; background-image:url(/img/nav/news.png); }
#menu li.ourProcess { width:91px; background-image:url(/img/nav/our-process.png); }
#menu li.compare { width:94px; background-image:url(/img/nav/compare.png); }
#menu li.features { width:71px; background-image:url(/img/nav/features.png); }




/**
 * Fly in
 */
#flyin { position:absolute; /*height:480px;*/ width:100%; /*z-index:998;*/ }
#flyin div.wrapper { position:relative; width:872px; margin:0 auto; }
#flyin #flyinImg { position:absolute; top:130px; left:-42px; width:631px; height:267px; }

#flyin #flyinImg #flyinFlash { position:absolute; top:0; left:0; /*z-index:5;*/ }
#flyin #flyinImg div.flyinWrapper { position:absolute; top:20px; left:110px; height:234px; z-index:60; }

#flyin #flyinImg div.flyinWrapper #first { position:absolute; top:0; left:0; width:396px; height:234px; background:url(/img/elements/flyin-bg-v5.png) transparent no-repeat; }
#flyin #flyinImg div.flyinWrapper #first:hover { background-position:bottom left; }
#flyin #flyinImg div.flyinWrapper #first h5 { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; text-indent:-9000px; }
#flyin #flyinImg div.flyinWrapper #first h5 a { display:block; width:100%; height:100%; outline:none; }
#flyin #flyinImg div.flyinWrapper #first h4 { text-indent:-9000px; position:absolute; }
#flyin #flyinImg div.flyinWrapper #first p { color:#7a7a7a; width:375px; padding-top:88px; margin-left:0; font-size:0.9em; /*z-index:5;*/ }

#flyin #flyinImg div.flyinWrapper #second { position:absolute; top:0; left:0; width:396px; height:234px; background:url(/img/elements/flyin-bg-signup.png) transparent no-repeat; z-index:65; }
#flyin #flyinImg div.flyinWrapper #second h5 { margin:0; text-indent:-9000px; }
#flyin #flyinImg div.flyinWrapper #second div span { font-size:0.8em; }
#flyin #flyinImg div.flyinWrapper #second form { width:375px; padding-top:18px; z-index:9999; }
#flyin #flyinImg div.flyinWrapper #second form label { font-size:0.7em; }
#flyin #flyinImg div.flyinWrapper #second form div.text input { font-size:0.7em; width:95%; }
#flyin #flyinImg div.flyinWrapper #second form div.checkbox input { width:auto; float:left; margin-right:5px; }
#flyin #flyinImg div.flyinWrapper #second form div.submit { position:absolute; top:170px; right:34px; }
#flyin #flyinImg div.flyinWrapper #second form div.submit input { padding:0 2px 0 2px; font-size:1.1em; }
#flyin #flyinImg div.flyinWrapper #second div.notes { padding-top:15px; padding-left:30px; }

/*
#header { z-index:20; }
#header .clouds { z-index:20; }
#outer { z-index:10; }*/

/**
 * Sign
 */
#sign { position:absolute; top:145px; left:568px; height:184px; width:336px; background-image:url(/img/elements/cloud-sign.png); }
#sign div.wrapper { position:relative; width:336px; }
#sign a { outline:none; }

#sign p.rss { margin:0; position:absolute; top:8px; left:205px; background-image:url(/img/elements/cloud-rss.png); width:55px; height:53px; }
#sign p.rss a { display:block; width:100%; height:100%; text-indent:-9000px; }

#sign p#signLink { margin:0; position:absolute; top:102px; left:96px; background-image:url(/img/elements/signpost/plans-and-pricing.png); width:136px; height:66px; }
#sign p#signLink.on { background-position:bottom left; }
#sign p#signLink a { display:block; width:100%; height:100%; text-indent:-9000px; }


/**
 * Offer
 */
#offer { position:absolute; top:210px; right:165px; width:257px; height:35px; background-image:url(/img/layout/offers/how-we-work.png); text-indent:-9000px; }
#offer a { display:block; width:100%; height:100%; outline:none; }
body.home #offer { top:435px; }


/**
 * Containers
 */
#outer { position:relative; background-color:white; min-height:600px; }
#inner { width:872px; margin:0 auto; position:relative; }


/**
 * Main
 */
#main {  }
#main h2 { margin:0 0 10px 0; }
#main h3 { margin-top:0; }


/**
 * Cols for main
 */
#main .cols { }
#main .col { min-height:300px; }
#main .col.left { width:570px; float:left; }
#main .col.right { width:275px; float:right; }

#main ul { margin-left:1.5em; margin-bottom:1em; }
#main ol { margin-left:1.5em; margin-bottom:1em; }


/**
 * Breadcrumbs
 */
p#crumbs { font-size:0.68em; position:absolute; left:75px; top:2px; color:#c4c4c4; }
p#crumbs a { color:#c4c4c4; text-decoration:none; }


/**
 * Footer
 */
#footer { background:url(/img/layout/footer-line.png) no-repeat; padding:25px 0 20px 0; clear:both; }
#footer .cols { display:block; }
#footer .col { float:left; width:20%; }
#footer .col4 { width:35%; }
#footer ul { margin:0 0 0 1em; padding:0; }
#footer li { list-style-type:square; color:#7a7a7a; font-size:0.8em; }
#footer li a { color:#7a7a7a; text-decoration:none;  }
#footer li a:hover { color:#1ec2ea; }
#footer h4 { margin:0 0 0.5em 0; }

#footer .end { padding-top:20px; clear:both; text-align:right; }
#footer .end p { font-size:0.8em; color:#7a7a7a; }
#footer .end p.copy { float:left; }
#footer .end p {  }
#footer .end p a { color:#7a7a7a; }
#footer .end p a.recruitment { text-decoration:none; }