/* -------------------------------------------------------------- 

   typography.css - Oh Hai! Welcome to my CSS codes.
   
       Index
	   
			01. Body
			02. Headings	
			03. Custom Headings					
			04. Lists
			05. Custom Lists
			06. Text Elements
			07. Custom Text Elements
			08. Tables			
			09. Wordpress  Alignment Styles
		   
		Frequently Used Colors
		
			Color 1 - color: #;
		 	Color 2 - color: #;
			Color 3 - color: #;
 
/* 01. Body   
-------------------------------------------------------------- */

body {
	background: #292929;
  	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #5b5b5b;	
	}
	
/* 02. Headings - h1, h2, h3, etc.
-------------------------------------------------------------- */

h1 { font-size: 36px; }
h2 { 
	font-size: 24px;
	line-height:1.5; 
	margin-bottom: 18px;
	}
h3 { 
	font-size: 18px;
	margin: 18px 0;	 
	}
h4 { 
	font-weight: normal;
	font-size: 18px;
	line-height:1.3; 	
	margin-bottom: 18px; 
	}
h5 { 
	font-size: 12px;
	line-height:1.5;
	margin-bottom: 18px;	 	 
	}

	/* 03. Custom Headings
	---------------------------------------------------------- */	
		
		#blog-content .grid_4 h2 {
			margin: 0;
			font-size: 18px;
			}			
		#blog-content .grid_8 h2 {
			font-size: 18px;
			margin: 0;
			}		
		#blog-content .grid_8 h2 a{
			text-decoration: none;
			}						
		

	#about-home h3 {
		font-size: 16px;
		color: #009DA9;
		font-style: italic;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin-top: 0px;
		}
	#about-home h4 {
		color: #009DA9; 
		font-size: 18px;
		margin: 0;
		}
	#content h3 {
		font-size: 24px;
		line-height:1.5; 
		margin-bottom: 18px;	
		}	
	#blog-content h3 {
		font-size: 24px;
		line-height:1.5; 
		margin-bottom: 18px;	
		}		

	#header h1 a {
		border:0 none;
		display:block;
		height:110px;
		text-indent:-9000px;
		width:460px;
		}
	#stripe h2 {
		color: #FFF;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		line-height: 53px;
		font-style: italic;
		text-shadow:1px 2px 1px #178e9c;
		margin: 0;		
		}	
		#stripe h2 strong {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-style: normal;
			font-weight: bold;
			text-transform: uppercase;	
			}		
	#slider h3 {
		margin: 0;
		display: block;
		text-indent: -9999px;		
		padding: 0;
		width: 290px;
		height: 34px;
		}		
		#slider ul li#residential-feature h3 {
			background: transparent url(/images/headers/residential-hdr.jpg) no-repeat scroll left top;				
			}			
		#slider ul li#commercial-feature h3 {
			background: transparent url(/images/headers/commercial-hdr.jpg) no-repeat scroll left top;				
			}	
		#slider ul li#disaster-feature h3 {
			background: transparent url(/images/headers/disaster-hdr.jpg) no-repeat scroll left top;				
			}		
		#slider ul li#janitorial-feature h3 {
			background: transparent url(/images/headers/janitorial-hdr.jpg) no-repeat scroll left top;				
			}											
	
	/*#feature h2, #feature p { 
		display: none;
		}	*/
	
/* 04. Lists - ul, ol, li, etc.
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }	

	/* 05. Custom Lists
	---------------------------------------------------------- */	
.secondary-sitemap ul {
	font-weight: normal;
	list-style-image: none;
	list-style-type: none;
	padding: 0 0 5px 0;
	margin:0;	
	}
		
