@charset "UTF-8";

/* CSS Document */
/* Progressive Financial Planning - Dene Hallt 2009*/

/* EDITOR START */

hr{
border-bottom:1px solid #ffffff;
border-top:1px solid #5d5b5c;
border-left:1px solid #5d5b5c;
border-right:1px solid #5d5b5c;
margin-top:10px;
margin-bottom:10px}

h1{
font-size:18px;
color:#ffffff;
margin-bottom:15px;
padding:0}

h2{
font-size:16px;
color:#ffffff;
margin-top:10px;
margin-bottom:10px}

h3{
font-size:13px;
color:#ffffff;
margin-top:10px;
margin-bottom:10px}

h4{
font-size:12px;
color:#ffffff;
margin-top:10px;
margin-bottom:10px}

a{
color:#ffffff;
text-decoration:none}

a:hover{
color:#ffffff;
text-decoration:underline}

p{
margin-bottom:10px}

.yellow{
color:#fff200}

.red{
color:#b94c2a}

img, div, input { behavior: url("iepngfix.htc") }


/* EDITOR END */

body{
font-size:12px;
font-weight:200;
line-height:20px;
color:#cccccc;
font-family:Gill Sans, Helvetica, Verdana, Arial, sans-serif;
background:#5d5b5c url(assets/bg.jpg) repeat-x top center;_background:#3a3635 url(assets/bg-ie6.jpg) repeat-x top center}

*{
margin:0;
padding:0}

img{
border:0}

/* --------- Main Container --------- */

#wrapper{
width:100%;
height:100%;
padding:0;
margin:0}

#main_container{
width:978px;
height:100%;
padding:0;
margin:0 auto}

/* --------- Masthead ---------*/

#masthead{
width:978px;
height:238px;
margin:0;
padding:0;
background:none}

.logo{
width:705px;
height:82px;
float:left;
margin:0;
padding:40px 0 15px 10px}

.masthead_text{
width:235px;
float:right;
text-align:left;
margin:30px 0 0 0;
padding:0}

.masthead_text h2{
color:#5d5b5c;
line-height:17px;
font-size:14px}

/* --------- Navigation top ---------*/

#nav{
width:978px;
height:102px;
float:left;
text-align:center;
padding:0;
margin:0;
background:url(assets/bg-nav.png) no-repeat top left;_background:url(assets/bg-nav-ie6.jpg) no-repeat top left}

#nav ul{
text-align:center;
margin:9px 0 0 27px;
padding:0;
width:978px;
color:#ffffff}

#nav li{
list-style:none;
display:inline;
height:82px;
width:91px;
margin:0;
padding:0;
float:left}

#nav a{
height:36px;
width:91px;
text-decoration:none;
display:block;
color:#ffffff;
margin:0;
padding:35px 0 10px 0;
background:url(assets/default.jpg) no-repeat top center}

#nav a:hover{
height:22px;
width:91px;
text-decoration:none;
color:#ffffff;
display:block;
margin:0;
padding:49px 0 10px 0;
background:url(assets/hover.jpg) no-repeat top center}

#nav .active a{
height:22px;
width:91px;
text-decoration:none;
color:#ffffff;
font-weight:800;
display:block;
margin:0;
padding:49px 0 10px 0;
background:url(assets/hover.jpg) no-repeat top center}

#nav .active a:hover{
height:22px;
width:91px;
text-decoration:none;
color:#ffffff;
font-weight:800;
display:block;
margin:0;
padding:49px 0 10px 0;
background:url(assets/hover.jpg) no-repeat top center}

/* --------- Adarea ---------*/

#adarea{
width:978px;
height:156px;
float:left;
margin:0 0 0 9px;_margin:0 0 0 5px;
padding:0;
background:none}

#slideshow{
width:701px;
height:156px;
float:left;
margin:0;
padding:0;
background:none}

.testimonials{
width:170px;
height:123px;
padding:10px 30px 15px 30px;_padding:25px 30px 15px 30px;
float:left;
margin:2px 0 0 29px;_margin:2px 0 0 28px;
background:url(assets/bg-testimonials.jpg) repeat-x top left}

.testimonials p{
line-height:18px;
font-size:13px}

.testimonials a{
color:#ffffff}

/* --------- Mainarea ---------*/

#mainarea{
width:978px;
height:100%;
min-height:600px;
float:left;
margin:0;
background:url(assets/bg-main.png) repeat-y top left;_background:url(assets/bg-main-ie6.jpg) repeat-y top left}

#right_column{
width:240px;
float:right;
margin:0;
padding:0}

#right_column img{
float:right;
margin:0 9px 0 0;
padding:0}

.textarea{
padding:20px 40px 40px 33px;
margin:0;
width:650px;
height:100%;
float:left;
background:none}

.textarea ul{
padding:5px 0 5px 15px}

.textarea li{
list-style:none;
background:url(assets/bullet.gif) no-repeat left top;
padding:0 0 0 20px}

.textarea ol{
padding:5px 0 5px 15px}

/* --------- Navigation right ---------*/

#right-nav{
width:220px;
height:100%;
padding:23px 0 20px 1px;
float:left;
text-align:left;
display:block;
margin:0;
background:none}

#right-nav h2{
font-size:18px;
margin:0 0 7px 30px;
color:#ffffff}

#right-nav ul{
margin:0;
padding:0;
width:220px;
color:#ffffff}

#right-nav li{
list-style:none;
margin:0;
padding:0;
position:relative;
float:left}

#right-nav a{
text-decoration:none;
color:#ffff;
width:200px;
display:block;
margin:0;
padding:5px 0 6px 30px;
background:url(assets/right-nav-default.jpg) repeat-x top left}

#right-nav a:hover{
text-decoration:none;
color:#ffffff;
margin:0;
padding:5px 0 6px 30px;
background:url(assets/right-nav-hover.jpg) repeat-x top left}

#right-nav .active a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:5px 0 6px 30px;
background:url(assets/right-nav-hover.jpg) repeat-x top left}

#right-nav .active a:hover{
text-decoration:none;
color:#ffffff;
margin:0;
padding:5px 0 6px 30px;
background:url(assets/right-nav-hover.jpg) repeat-x top left}

/* --------- Image Area --------- */

#imagearea{
width:951px;
height:177px;
margin:0 auto;
_position:relative;
_left:-7px;
padding:20px 0 0 27px;
background:url(assets/bg-imagearea.png) no-repeat top center;_background:url(assets/bg-imagearea-ie6.jpg) no-repeat top center}

#imagearea img{
margin:0 3px 0 0}

.imagearea_left{
width:718px;
height:120px;
float:left}

.imagearea_right{
width:220px
height:120px;
float:left}

/* --------- Footer --------- */

#footer_container{
width:100%;
height:100%;
padding:0;
margin:0;
font-size:9px;
clear:both;
background:#ffffff url(assets/bg-footer.jpg) repeat-x top left}

#footer{
width:978px;
height:180px;
padding:0;
margin:0 auto;
font-size:9px}

#footer p{
font-family:Helvetica, Verdana, Arial, sans-serif;
color:#000000;
margin:15px 0 0 0;
font-size:9px}

#footer a{
font-family:Helvetica, Verdana, Arial, sans-serif;
color:#000000;
font-size:9px}

.footer_left{
float:left;
width:700px;
height:40px;
text-align:left;
margin:0;
padding:15px 0 0 10px}

.footer_right{
float:right;
width:250px;
height:40px;
text-align:right;
margin:0;
padding:15px 6px 0 0}