@charset "utf-8";
/* CSS Document */
/* ===========================================================
Client: Britt Gutters
Last Modified: 8/30/09
Designed: 8/22/09
Author: Kevin Jantzer
www.kevinjantzer.com
============================================================= */

body	{background:#c96928;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#777777;
		padding:0;
		margin:0;
		}

/* global hyperlink styles */		
a		{color:#c09d85; text-decoration:none; border:0px}
a:hover	{color:#c96928; text-decoration:underline;}
img	a	{border:0px;}

/* global styles */		
#wrapper_white_bgd			{background:#ffffff url(img/header_bgd.jpg) repeat-x; width:100%; margin:0px; padding:0px;}
#wrapper, #wrapper_footer	{width:966px;margin:0 auto 0 auto;}	
	#wrapper p	{margin-left:7px; margin-right:7px;}
.clearer	{clear:both}	
#title_bar
		{width:966px; height:48px;
		background:url(img/title_bgd.jpg) no-repeat;
		margin:0 auto 0 auto;
		padding-left:35px;
		}
		

/* =======================================================================================
                                header and menu - global
======================================================================================= */
#logo
		{float:left;
		width:279px;
		height:99px;
		margin-top:36px;
		}
		
.menu
		{float:right;
		width:687px;
		height:87px;
		}
	.menu ul	{float:right;
				margin:0; padding:0;
				}
	.menu ul li 	{height:87px; display:inline;}
		.menu_item	{padding-left:25px; padding-right:25px;}
		
/* =======================================================================================
                                     footer - global
======================================================================================= */
#footer	{background:#c96928;color:#ffffff;}
	#footer a		{color:#ffffff; text-decoration:none;}
	#footer a:hover	{color:#CCCCCC; text-decoration:underline;}

	#footer_logo
			{float:right;
			width:224px; height:87px;
			margin-top:40px;}
	
	#footer_dashed_spacer
			{float:left;
			height:120px;
			width:1px;
			margin-top:25px; margin-left:25px; margin-right:25px;
			border-left:#ffffff dashed 1px;}
	
	#footer_column1, #footer_column2, #footer_column3
			{float:left;
			width:200px; height:145px;
			margin-top:25px;}
		
		#footer_column1 ul, #footer_column2 ul, #footer_column3	ul
				{list-style:none;
				font-size:15x;}
	
/* =========================================================================================================================================== */
/* =======================================================================================
                                      home page
======================================================================================= */
#home_box_large
		{width:805px; height:480px;
		margin:0 auto 0 auto;
		}
		
		#home_photo_rotator
			{float:right;
			width:328px; height:279px;
			background:url(img/photoslideshow_home_bgd.jpg);
			margin-top:32.5px; margin-right:32.5px;
			}
			#slideshowpics	{margin-top:4px; margin-left:4px;}
			
		#home_box_large_text
			{float:left;
			width:540.5px; height:279px;
			margin-top:32.5px; margin-left:32.5px;
			}
			
/* over view bullets */			
#home_overviewbullets_bgd
		{float:left;
		width:626px;
		height:197px;
		background:url(img/home_box_small.jpg);
		}
#home_overviewbullets
		{float:left;
		width:550px;
		margin-left:82.5px;
		}
		
		#home_overviewbullets_title
			{width:90%;
			border-bottom:#efeded solid 2px;
			margin-bottom:5px;
			}
	/* right bullets */	
		#home_overviewbullets_right
			{float:left;
			width:250px;
			}
			#home_overviewbullets_right ul li
				{list-style:url(img/bullet.jpg);
				font-size:16px;
				margin-left:-10px;
				}	
	/* left bullets */	
		#home_overviewbullets_left
			{float:left;
			width:250px;
			margin-top:3px;
			}
			#home_overviewbullets_left ul li
				{list-style:none;
				font-size:20px;
				font-weight:bold;
				text-align:right;
				}
/* we answer our phone */			
#home_weanswer
		{float:right;
		width:223px;
		height:130px;
		margin-right:80px; margin-top:45px;
		}
		
/* free estimates border */	
#home_free_estimates
		{width:957px;
		height:20px;
		margin:0 auto 0 auto;
		background:url(img/free_estimates.jpg) no-repeat;
		}
		
/* company logos */	
#home_logos_raintube
		{float:left;
		width:270px; height:91px;
		margin-left:70px;
		}
#home_logos_teflon
		{float:left;
		width:108px; height:108px;
		margin-left:100px;
		}
		
#home_logos_custombilt
		{float:left;
		width:189px; height:91px;
		margin-left:150px;
		}
		
/* =======================================================================================
                                   services page
======================================================================================= */
/* services overview */	
		#services_overviewbullets
			{float:right;
			width:600px;
			}
			#services_overviewbullets ul li
				{list-style:url(img/bullet.jpg);
				font-size:16px;
				}
				
/* custombilt */	
	.services_custombilt_text
			{font-size:16px;}
			
/* raintube */	
	.services_raintube_text
			{font-size:16px; padding-top:25px; margin-bottom:0px;}
	
/* misc */
.services_readmore a	{font-size:16px; color:#c96928; font-weight:bold; text-decoration:none;}
.services_readmore a:hover	{text-decoration:underline;}	
#services_dashed_spacer
		{border-top:#aaaaaa dashed 1px; clear:both; margin-bottom:25px; margin-top:10px}
		
			/* =================================================
						   services info pages
			=================================================== */
					#services_info_submenu	
								{width:550px;
								margin:0 auto 0 auto;
								margin-bottom:20px;
								border-bottom:#aaaaaa dashed 1px;
								text-align:center
								}
						#services_info_submenu ul		{margin:0px; margin-top:10px; margin-bottom:5px; padding:0px;}
							#services_info_submenu ul li	{display:inline; list-style:none; margin-left:3px; margin-right:3px;}
								#services_info_submenu a		{font-size:16px; font-weight:bold; text-decoration:none;}
								.services_info_submenu_static a	{color:#aaaaaa;}
								.services_info_submenu_active a	{color:#777777;}
								#services_info_submenu a:hover	{color:#c96928;}
					
					/* gutter styles */
							#services_style_box
									{float:left;
									width:200px; height:200px;
									margin-right:100px;
									text-align:center;
									font-size:18px;
									font-weight:bold;
									}	
					
					/* gutter colors */	
							#servicess_h1	{padding:0}
								#servicess_h1 h1	
											{font-size:25px; font-weight:bold;
											font-family:Geneva, Arial, Helvetica, sans-serif;
											margin:0px; padding:0px;
											}
							#services_colors_text	{font-size:16px;}
								#services_colors_text ul li
									{list-style:url(img/bullet.jpg);}
								
					/* raintube */	
							#services_raintube_text	{font-size:16px;}
								#services_raintube_text ul li
									{list-style:url(img/bullet.jpg);}
									
	
		
/* =======================================================================================
                                   our work page
======================================================================================= */
#work_pics td	{width:250px; height:250px; text-align:center}
#work_pics td img {border:#eceaeb solid 15px}
#work_pics td img:hover {border:#c96928 solid 15px}
		
	
		
/* =======================================================================================
                                   contact page
======================================================================================= */
#contact_right
		{float:right;
		width:600px;
		text-align:justify;
		background:url(img/contact_right_title_bgd.jpg) no-repeat;
		}
	#title_bar_about
			{width:100%; height:48px;
			margin:0 auto 0 auto;
			padding-left:35px;
			}
	#contact_right p
			{margin-left:7px; margin-right:7px;}
#contact_left
		{float:left;
		width:324px;
		}
	#title_bar_contact
			{width:100%; height:48px;
			margin:0 auto 0 auto;
			padding-left:35px;
			}
	#contact_left p
			{text-align:center; font-size:20px;}
		#contact_left p a	{color:#777777; text-decoration:none;}
		#contact_left p a:hover	{color:#c96928; text-decoration:underline;}
		
a p#button_view_site 		{color:#c96928; text-decoration:none; text-align:center; font-weight:bold;}