.secondary-sitemap ul li {
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;	
	}			
	.secondary-sitemap ul li ul li{
		font-size: 11px;
		font-weight: normal;
		}	
	.secondary-sitemap ul li ul li a{
		color:#999;	
		text-decoration: none;
		}	
	.secondary-sitemap ul li ul li a:hover {
		text-decoration: underline;
		}			
		.secondary-sitemap .column {
			float: left;
			width: 253px;
			padding-left: 20px;		
		}			
	
	
	#archives-3 {
		margin-top: 18px;
		}
	#blog-content .grid_4 ul {
		margin: 0;
		padding: 0;
		}		
		#blog-content .grid_4 ul li {
			list-style-type: none;
			}	
		#blog-content .grid_4 ul li ul {
			border-top: 1px solid #DFDFDF;		
			margin: 10px 0;
			}	
		#blog-content .grid_4 ul li ul li {
			border-bottom: 1px solid #DFDFDF;
			padding: 10px 0;
			}			
		#blog-content .grid_4 ul li ul li a {
			color: #333;
			}						
			.screen-reader-text {
				display:none;
				}
					
		#slider ul li#residential-feature {
			background: transparent url(/images/content/features/residential.jpg) no-repeat scroll center top;				
			}		
		#slider ul li#commercial-feature {
			background: transparent url(/images/content/features/commercial.jpg) no-repeat scroll center top;				
			}		
		#slider ul li#disaster-feature {
			background: transparent url(/images/content/features/disaster.jpg) no-repeat scroll center top;				
			}		
		#slider ul li#janitorial-feature {
			background: transparent url(/images/content/features/janitorial.jpg) no-repeat scroll center top;				
			}												
	
	#sub-nav ul {
		margin: 0;
		padding: 0;
		font-size: 10px;
		text-transform: uppercase;
		}	
	#sub-nav ul li {
			list-style-position: outside;
			list-style-type: none;
			display: inline;
			}		
	
	#nav ul {
		color: #009da9;
		font-size: 14px;
		margin: 0;
		padding: 0;
		}	
		#nav ul li {
			display: inline;		
			float: left;
			list-style-position: outside;
			list-style-type: none;
			border-right: 1px solid #a6a6a6;
			width: 139px;
			margin-right: 20px;
			overflow: hidden;
			}
		#nav ul li.no-border {
			border-right: none;
			margin: 0 !important;
			}			
			#nav ul li ul  {
				}	
				#nav ul li ul li {
					font-size: 12px;
					font-style: italic;
					color:#a6a6a6;
					border: none;
					}			

/* 06. Text elements - a, p, strong, etc.
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009DA9; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

	/* 07. Custom Text elements
	---------------------------------------------------------- */
	span.rights {
		font-size: 10px;
		}
	a.facebook {
		color: #3A5A93 !important;
		font-weight: bold;
		padding-left: 17px;
		font-style: normal !important;
		background: transparent url(/images/common/facebook.jpg) no-repeat scroll left 1px;			
		}

	#slider p {
		font-size: 13px;
		margin: 0 0 10px 0;
		}	

