/*
Theme Name: Clear Estimates Theme
Theme URI: http://www.clearestimates.com
Description: Theme for Clear Estimates
Version: 1.0
Author: Lukas Sparks
Author URI: http://www.sparksmedia.net
*/



/*************************************/
/*  1. CSS Rest                      */
/*                                   */
/*  Thank you Eric Meyer             */
/*  http://www.meyerweb.com          */
/*************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
body {
    line-height: 1;
	color:#333;
}
ol, ul {
    list-style-type: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*************************************/
/*  2. Global CSS                    */
/*                                   */
/*  Applies to all pages in site     */
/*************************************/


body{
	font:13px/130% Helvetica,arial,sans-serif;
	background:#737373 url(images/bg_main.png);
}

.alignright{
	float:right;
	margin:20px 0 20px 20px;
	padding:5px;
	border:1px solid #d7d7d7;
}

.alignleft{
	float:left;
	margin:20px 20px 20px 0;
	padding:5px;
	border:1px solid #d7d7d7;
}

.clear{
	clear:both;
}

p{
	margin:10px 0;
}
a{
	color:#125682;
}

a:hover{
	color:#E15526;
}

h4{
	padding:25px 0 5px 0;
	color:#125682;
	font-size:14px;
}

h3{
	color:#125682;
	font-size:16px;
	margin:10px 0 10px 0;
}

h2{
	color:#125682;
	font-size:24px;
	margin:30px 0 20px 35px;
}

div.wrapper div.full_width h2{
	margin-left:0;
}

div.wrapper div.left h2{
	margin-left:0;
	line-height:100%;
}

div.wrapper div.bottom .bucket ul li,
div.wrapper ol li ul li{
	padding:3px 0 3px 15px!important;
	background:transparent url(images/bg_bullet.png) no-repeat 0 6px;
}

.wrapper ol li ul{
	margin:15px;
}

div.wrapper div.post{
	padding:15px;
} 

div.wrapper div.post table#report_table{
	margin:20px 0;
}

div.wrapper div.post table#report_table td{ 
	padding:0 0 20px 0;
}

div.wrapper div.post table#report_table td strong{ 
	padding:0 20px 0 0;
}

div.wrapper div.post ul{
	list-style-type:disc;
	margin:0 0 20px 20px;
}

div.wrapper div.post ol{
	list-style-type:decimal;
	margin:0 0 0 20px;
}

div.wrapper{
	width:970px;
	background:transparent url(images/bg_wrapper.png) repeat-y 0 10px;
	margin:50px auto 0 auto;
}

div.wrapper div.full_width{
	padding:0 35px 35px 35px;
}


	
	
div.wrapper div.branding{
	height:135px;
	background:transparent url(images/bg_top.png) no-repeat top center;
	top:-10px;
	position:relative;
}


div.wrapper div.branding h1 a{
	height:78px;
	width:291px;
	display:inline;
	float:left;
	margin:40px 0 0 30px ;
	text-indent:-99999px;
	background:transparent url(images/bg_logo.png) no-repeat top center;
}

div.wrapper div.branding a.carbon_free{
	height:59px;
	width:76px;
	display:block;
	top:15px;
	right:15px;
	position:absolute;
	text-indent:-99999px;
	background:#fff url(images/bg_carbonfree.gif) no-repeat bottom center;
}

div.wrapper div.branding a.carbon_free:hover{
	background:#fff url(images/bg_carbonfree.gif) no-repeat top center;
}




/*------- MAIN NAVIGATION --------*/

div.wrapper div.branding ul#nav{
	height:30px;
	width:635px;
	display:block;
	float:right;
	margin:120px 10px 0 0;
}

div.wrapper div.branding ul#nav li{
	float:left;
}

div.wrapper div.branding ul#nav li a{
	display:block;
	padding:0 22px;
	/*width:76px;*/
	line-height:26px;
	text-decoration:none;
	color:#125682;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

