/* --------------------------------------------

PipelineAnalysis.com
copyright (c) PipelineAnalysis.com
Designed & Developed by Vespir Design

----------------------------------------------- */
/* -- Coded by James Forbes ------------------- */
/* -------------------------------------------- */



/* =GLOBAL
----------------------------------------------- */

* { margin: 0; padding: 0; }
a { color: #0066FF; text-decoration: none; }
a:hover { color: #0066FF; text-decoration: underline; }
a img { border: none; }

.logo { margin-top: 42px; float: left; }

p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333; line-height: 1.5em; margin-bottom: 10px; }
h1 { font-family:'Trebuchet MS'; font-size: 24px; color: #333; line-height: 1.5em; font-weight: normal; margin-bottom: 20px; }
h2 { font-family:'Trebuchet MS'; font-size: 18px; color: #75B200; line-height: 1.5em; font-weight: normal; margin-bottom: 10px; }
h3 { font-family:'Trebuchet MS'; font-size: 18px; color: #FFF; background: url(../images/h3_bg.jpg) top left repeat-x; padding: 5px 5px 5px 16px; font-weight: normal; margin-bottom: 1px; }
h4 { font-family: 'Trebuchet MS'; font-size: 14px; color: #0066FF; margin-bottom: 10px; }

body { font-family: Arial, Helvetica, sans-serif; width: 760px; margin: 0 auto; background: url(../images/bg_inner.jpg) top left repeat-x #C8D7DC; }
.wrapper { width: 760px; margin: 0 auto; float: left; }


.list { margin-bottom: 10px; margin-left: 35px; }
.list li { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333; line-height: 1.5em; }


.col_left { float: left; width: 496px; }
.col_right { float: right; width: 230px; }



/* =HOME PAGE
----------------------------------------------- */

body.home { background: url(../images/bg_home.jpg) top left repeat-x #C8D7DC; width: 760px; margin: 0 auto; }
.logo_home { margin-top: 60px; float: left; }
.circles { float: right; margin-top: 13px; }

.nav_main_home { float: left; margin-top: 40px; margin-bottom: 20px; }
.nav_main_home ul { float: left; }
.nav_main_home ul li { display: block; float: left; color: #FFF; font-size: 11px; font-weight: bold; }
.nav_main_home ul li a { display: block; float: left; color: #FFF; text-decoration: none; text-transform: uppercase; padding: 10px; }
.nav_main_home ul li a:hover { display: block; background: #FFF; color: #333; text-decoration: none; }
.nav_main_home ul li.active a { display: block; background: #FFF; color: #333; }


.col1 { width: 230px; float: left; margin-right: 34px; }
.col2 { width: 230px; float: left; margin-right: 34px; }
.col3 { width: 230px; float: left; }


/* =MAIN NAVIGATION
----------------------------------------------- */
.nav_main { float: left; margin-top: 20px; margin-bottom: 40px; }
.nav_main ul { float: left; }
.nav_main ul li { display: block; float: left; color: #FFF; font-size: 11px; font-weight: bold; }
.nav_main ul li a { display: block; float: left; color: #FFF; text-decoration: none; text-transform: uppercase; padding: 10px; }
.nav_main ul li a:hover { display: block; background: #FFF; color: #333; text-decoration: none; }
.nav_main ul li.active a { display: block; background: #FFF; color: #333; }


/* =SUB NAVIGATION
----------------------------------------------- */
.sub_nav { float: left; background: url(../images/sub_nav_bg.jpg) top left repeat-x #010101; width: 228px; border: #000 1px solid; }
.sub_nav ul { float: left; margin: 15px 0 15px 16px; width: 200px; }
.sub_nav ul li { display: block; color: #FFF; font-size: 12px; padding: 3px; }
.sub_nav ul li a { display: block; color: #FFF; font-size: 12px; background: url(../images/arrow_white.gif) right no-repeat; }



/* =FOOTER
----------------------------------------------- */
.footer { margin-top: 100px; }
.footer p { font-size: 10px; color: #333; }
.footer p a { color: #333; text-decoration: none; }
.footer p a:hover { color: #0066FF; }



/* =MISC
----------------------------------------------- */
.clear { clear: both; }
.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }
.icon_left { float: left; margin: 0 4px 0 0; }