/*  F O N T  */
@font-face { font-family: 'MidoMedium'; src: url('http://static.cpalead.com/lib/font/Mido.eot'); src: local('Mido'), local('Mido-Medium'), url('http://static.cpalead.com/lib/font/Mido.woff') format('woff'), url('http://static.cpalead.com/lib/font/Mido.ttf') format('truetype'), url('http://static.cpalead.com/lib/font/Mido.svg#Mido-Medium') format('svg');}

/*  C O R E  */
* { margin:0; padding:0; }
html, body { height:100%; }
html { overflow-y:scroll; } /* Prevents scrollbar jump in some browser (like FF & Chr) */
body { color:#111; text-align:center; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida,sans-serif; background: #FFF url(../images/bg_top.png) repeat-x;}

/*  L A Y O U T  */
/* notes: Layout styles are global and should not be adjusted! */
#container-page { height:auto !important; height:100%; margin:0 auto; min-height:100%; position:relative; text-align:left; width:960px; }
#container-head { height:135px; }
#head { width:960px; height:135px; position:relative; }
#container-content:after { clear:both; content:"."; display:block; font:1px/0px serif; height:170px; visibility:hidden; }
#content-pri { float:left; width:675px; padding:15px; position:relative; margin-top:20px; }
#content-sec { border-left:solid 1px #999; float:right; width:224px; padding:15px; margin-bottom:30px; margin-top:20px; min-height:500px; }
#container-foot { bottom:0 !important; bottom:-1px; height:175px; position:absolute; width:100%; }
#container-foot .bottom { width:100%; height:60px; background-color:#CCC; }
#foot { position:relative; width:930px; margin:0 auto; height:150px; margin:0 auto; border-top: solid 1px #999; }

/*  L A Y O U T  ~  */
/* notes: Alternate style for landing page. It resizes the -pri content area to 100% and changes the back-ground file. */
body.landing { background: #FFF url(../images/bg_landing.png) repeat-x; }
#content-pri.landing { width:930px; padding-top:0; margin-top:0; }

/*  T Y P O G R A P H Y  */
/* notes: These are the default styles for typography used on the site. Do not change these values as it could or will throw off a lot of type, do any adjustments as one-off's as needed. */
p,h1,h2,h3,h4.h5.h6 { color:#333; }
h1 { font-size:48px; }
h2 { font-size:36px; }
h3 { font-size:24px; }
h4 { font-size:21px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
p { font-size:14px; margin-bottom:15px; line-height:1.5; }
a { text-decoration:none; border-bottom: dotted 1px #333; }
a, a:link { color:#999;  border-bottom: dotted 1px #333; }
a:visited { color:#999; } 
a:hover { color:#111; border-bottom: dashed 1px #666; }
a:active { color:#666; }
a.image { border: 0; }
em { font-style:italic; }

/*  G L O B A L S  */
img { border:none; }
.green { color:#39812B; }
.error { color:red; }
.right_float { float:right; }
br { clear:both; }

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block ;}
* html .clearfix { height:1%; }

/* Form */
form { font:100% verdana,arial,sans-serif; margin:20px 0 0 0; padding:0; }
form fieldset { border-color:#000; border-width:1px; border-style:solid; padding:10px; margin:0; }
form fieldset legend { font-size:1.1em; }
form label { display:block; float:left; width:155px; padding:0; margin:15px 0 0; text-align:right; font-size:14px; }
form fieldset label:first-letter { text-decoration:underline; }
form input, form textarea, form select { width:auto; margin:13px 0 2px 10px; }
form input[type="text"], form select { height:20px; }
form input[type="image"] { margin:20px 0 0 160px; display:inline-block; float:left; }
form input[type="image"] + input[type="image"] { margin-left:10px; }
form input[type="checkbox"] { margin-right:5px; }
form input#reset { margin-left:0px; }
textarea { overflow:auto; }
form .required { font-weight:bold; }
form br { clear:left; }
form span { font-size:9px; color:#333; margin:0 0 -20px 165px; padding:0; display:block; width:350px; }

/*  H E A D  */
#head img { position:absolute; top:35px; left:15px; }
#head a { border-bottom:none; }
#head a[title="Get Started"] { color:#FFF; }
#head a:hover { color:#FFF; }
#head p { float:right; margin:15px 15px 0 0; display:inline-block; color:#999; }
#head ul { float:right; clear:both; margin-top:20px; }
#head li { display:inline; list-style-type:none; padding-right:15px; font-size:16px; }

/*  F O O T E R  */
#foot img { position:absolute; top:20px; left:15px; }
#foot a { border-bottom:none; }
#foot a:hover { border-bottom:dashed 1px #666; }
#foot ul { float:right; margin-top:44px; }
#foot li { display:inline; list-style-type:none; padding-right:15px; font-size:14px; }
#foot p { font-size:12px; color:#2D9CBB; position:absolute; bottom:15px; right:15px; margin:0;}
#foot p a { color:#2D9CBB; }
#foot a.faceBook { background:url(../images/sprite_socialNetwork.png) no-repeat 0 -34px; width:148px; height:34px; position: absolute; bottom:0; left:15px; border-bottom:none; }
#foot a.twitter {background:url(../images/sprite_socialNetwork.png) no-repeat 0 0; width:148px; height:34px; position: absolute; bottom:0; left:168px; border-bottom:none; }

/*  P R I M A R Y (#content-pri)  */
/* global content-pri & content-sec styles */
#content-pri.blog ul { font-size: 14px; font-weight: normal; line-height: 1.5; list-style: inside; margin-left: 25px; margin-bottom: 10px; }
#content-pri h3,#content-sec h3 { font-family:'MidoMedium',"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida,sans-serif; font-weight:normal; }
#content-pri h5,#content-pri h5 { color:#2D9CBB; font-weight:normal; margin:15px 0; }
/* notes: Landing page styles. All content-pri.landing are items that live on the landing page. They control position and some style corrections. */
#content-pri.landing #areaOne { width:100%; height:338px; position:relative;}
#content-pri.landing #areaOne h1 { padding-top:50px; font-family:'MidoMedium',"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida,sans-serif; font-weight:normal; font-size:40px; letter-spacing:-1px; line-height:1.1; text-align:right; width:410px; }
#content-pri.landing #areaOne h5 { color:#2D9CBB; font-weight:normal; text-align:right; width:410px; margin-bottom:25px; }
#content-pri.landing #areaOne a.getStarted  { margin-left:125px; border:none; }
#content-pri.landing #areaOne .video { width:473px; height:263px; background-color:#F2F2f2; border:solid 1px #DADADA; position:absolute; top:25px; right:0; padding:10px; }
#content-pri.landing #areaTwo { height:215px; width:100%; /*margin-top:60px;*/ position:relative; }
#content-pri.landing #areaTwo img.midOne { margin:40px 0 0 40px; float:left; clear:right; display:inline; }
#content-pri.landing #areaTwo #getStarted { margin:40px 0 0 15px; float:left; display:inline; }
#content-pri.landing #areaTwo #getStarted a { width:127px; height:100px; background:url(../images/sprite_button.png) no-repeat 0 0px;position:relative;display:block; border-bottom:none; }
#content-pri.landing #areaTwo #getStarted span.hover { background:url(../images/sprite_button.png) no-repeat -130px 0px; position:relative;display:block;width:127px; height:100px; }
#content-pri.landing #areaTwo img[alt="divider"] { margin:20px 0 0 40px;}
#content-pri.landing #areaTwo h5 { color:#333; font-family:'MidoMedium',"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida,sans-serif; font-weight:normal; position:absolute; top:30px; right:15px; }
#content-pri.landing #areaTwo ul { position:absolute; top:70px; left:650px; list-style:url(../images/bullet-trans.png);  }
#content-pri.landing #areaTwo ul li { line-height: 1.6em; }
#content-pri.landing #areaTwo ul li a { color:#2D9CBB; border-color:#2D9CBB; }
#content-pri.landing #areaTwo p a { position:absolute; top:180px; right:10px; }
#content-pri.landing #areaTwo p.one { position:absolute; top:150px; left:40px; width:160px; height:45px; text-align:center; }
#content-pri.landing #areaTwo p.two { position:absolute; top:150px; left:225px; width:160px; height:45px; text-align:center; }
#content-pri.landing #areaTwo p.three { position:absolute; top:150px; left:410px; width:160px; height:45px; text-align:center; }
#content-pri.landing #areaThree { width:100%; margin-top:25px; position:relative; }
#content-pri.landing #areaThree p.right { margin-top:-15px; text-align:right; }
#content-pri.landing #areaThree div.boxOne { width:928px; height:238px; background-color:#FFF; border:solid 1px #F2F2f2; }
#content-pri.landing #areaThree div.boxTwo { width:908px; height:218px; background-color:#F2F2F2; margin:10px; }
#content-pri.landing #areaThree div.boxTwo ul { width:290px; float:left; margin:8px 0 0 10px; }
#content-pri.landing #areaThree div.boxTwo ul li { font-weight:normal; color:#333; margin:0 0 8px 20px; line-height:1.3; font-size:14px; list-style: outside; }
#content-pri.landing #areaThree div.boxTwo ul li span { font-size:11px; vertical-align:middle; }
#content-pri.landing #areaThree div.boxTwo ul > li { font-weight:bold; color:#39812B; line-height:2.2; list-style:none; font-size:16px; }
#content-pri.landing #areaThree .section { width:455px; float:left; margin:10px 20px 0 0; min-height:300px; }
#content-pri.landing #areaThree .section + .section { margin-right:0; }
#content-pri.landing #areaThree .section h5 { border-bottom:solid 1px #F2F2F2; width:100%; line-height:1.4; margin-bottom:30px; }
#content-pri.landing #areaThree .section img { width:131px; padding:10px; display:inline-block; vertical-align:text-bottom; }
#content-pri.landing #areaThree .section p { width:265px; display:inline-block; font-size:12px; }
#content-pri.landing #areaThree .section .quad { float:left; text-align:center; padding:2px 10px; width: 205px; height: 145px; overflow:hidden; position:relative; }
#content-pri.landing #areaThree .section .quad .play { width:49px; height:49px; position:absolute; top:22px; left:77px; }
#content-pri.landing #areaThree .section .quad .thumb { margin-bottom:5px; width:120px; height:90px; padding:5px; background-color:#F2F2f2; border:solid 1px #DADADA; }
#content-pri.landing #areaThree .section .quad p { width:95%; font-size:12px; line-height:1.3; } 

#content-pri a.noBorder { border-bottom:none; margin:0; padding:0; }

/* - */
#content-pri ul.list { color:#39812B;  list-style:url(../images/bullet-trans.png); margin:30px 0 0 30px; }
#content-pri ul.list li {  line-height:2.2; width:550px;}
#content-pri ul.list li a { color:#39812B; border-color:#39812B; }

/* ~Contact */
#content-pri form.contact div.subject { margin:0 0 0px 165px; width:300px; }
#content-pri form.contact div.subject ul li {width:150px; float:left; font-size:12px; }
#content-pri form.contact p { font-size:12px; margin-left:160px; }
#content-pri img.office { position:absolute; top:30px; right:10px; }
#content-pri p.short { width:380px; }

/* ~ login */
.bump h3 { margin-top:30px; }
#login .section { width:430px; float:left; margin:30px 20px 0 0; min-height:250px; padding-left:20px; }
#login .section h5 { border-bottom:solid 1px #F2F2F2; width:100%; line-height:1.4; margin-bottom:30px; }
#login .section + .section { margin-right:0; border-left:solid 1px #999; }
#login .section form { width:400px; min-width:400px; }
#login .section form label { width:100px; margin:15px 0 0; }
#login .section form input[type="image"] { margin-left:110px; }
#resetPass { margin-top:30px; }
#resetPass form label { width:100px; margin:15px 0 0; }
#resetPass form input[type="image"] { margin-left:110px; }

/* ~sitemap */
ul#sitemap { margin:30px 0 0 50px; font-size:14px; }
ul#sitemap li { line-height:1.6; }
ul#sitemap li a:hover { border-bottom: dashed 1px #666; color:#111; }

/* ~get started */
.steps { width:600px; height:65px; margin:20px auto; font-family:Arial, Helvetica, sans-serif; }
.steps h2 { font-size:64px; float:left; display:inline; margin-right:5px; color:#C0C0C0; }
.steps h2.current { color:#2D9CBB; }
.steps p { font-size:18px; width:100px; float:left; line-height:1.3; margin-top:10px; color:#C0C0C0; }
.steps p.current { color:#333; }
.steps img { float:left; margin-top:15px; padding-right:15px; }
div.captcha { margin:10px 0 0 160px; }
div.confirm { border:solid 1px #DADADA; margin:10px 0 0 160px; padding:10px; background-color:#F2F2F2; width:330px; }
div.confirm input[type="checkbox"] { display:inline; margin:0; padding:0; }
div.confirm span { font-size:14px; color:#111;  display:inline; margin-left:5px; }

/* ~blog */
#content-pri.blog div.blogInfo {float:left; text-align:right; width:105px; margin-top:20px; } 
#content-pri.blog div.blogInfo >p { font-size:12px; color:#39812B; margin-bottom:5px; }
#content-pri.blog div.blogInfo p + p { color:#333; margin-bottom:10px; }
#content-pri.blog div.blogInfo p + p + p { color:#333; margin-bottom:5px; font-weight:bold; }
#content-pri.blog div.blogInfo ul li { font-size:10px; line-height:1.4; list-style: none; }
#content-pri.blog div.post { width:520px; float:left; clear:right; margin:20px 0 0 30px; }
#content-pri.blog div.post h4 { max-width:520px; overflow:hidden; margin-bottom:20px;  }
#content-pri.blog div.post img { max-width: 99%; }
#content-pri.blog .blogcontent { float:left; width:540px; }
#content-pri.blog .postmetadata { margin: 0 0 0 115px; display: block; font-size: 0.7em; color: #666; padding: 5px 20px; }
#content-pri.blog .navigation { display: block; text-align: left; width:630px; margin-top: 10px; margin-bottom: 10px; }
#content-pri.blog .alignright { float: right; }
#content-pri.blog .alignleft { float: left; }
#content-pri.blog .moretext { background:url('http://static.cpalead.com/images/CPAlead_v2_5-10_16x16.png') no-repeat right 5px; text-align: right; margin: 0; padding: 0 21px 0 0; }
#content-pri.blog input#s { margin: 0; padding: 0; font-size: 12px; width: 400px; }
#content-pri.blog input#go { margin: 7px 0 0 0; padding: 1px 3px; font-size: 13px;}

#content-pri.blog #commentarea .alt { margin: 0; padding: 10px; }
#content-pri.blog #commentarea .commentlist { padding: 0; text-align: justify; }
#content-pri.blog #commentarea .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
#content-pri.blog #commentarea .commentlist li ul li { margin-right: -5px; margin-left: 10px; }
#content-pri.blog #commentarea .commentlist p { margin: 10px 5px 10px 0; }
#content-pri.blog #commentarea .commentlist li ul li { font-size: 1em; }
#content-pri.blog #commentarea .commentlist {width:600px;}
#content-pri.blog #commentarea .commentlist li { font-weight: bold;	width:630px; }
#content-pri.blog #commentarea .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
#content-pri.blog #commentarea .commentlist a {	border: 0; }
#content-pri.blog #commentarea .commentlist cite { font-weight: bold; font-style: normal; font-size: .8em; }
#content-pri.blog #commentarea .commentlist span.says {color:#444;}
#content-pri.blog #commentarea .commentlist p { font-weight: normal; line-height: 1.5; text-transform: none; }
#content-pri.blog #commentarea .commentlist span, #content-pri.blog #commentarea .commentmetadata { font-weight: normal; font-size: .8em; }
#content-pri.blog #commentarea .commentlist .comment-author { line-height: 1.6em; } 
#content-pri.blog #commentarea .commentlist .thread-alt { background-color: #f8fff8; }
#content-pri.blog #commentarea .commentlist .thread-even { background-color: #f8f8ff; }
#content-pri.blog #commentarea .commentlist .depth-1 { border: 1px solid #ddd; }
#content-pri.blog #commentarea .commentlist .even, #content-pri.blog #commentarea .commentlist .alt { border-left: 1px solid #ddd; }
#content-pri.blog #commentarea #commentform p { margin: 5px 0; }
#content-pri.blog #commentarea .children { padding: 0; }
#content-pri.blog #commentarea .nocomments { text-align: center; margin: 0; padding: 0; }
#content-pri.blog #commentarea .commentmetadata { margin: 0; display: block;	}
#content-pri.blog #commentarea #comment { width: 100%; padding: 3px; margin: 1px; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida,sans-serif; font-size: 0.9em; line-height: 1.5; color: #333;}
#content-sec.blog form { width:100px; position:relative; }
#content-sec.blog h4.search { padding: 0; margin: 0; }
#content-sec.blog ul { margin:10px 0 20px 20px; }
#content-sec.blog ul li { font-size:14px; line-height:1.5; }
#content-sec.blog input { margin: 0 0 0 20px; padding: 0; font-size: 11px; }
#content-sec.blog input#go { margin: 5px 0 0 20px; padding: 1px 3px; font-size: 12px;}

/* ~Testimonial */
#content-pri #testimonial { background-color: #FFF; }
#content-pri #testimonial hr { border-bottom: solid 1px #DADADA; border: 0; border: none; width: 660px; }
#content-pri #testimonial a { float: right; margin: 10px 20px 10px 0; }
#content-pri #testimonial #thumbArea { background-color: #fff; }
#content-pri #testimonial #thumbArea .thumb { background-color: #F2F2F2; border: solid 1px #DADADA; cursor: pointer; float: left; height: 133px; margin: 0 0 10px 15px; overflow: hidden; padding: 10px; position: relative; text-align: center; width: 128px; }
#content-pri #testimonial #thumbArea .thumb .play { height: 49px; left: 50px; position: absolute; top: 30px; width: 49px; }
#content-pri #testimonial #thumbArea .thumb .last { margin-right: 0; }
#content-pri #testimonial #thumbArea .thumb a { margin: 0 auto; padding: 0 4px 2px 0; border: 0; }
#content-pri #testimonial #thumbArea .thumb p { font-size: 11px; line-height: 1.2; margin-top: 5px; }
#content-pri #testimonial #textArea { margin-bottom: 30px; width: 660px; border-top: solid 1px #DADADA;}
#content-pri #testimonial #textArea .text { border-bottom: solid 1px #DADADA; position: relative; }
#content-pri #testimonial #textArea .text img { bottom: -20px; cursor: pointer; height: 20px; position: absolute; right: 10px; width: 79px; display: none;}
#content-pri #testimonial #textArea .text h6 { font-size: 14px; margin: 10px; width: 555px; line-height: 1.5; cursor: pointer; }
#content-pri #testimonial #textArea .text p { font-size: 12px; margin: 0 20px 10px 20px; padding: 0; }
#content-pri #testimonial #textArea .text p.vidlink { text-align: right; margin-top: 0; padding-top: 0; }
#content-pri #testimonial #textArea .text .content a { float: none; }

/* ~Testimonial (all video page) */
#content-pri #testimonial_video_all { background-color: #FFF; }
#content-pri #testimonial_video_all .thumb { background: #F2F2f2; border: solid 1px #DADADA; cursor: pointer; float: left; height: 70px; margin: 0 25px 25px 0; padding: 5px; position: relative; width: 94px; }
#content-pri #testimonial_video_all .thumb .last { margin-right: 0; }
#content-pri #testimonial_video_all .thumb .play { height: 49px; left: 30px; position: absolute; top: 18px; width: 49px; }

/* S E C O N D A R Y  (Content-sec) */
#content-sec ul.list { color:#2D9CBB;;  list-style:url(../images/bullet-trans.png); margin:30px 0 0 30px; }
#content-sec ul.list li {  line-height:1.6; }
#content-sec ul.list li a { color:#2D9CBB; border-color:#2D9CBB; }
#content-sec address { margin:10px 0 20px 10px; line-height:1.8; font-size:12px; font-weight:normal; font-style:normal; }

/* Welcome Page */
#welcomePage .boxOne { width:278px; height:148px; border:solid 1px #DADADA; padding:10px; float:left; margin:20px 0 20px 25px; }
#welcomePage .boxTwo { width:266px; height:136px; border:solid 1px #DADADA; background-color:#F2F2F2; padding:5px; position:relative; }
#welcomePage .boxTwo h4 { font-size:14px; }
#welcomePage .boxTwo p { font-size:12px; line-height:1.3; text-align:justify; }
#welcomePage .boxTwo img { float:right; margin-left:5px; }
#welcomePage .boxTwo img.button { float:none; position:absolute; bottom:2px; left:8px; }
#welcomePage .section { width:320px; float:left; }
#welcomePage .section h5 { border-bottom:solid 1px #F2F2F2; width:100%; line-height:1.4; margin-bottom:10px; }
#welcomePage .section p { font-size:12px; text-align:justify; white-space:pre-line; }
#welcomePage .section ul.associate { list-style:none; line-height:2; font-size:14px; }
#welcomePage .section img.info { float:left; margin:5px 20px 0 0; display:inline-block; vertical-align:middle; }
#welcomePage .section img.associate { float:left; margin-right:10px; }
#welcomePage .section a.noBorder { border-bottom:none; margin:0; padding:0; }
#welcomePage .section + .section { margin-right:0; float:right; }
#welcomePage>h3 { margin-bottom:5px; }
#welcomePage>h4 { color:#000; font-size:16px; margin-bottom:10px; }
#welcomePage>img { margin:0 30px 30px; }
#welcomePage>p { text-align:justify; }