div.wrapper div.branding ul#nav li a:hover,
body.page-template-CESubscribe-php div.wrapper div.branding ul#nav li#signup a,
body.page-template-CEHome-php div.wrapper div.branding ul#nav li#home a,
body.page-template-CESupport-php div.wrapper div.branding ul#nav li#support a,
body.parent-pageid-17 div.wrapper div.branding ul#nav li#support a,
body.page-id-32 div.wrapper div.branding ul#nav li#about a,
body.page-id-39 div.wrapper div.branding ul#nav li#contact a,
body.page-template-CETour-php div.wrapper div.branding ul#nav li#tour a,
body.blog div.wrapper div.branding ul#nav li#blog a,
body.single div.wrapper div.branding ul#nav li#blog a,
body.archive div.wrapper div.branding ul#nav li#blog a,
body.parent-pageid-46 div.wrapper div.branding ul#nav li#support a{
	background:transparent url(images/bg_nav.png) no-repeat top center;
	color:#fff;
}

#crumbs{
	border-top:1px solid #dedede;
	border-bottom:5px solid #125682;
	margin:20px 0 0 5px;
	color:#125682;
	padding:8px 0 8px 32px;
	width:928px;
	background:#fff url(images/bg_crumbs.png) repeat-x bottom left;
}

body.home #crumbs,
body.page-id-43 #crumbs{
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

#crumbs a{
	font-weight:normal;
	color:#646464;
	text-decoration:none;
}

#crumbs a:hover{
	text-decoration:underline;
}

/*------- MAIN CONTENT --------*/

div.wrapper div.featured_content{
	height:340px;
	width:960px;
	margin:0 auto;
	background:#bddcfe url(images/bg_ftcontent.jpg) no-repeat top center;
	border-top:5px solid #125682;
	border-bottom:5px solid #125682;
	color:#125682;
}

div.wrapper div.featured_content div#slideshow{
	height:295px;
	width:387px;
	background:transparent url(images/ce2.jpg) no-repeat top center;
	float:right;
	margin:45px 35px 0 0;
	display:inline;
}

div.wrapper div.featured_content div#purchase_area{
	height:260px;
	width:360px;
	background:transparent url(images/bg_purchase_panel.png) no-repeat top center;
	margin:40px;
	float:right;
	display:inline;
	text-align:center;
}

div.wrapper div.featured_content div#purchase_area h3{
	padding:36px 29px 29px 29px;
	font-size:18px;
	line-height:24px;
	margin:0;
}

div.wrapper div.featured_content div#purchase_area a{
	width:166px;
	height:35px;
	display:block;
	text-indent:-99999px;
	background:#fff url(images/btn_signup.png) no-repeat top center;
	margin:20px 0 0 98px;
} 
	
	
div.wrapper div.featured_content div.left{
	width:450px;
	float:left;
	display:inline;
	color:#125682;
	padding:45px 0 0 45px;
}

div.wrapper div.featured_content div.left h2{
	font-size:22px;
	line-height:26px;
	margin:0 0 15px 0;
	letter-spacing:.01em;
}

div.wrapper div.featured_content div.left h2.no_spacing{
	margin:0;
}

div.wrapper div.featured_content div.left ul{
	margin:20px 0;
}

div.wrapper div.featured_content div.left ul li{
	background:url(images/bg_check.png) no-repeat 0 0;
	padding:4px 0 4px 25px;
	font-size:17px;
}

div.wrapper div.featured_content div.left p.small{
	font-size:12px;
}

div.wrapper div.featured_content div.left p{
	line-height:20px;
	font-size:14px;
}

div.wrapper div.featured_content div.left a.signup{
	background:transparent url(images/btn_signup_orange.png) no-repeat -166px 0;
	width:177px;
	height:45px;
	text-indent:-99999px;
	display:block;
	float:left;
	margin:25px 20px 0 0;
}

div.wrapper div.featured_content div.left a.learn_more{
	background:transparent url(images/btn_signup_orange.png) no-repeat top right;
	width:177px;
	height:45px;
	text-indent:-99999px;
	display:block;
	float:left;
	margin:25px 20px 0 0;
}

div.wrapper div.left{
	float:left;
	padding:0 0 100px 35px;
	width:580px;
}


div.wrapper div#features{
	height:67px;
	width:960px;
	margin:10px auto;
	background:#fff url(images/bg_features.png) repeat-x top left;
}

div.wrapper div#features h3{
	color:#125682;
	font-size:16px;
	font-weight:normal;
	float:left;
	display:block;
	padding:10px 0 10px 40px;
	margin:12px 0 0 80px;
	display:inline;
}

div.wrapper div#features h3#support{
	background:transparent url(images/bg_icons.png) no-repeat 0 0;
}

div.wrapper div#features h3#materials{
	background:transparent url(images/bg_icons.png) no-repeat 0 -35px;
}

