/*
Theme Name: UltraLite Framework
Theme URI: http://wp-ultralite.com/
Description: A Wordpress Theme Framework.
Version: 1.0
Author: Chip Cheatham
Author URI: http://wp-ultralite.com/
Tags: framework, white, widgets

	UltraLite Wordpress Theme Framework
	Original Framework Design by Kane McLean.
	CSS and Web Theme Designed and Built by Chip Cheatham
	http://wp-ultralite.com/
	
*/

/* RESET CSS *****************************************************************************/
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%;vertical-align:baseline;background:transparent;}
body{line-height:1;} ol, ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;}


/* STRUCTURE & DESIGN *********************************************************************/
/* HTML Structure & Design *************/
html,body {
	height: 100%;
}
body {
	background-image: url(/images/cce_body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #e2e9e3;
}

/* Header Structure & Design ********************/
#header {
	height: 95px;
	width: 920px;
	background-image: url(/images/cce_header_deco.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
}

#header h1 {
	float: left;
}
#header_nav {
	float: right;
}
#header_nav ul {
	float: left;
	width: 385px;
	margin-right: 30px;
}
#header_nav ul li {
	display: inline;
}
#header_nav ul li a, #header_nave ul li a:visited {
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	color: #fff1d2;
	text-decoration: none;
}
#header_nav ul li a:hover {
	text-decoration: underline;
}

/* Navigation ****************/
#nav_wrap {
	width: 920px;
	height: 45px;
	margin-right: auto;
	margin-left: auto;
}
#phone_box {
	float: right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #3b3e3f;
	font-weight: bold;
}
#navigation {
	width: 750px;
	float: left;
	padding-bottom: 1px;
}
.navigation {
}
#navigation ul {
	width: 750px;
}
#navigation li {
	display: inline;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #3b3e3f;
}
#navigation a, #navigation a:visited {
	display: block;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 10px;
	color: #3b3e3f;
	text-decoration: none;
}
#navigation a:hover, #navigation .current_page_item a, #navigation .current_page_item a:visited {
	text-decoration: underline;
}

/* Content *******************/
#page {
	width: 920px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b9c3c8;
	border-left-color: #b9c3c8;
	background-color: #efefef;
	margin-right: auto;
	margin-left: auto;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin-top: 0;
	margin-bottom: -174px;
}
#content {
	float: left;
	width: 888px; 
	height: 100%;
	margin-bottom: -74px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 60px;
	padding-left: 15px;
}
#copy_with_sidebar {
	float: left;
}
#copy_with_sidebar #copy {
	float: left;
	min-height:100%;
	width: 598px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #767c7f;
}
#copy_without_sidebar {}
#copy {}

/* Sidebars Structure & Design ******************/
#sidebar {
	float: right;
	width: 259px;
	padding-left: 15px;
}
* html #sidebar {margin:0;}/*style for IE*/
#sidebar br {}
#sidebar img {}
#sidebar form {}

#sidebar ul {}
#sidebar ul li {}
#sidebar #custom_cf7-3 {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 240px;
	min-height: 388px;
	background-image: url(/images/cce_sidebar_form_bg.png);
	background-repeat: no-repeat;
}
#sidebar #custom_cf7-3 h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #e2e9e3;
	width: 100%;
	text-align: center;
}
#sidebar #custom_cf7-3 #cf7_form_box p {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #e2e9e3;
	margin-top: 3px;
}
#sidebar #text-3 h2 {
	color: #652a21;
	padding-left: 7px;
} 
#sidebar h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	width: 100%;
	text-align: center;
	color: #652a21;
}
#sidebar p.sidebar_info {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #596263;
	font-weight: bold;
	padding: 0px;
	line-height: 17px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sidebar p.sidebar_subhead {
	color: #652a21;
	width: 100%;
	padding-left: 7px;
	font-family: "Times New Roman", Times, serif;
}
#sidebar #cce_bbb {
	padding-top: 10px;
}
#sidebar #cce_bbb img {
	float: left;
}
#sidebar #cce_bbb p {
	color: #652a21;
	width: 100%;
	padding-left: 7px;
	font-family: "Times New Roman", Times, serif;
	padding-top: 50px;
}
#sidebar ul li a {}

/* Footer Structure & Design ********************/
.push {
	height: 183px;
	clear: both;
}

#footer_wrap {
	background-image: url(/images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 74px;
	clear: both;
	height: 174px;
	margin-top: -74px;
}
#footer {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

#footer_deco {
	background-image: url(/images/footer_deco.png);
	height: 74px;
	width: 920px;
	z-index: 4;
	position: relative;
}




/* TYPOGRAPHY ***************************************************************************/
/* Global Typography **********/
body { 
/* Default Font Family */ font-family:Calibri,Arial,Helvetica,Verdana,Sans-Serif; 
/* Default Font Size   */	font-size:80%; /* Use 62.5% to set 1em to 10px. pxtoem.com */
/* Default Font Color  */	color:#000; 
/* Default Font Weight */	font-weight:normal;
/* Default Line Height */	line-height:1.8;
	}

#copy p {
	color: #383e3f;
	font-size: 16px;
	line-height: 24px;
	font-family: "Times New Roman", Times, serif;
}
#copy p.testimonial {
	font-style: italic;
	background-image: url(/images/cce_dash.jpg);
	background-repeat: repeat-x;
	display: block;
	padding-top: 10px;
	padding-bottom: 15px;
	width: 100%;
}

p {}
small {}
#content {}


/* Heading Typography ************/
h1,h2,h3,h4,h5,h6 { 
/* Default Heading Font Family */	font-family:Georgia,"Times New Roman",Times,serif;
/* Default Heading Font Color  */	color:#000; 
/* Default Heading Font Weight */	font-weight:normal;
	}