#about-home .date {
	background: transparent;
	width: auto;
	height: auto;
	display: inherit;
	padding: 0;
	color: #9B9B9B;
	font-weight: normal;
	text-align: left;
	line-height: inherit;
	text-shadow: none;	
	}
		.day {		
			font-size: 15px;
			}
		.month {
			display: block;
			margin-top: 12px;
			font-size: 12px;
			text-transform: uppercase;
			}
			
	#blog-content .grid_4 a:hover {
		text-decoration: none;
		}		
	#footer a:hover {
		text-decoration: none;
		}								
								

		/*Form*/
		.form form
		{
		  margin: 18px 0;
		  width: 600px;
		  color: #3E4A49;
		  background-color: #EFEFEF;
		  border: 1px solid #CCCCCC;
		  font-family: Arial, Helvetica, sans-serif;
		}
		.form input, select
		{
		  border: 1px solid #A7A6AA;
		  background-color:#FFFFFF;
		  padding: 5px;
		}
		.form input:focus, select:focus
		{
		  border: 1px solid #00A0B0;
		}
		.form .thinform {
			width: 20px;
		}
		.form .border {
			border: 1px solid #A7A6AA;
		}
		.form .copyright {
			font-size: 9px;
			font-family: Arial, Helvetica, sans-serif;
			color: #433c3b;
		}	
	
	
	
	hr {
		color: #DFDFDF;		
		}
	
	a.blue-btn-bg-grey {
		color: #FFF !important;
		text-decoration: none !important;
		font-style: normal !important;
		background: transparent url(/images/common/button-bg-grey.jpg) no-repeat scroll center top;		
		width: 140px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		text-transform: uppercase;
		font-size: 10px;
		text-shadow:1px 2px 1px #178e9c;
		display: block;
		float: left;
		margin-right: 10px;
		font-weight: bold;		
		}
	a.blue-btn-bg-white {
		color: #FFF !important;
		text-decoration: none !important;
		font-style: normal !important;
		background: transparent url(/images/common/button-bg-white.jpg) no-repeat scroll center top;		
		width: 140px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		text-transform: uppercase;
		font-size: 10px;
		text-shadow:1px 2px 1px #178e9c;
		display: block;
		float: left;
		margin-right: 10px;
		font-weight: bold;		
		}		
	#sub-nav ul li {
		padding-top: 17px;
		float: left;
		color:#292929;
		}	
		
	#nav ul li.current_page_ancestor a {
		color:#009DA9;
		}		
	#sub-nav ul li.current_page_item a {
		color:#292929;
		}
	#nav ul li.current_page_item a {
		color:#009DA9;
		}		
	#sub-nav ul li.current_page_item {	
		background: transparent url(/images/common/sub-pointer.jpg) no-repeat scroll center top;		
		}		
	
	#sub-nav ul li a {
		font-weight: bold;
		padding: 0 10px;
		color: #7b7b7b;
		text-decoration: none;
		}	
	#sub-nav ul li a:hover {
		color:#292929;	
		}				
	
	.text-right {
		text-align: right;
		}
	
	#about-home p {
		color: #fff;
		}
	#footer-wrap a {
		color: #777777;
		text-decoration: underline;
		}	
	#footer-wrap a.clearsite {
		color: #484848;
		text-decoration: none;
		}	
	#footer-wrap a.clearsite:hover {
		color: #666666;
		text-decoration: none;
		}				
	#footer-wrap p {
		margin: 0; 
		}						
	#about-home h3 strong {
		font-family:Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size: 12px;
		text-transform: uppercase;
		}		
	#about-home .right-col p {
		margin: 0; 
		}
	#about-home .right-col h3 {
		margin: 0; 
		}			
	#about-home .right-col h4 {
		margin: 18px 0 0 0; 
		}	
	#about-home .right-col a.blue-btn-bg-grey {
		margin: 18px 0 0 0; 
		}								
	#about-home a {
		color: #9b9b9b;
		font-style: italic;
		text-decoration: underline;
		}		
	
	#service-area p {
		color:#a6a6a6;
		font-style:italic;
		margin: 0;
		padding: 0;
		line-height: 36px;
		}
	
	#stripe .number {
		text-align: right;
		}
	
	#nav a {
		color: #A6A6A6;
		text-decoration: none;
		}
		#nav a:hover {
			color: #A6A6A6;
			text-decoration: underline;
			}		
	
	#stripe img {
		padding-top: 16px;
		}
	
	
/* 08. Tables
-------------------------------------------------------------- */

table       { margin-bottom: 0; width:100%; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,
caption 	{ padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
	

/* 09. Wordpress Alignment Styles
-------------------------------------------------------------- */			
	
div.alignnone {
	background:#FFF none repeat scroll 0 0;
	margin:10px 0px 15px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;
}			
div.alignright {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:10px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}		
div.alignleft {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
img.alignright {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:10px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
	
}
img.alignleft {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
a img.alignright {
	background: #FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:0px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
a img.alignleft {
	background: #FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
a img {
border: 0;
}
a img.aligncenter {
	display: block; 
	margin-left: auto;
	margin-right: auto;
}	
img.alignnone {
	background: #FFF none repeat scroll 0 0;
	margin:10px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}	
img.alignnone {
	background: #FFF none repeat scroll 0 0;
	margin:10px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}	
img.alignnone {
	background: #FFF none repeat scroll 0 0;
	margin:10px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}	
img.alignnone {
	background: #FFF none repeat scroll 0 0;
	margin:10px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}	
img.alignnone {
	background: #FFF none repeat scroll 0 0;
	margin:10px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}