div.wrapper div#features h3#updates{
	background:transparent url(images/bg_icons.png) no-repeat 0 -68px;
}


div.wrapper div#lower_content{
	width:898px;
	border:1px solid #dfdfdf;
	margin:20px 0 35px 35px;
	float:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

div.wrapper div#lower_content div.col{
	float:left;
	width:400px;
	padding:10px 0 30px 30px;
}

div.wrapper div#lower_content ul li{
	padding:3px 0 3px 15px;
	background:transparent url(images/bg_bullet.png) no-repeat 0 6px;
	color:#959595;
}

div.wrapper div#lower_content h4{
	color:#606060;
}

div.wrapper div#lower_content p{
	color:#646464;
} 
	
div.wrapper div#lower_content a#contact{
	color:#E15526;
	margin:15px 0;
	display:block;
	font-weight:bold;
	border:1px solid #ffd900;
	text-decoration:none;
	padding:5px;
	width:150px;
	text-align:center;
	background-color:#fff0d9;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.wrapper div#lower_content a#contact:hover{
	color:#fff;
	border:1px solid #b9441c;
	background-color:#E15526;
}
	
div.wrapper div.left_col{
	padding:30px;
}

div.wrapper div.left_col h3{
	color:#125682;
	font-size:18px;
	background:#fff url(images/bg_h3.png) no-repeat top left;
	padding:12px 0 20px 15px;
}

div.wrapper div.left_col ol#steps{
	list-style-type:none;
}

div.wrapper div.left_col ol#steps li{
	padding:30px 0 0 50px;
}

div.wrapper div.left_col ol#steps li.one{
	background:#fff url(images/bg_1.png) no-repeat 10px 25px;
}
div.wrapper div.left_col ol#steps li.two{
	background:#fff url(images/bg_2.png) no-repeat  10px 25px;
}
div.wrapper div.left_col ol#steps li.three{
	background:#fff url(images/bg_3.png) no-repeat  10px 25px;
}

div.wrapper div.left_col a.learn_more{
	background:transparent url(images/btn_signup_orange.png) no-repeat 11px 0;
	width:177px;
	height:45px;
	text-indent:-99999px;
	display:block;
	float:left;
	margin:25px 20px 0 40px;
}

div.wrapper div.left_col ol#steps li p{
		color:#333;
		font-size:14px;
		margin:0 350px 0 0;
		display:block;
}

div.wrapper div.left_col ol#steps li h4{
	color:#125682;
	font-size:15px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}


div.wrapper div.right{
	width:289px;
	float:right;
	padding:79px 30px 0 30px;
}

body.page-template-CETour-php div.wrapper div.right,
body.page-id-39 div.wrapper div.right{
	width:289px;
	float:right;
	padding:20px 30px 0 30px;
}



div.wrapper div.right h4{
	font-size:16px;
	font-weight:bold;
	color:#646464;
	margin:10px 0;
	padding:0;
}

div.wrapper div.right p.quote{
	padding:0 0 10px 25px;
	background:transparent url(images/bg_quotes.png) no-repeat top left;
	margin:10px 0 0 0;
	color:#959595;
	line-height:18px;
}

div.wrapper div.right p.quote em{
	margin:10px 0 0 0;
	display:block;
}

div.wrapper div.right #sidebar_sub{
	background:url(images/bg_sidebarcta.jpg) no-repeat top center;
	width:290px;
	height:215px;
	text-align:center;
	padding:15px 0 0 0;
}

div.wrapper div.right #sidebar_sub h3{
	line-height:1.2em;
}

div.wrapper div.right #sidebar_sub a{
	background:transparent url(images/btn_signup2.png) no-repeat top center;
	display:block;
	width:166px;
	height:35px;
	text-align:center;
	text-indent:-99999px;
	margin:20px 0 20px 62px;
}



div.wrapper div.bottom{
	width:960px;
	clear:both;
	background:transparent url(images/bg_footer.png) no-repeat 36px 0;
	height:220px;
	margin:50px 0 0 0;
}

div.wrapper div.bottom .bucket{
	float:left;
	width:250px;
	height:180px;
	margin:0 0 0 60px;
	padding:15px 0 0 0;	
	display:inline;
}

div.wrapper div.bottom .bucket h4{
	padding:0 0 25px 0;
	color:#125682;
	font-size:14px;
}