#copy h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #652a21;
}	
	
h1 {font-size:2.5em;}
h2 {font-size:1.8em;}
h3 {font-size:1.5em;}
h4 {font-size:1.3em;}
h5 {font-size:1.0em;}
h6 {font-size:0.7em;}
h2.pagetitle {font-size:2.5em;text-align:center;margin:0 0 20px 0;width:100%;display:block;}
h3.comments {}

/* Footer Typography *************/
#footer p {
	padding-bottom: 10px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	color: #e2e9e3;
}

#footer ul {
	width: 920px;
	list-style-type: disc;
	text-align: center;
	margin-top: 15px;
	padding-top: 10px;
}
#footer ul li {
	display: inline;
	color: #e2e9e3;
	font-family: "Times New Roman", Times, serif;
}
#footer ul li a, #footer ul li a:visited {
	color: #e2e9e3; 
	text-decoration: none;
	padding: 5px;
}
#footer ul li a:hover {}

/* Link Typography ***************/
h1 a, h1 a:visited {}
h1 a:hover {}
h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited {}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {}
a, a:visited {}
a:hover {}
a img, a:visited img, h1 img, h1 img:hover {}
a:hover img, h1 img, h1 img:hover {}
a.post-edit-link, a.post-edit-link:visited {}
a.post-edit-link:hover {}

/* SPECIAL PAGES ************************************************************************/
/* Home Page *************/

#product_thumbs {
	float: left;
	width: 598px;
	padding-top: 10px;
	background-image: url(/images/cce_dash.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
}
#product_thumbs a {
	display: block;
	height: 190px;
	width: 145px;
	float: left;
}
#product_thumbs a.siding {
	background-image: url(/images/cce_siding_home_thumb.jpg);
	margin-right: 3px;
}
#product_thumbs a.siding:hover {
	background-image: url(/images/cce_siding_home_thumb_hover.jpg);
}
#product_thumbs a.sunrooms {
	background-image: url(/images/cce_sunroom_home_thumb.jpg);
	margin-right: 3px;
	margin-left: 3px;
}
#product_thumbs a.sunrooms:hover {
	background-image: url(/images/cce_sunroom_home_thumb_hover.jpg);
}
#product_thumbs a.decks {
	background-image: url(/images/cce_decks_home_thumb.jpg);
	margin-right: 3px;
	margin-left: 3px;
}
#product_thumbs a.decks:hover {
	background-image: url(/images/cce_decks_home_thumb_hover.jpg);
}

#product_thumbs a.windows {
	background-image: url(/images/cce_windows_home_thumb.jpg);
	margin-left: 3px;
}
#product_thumbs a.windows:hover {
	background-image: url(/images/cce_windows_home_thumb_hover.jpg);
}
#product_brands {
	float: left;
	width: 598px;
	padding-top: 10px;
	background-image: url(/images/cce_dash.jpg);
	background-repeat: repeat-x;
}
#product_brands a {
	float: left;
}

.brand_names {
	color: #652a21;
	padding: 0px;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* Contact Page ********************************************/
#contact_page_form {
	float: left;
	width: 498px;
	text-align: right;
	padding-right: 100px;
}
#contact_page_form p.form_help {}
#contact_page_form p.form_field {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	display: block;
	padding: 5px;
	text-align: right;
	color: #383e3f;
	clear: both;
}
#form_choices {
	padding: 5px;
	width: 250px;
	float: right;
	clear: both;
}
#form_choices ul {}
#form_choices ul li {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #383e3f;
	display: block;
	padding: 2px;
}
#form_choices ul li a {}
#contact_page_form p.form_field input {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	padding: 2px;
	margin-top: 2px;
}
#contact_page_form h2.form_subhead {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #652a21;
	clear: both;
}

/*Testimonials Page ****************************************/
#v_testimonial_container {
	float: left;
	width: 598px;
}
#v_testimonial {
	display: block;
	padding: 10px;
	float: left;
	width: 264px;
	margin-right: 5px;
	margin-left: 5px;
}
#v_testimonial_text {
	float: left;
	padding-left: 5px;
	width: 146px;
}
#v_testimonial a {
	display: block;
	padding: 1px;
	float: left;
	height: 86px;
	width: 111px;
}
#v_testimonial a:hover {
	padding: 0px;
	border: 1px solid #3b3e3f;
	display: block;
}
#v_testimonial h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	clear: right;
	float: left;
	color: #652a21;
}
#v_testimonial p {
	color: #3b3e3f;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	display: block;
	clear: right;
	float: left;
}
#v_testimonial_text p {
	display: block;
	width: 145px;
	clear: left;
}
#v_testimonial_text h2 {
	display: block;
	clear: right;
	float: left;
	width: 145px;
}

/* MISCELLANEOUS ************************************************************************/
/* Comments ******************/
#comments {}
#commentform textarea {}
.comment-author {}

/* Calendar ******************/
#wp-calendar {}
#wp-calendar #next a {}
#wp-calendar #prev a {}
#wp-calendar a {}
#wp-calendar caption {}
#wp-calendar th {}
#wp-calendar tr {}
#wp-calendar td {}
#wp-calendar td.pad:hover { /* Doesn't work in IE */}
#wp-calendar #prev a, #wp-calendar #next a {}
#wp-calendar a {}

/* Images ********************/
p img {}
img.centered {display:block;margin:0 auto;}
img.alignright {padding:4px;margin: 0 0 2px 7px;display:inline;}
img.alignleft {padding:4px;margin: 0 7px 2px 0;display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Miscellaneous *************/
.hidden, .nocomments {visibility:hidden;display:none;}
.clearfix {
	clear: both;
}