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; background:url(/img/sprites.png); }
#menu li a { display:block; width:100%; height:100%; text-indent:-9000px; }

#menu li.home { width:52px; background-position:0 -600px; }
#menu li.ourProcess { width:91px; background-position:-100px -600px; }
#menu li.features { width:71px; background-position:-200px -600px; }
#menu li.compare { width:94px; background-position:-300px -600px; }
#menu li.search { width:89px; background-position:-400px -600px; }
#menu li.about { width:73px; background-position:-500px -600px; }
#menu li.news { width:50px; background-position:-600px -600px; }

#menu li.home:hover, #menu li.home.active { width:52px; background-position:0 -714px; }
#menu li.ourProcess:hover, #menu li.ourProcess.active { width:91px; background-position:-100px -714px; }
#menu li.features:hover, #menu li.features.active { width:71px; background-position:-200px -714px; }
#menu li.compare:hover, #menu li.compare.active { width:94px; background-position:-300px -714px; }
#menu li.search:hover, #menu li.search.active { width:89px; background-position:-400px -714px; }
#menu li.about:hover, #menu li.about.active { width:73px; background-position:-500px -714px; }
#menu li.news:hover, #menu li.news.active { width:50px; background-position:-600px -714px; }




/*
#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:url(/img/sprites.png) -660px 0px; }
#sign div.wrapper { position:relative; width:336px; }
#sign a { outline:none; }

#sign p.rss { margin:0; position:absolute; top:8px; left:205px; background:url(/img/sprites.png) -660px -200px; 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:url(/img/sprites.png) -660px -300px; width:136px; height:66px; }
#sign p#signLink.on { background-position:-660px -366px; }
#sign p#signLink a { display:block; width:100%; height:100%; text-indent:-9000px; }


/**
 * Right CTA
 */
#right-cta { position:absolute; top:195px; left:588px; height:104px; width:332px; }
#right-cta a { display:block; width:100%; height:100%; background:url(/img/sprites.png) -0px -1200px; text-indent:-9000px; }
#right-cta a:hover { background-position:-400px -1200px; }


/**
 * Offer
 */
#offer { position:absolute; top:210px; right:165px; width:257px; height:35px; background:url(/img/sprites.png) -660px -450px; 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 .extra { clear:both; background:url(/img/layout/footer-line.png) no-repeat; margin:20px 0 0 0; padding:25px 0 0px 0; }
#footer .extra .wrapper {background:url(/img/layout/footer-line.png) no-repeat bottom right; padding:0 0 20px 0; margin:0; }
#footer .extra p { font-size:0.8em; color:#888888; }
#footer .extra p a { color:#888888; font-weight:bold; text-decoration:none; }
#footer .extra p a:hover { text-decoration:underline; }

#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; font-weight:bold; text-decoration:none; }
#footer .end p a:hover { text-decoration:underline; }