div.wrapper div.bottom .bucket ul li a{
	color:#333;
	text-decoration:none;
}

div.wrapper div.bottom .bucket ul li a:hover{
	color:#125682;
}

/*-------SUPPORT HOME PAGE---------*/

div.wrapper div#support_box{
	width:585px;
	height:308px;
	background:url(images/bg_support.jpg) no-repeat top center;
	float:left;
	margin:20px 0 40px 0;
}

div.wrapper div#support_box a.sbutton{
	width:239px;
	height:106px;
	background:url(images/bg_support_panel.png) no-repeat top center;
	float:left;
	display:block;
	text-decoration:none;
	padding:20px 0 0 20px;
	margin:18px 0 0 22px;
}

div.wrapper div#support_box a.sbutton:hover{
	background:url(images/bg_support_panel.png) no-repeat bottom center;

} 

div.wrapper div#support_box a.sbutton h3{
	color:#333;
	text-decoration:none;
	font-size:18px;
	margin:0;
}

div.wrapper div#support_box a.sbutton:hover h3{
	color:#e15526;
}

div.wrapper div#support_box a.sbutton p{
	color:#646464;
	font-size:14px;
	padding:10px 20px 10px 0;
}

div.wrapper div#support_box a.sbutton ul li{
	color:#646464;
}

div.wrapper ul#support_nav{
	float:left;
	margin:10px 0 30px 27px;
	height:30px;
	width:920px;
}

div.wrapper .full_width ul#support_nav{
	margin:10px 0 30px -10px;
}

div.wrapper ul#support_nav li a{
	float:left;
	display:block;
	margin:0 0 0 8px;
	width:220px;
	height:26px;
	background:transparent url(images/bg_support.png) no-repeat 0 -40px;
	text-decoration:none;
	color:#125682;
	font-size:15px;
	padding:14px 0 0 0;
	text-align:center;
}

body.page-id-46 ul#support_nav li#video a,
body.page-id-341 ul#support_nav li#downloads a,
body.page-id-78 ul#support_nav li#manual a,
body.parent-pageid-46 ul#support_nav li#video a,
div.wrapper ul#support_nav li a:hover{
	background:transparent url(images/bg_support.png) no-repeat top left;
	color:#e15526;
}
  



/*-------SUPPORT - VIDEO---------*/

ul#video_tuts{
	list-style-type:none;
	margin:0;
}


ul#video_tuts li a{
	display:block;
	border-top:1px dotted #d7d7d7;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	padding:25px 0 30px 70px;
	background:transparent url(images/bg_play.png) no-repeat 0 50%;
}



/*-------SUPPORT - DOWNLOADS---------*/


div.wrapper div.dl_list{
	width:580px;
	border-TOP:1px dotted #d7d7d7;
	padding:20px 0 0 0;
	float:left;
}

div.wrapper div.dl_list img{
	float:left;
	margin:0 15px 30px 0;
}

div.wrapper div.dl_list h3{
	margin-bottom:4px;
}

div.wrapper div.dl_list a{
	color:#E15526;
	border-bottom:1px dotted #E15526;
	text-decoration:none;
}

	
/*------- FOOTER --------*/

div.footer{
	position:relative;
	margin:0 auto 30px auto;
	height:50px;
	width:970px;
	background:transparent url(images/bg_bottom.png) no-repeat top center;
	overflow:hidden;
	padding:10px 0 0 0;
}

div.footer ul{
	padding:15px;
}

div.footer ul li{
	float:left;
	font-size:12px;
	padding:2px 10px;
	display:block;
	letter-spacing:.02em;
}

div.footer ul li.promo140{
	float:right;
	padding:0;
}


div.footer ul li a{
	text-decoration:none;
	color:#adadad;
}



/********** Home Page Tooltips ***************/


.tooltip {
	display:none;
	background:url(http://flowplayer.org/tools/img/tooltip/white.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}



#vert_share{
	text-align:center;
	float:right;
	border:1px dotted #dcdcdc;
	padding:20px 10px 10px 10px;
	margin:0 30px 30px 0;
}

#horiz_share{
	text-align:center;
	border:1px dotted #dcdcdc;
	padding:20px 10px 10px 10px;
}

.fb_share_count_wrapper {
	clear:both;
}

table.sample {
	border-width: 1px;
	border-spacing: 1px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.sample td {
valign: middle;	
border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

