/*
Theme Name: McInnis Brothers Custom Theme
Description: Custom theme for McInnis Brothers Construction, Inc.
Author: CYber SYtes, Inc.
Author URI: http://cysy.com

*/


/******************************************* Reset */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, input, th, td {
	margin: 0; padding: 0; border: 0; outline: none;
	}



body {
	color: #5E5E61;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.3;
	margin: 0 0 20px 0;}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: normal;
	}

ul, ol {
	list-style: none;
	}

.floatLeft {
	float: left;
	}

.floatRight {
	float: right;
	}
	
.clear {
	clear: both;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
	
	#homecon{
		background: #F5F5F5;
		height: 500px;
		padding: 14px 0 14px 14px;
		border: solid 2px #ccc;
		border-top: none;}
		
	#homecon .columnB{
		background:#22227C;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomleft: 10px;}	
		
	#homecon .columnB h2{
		color: #fff;
		background: #141462;
		padding: 3px 3px 3px 12px;
		margin: 10px 0 10px 10px;}
	
/******************************************* Body */

body { 
	background: #e8e8e8 url("graphics/stripe2bg.png");
	border-top: 2px solid #22227C;
	padding: 30px 0 0 0;}

#container {
	margin: 20px auto;
	width: 1000px;
	}
	
	h1 {
		background: url(graphics/csslayout/logo.png) top left no-repeat;
		float: left;
		height: 75px;
		text-indent: -1000px;
		width: 341px;
		}
		
		h1 a:link, h1 a:visited {
			border-bottom: 0;
			display: block;
			height: 75px;
			padding-bottom: 0;
			width: 341px;
			}
			
	ul#top_nav {
		/* background: url(graphics/csslayout/topnav1.png) top left no-repeat; */
		background: url(graphics/csslayout/topnav.png) top left no-repeat;/*added 1-17-11*/
		float: right;
		height: 25px;
		list-style: none;
		margin-top: 60px;
		width: 650px;
		}
		
		ul#top_nav li {
			color: #fff;
			float: left;
			font-size: .8em;
			font-weight: bold;
			line-height: 25px;
			height: 25px;
			margin-left: 30px;
			}
			
			ul#top_nav li:first-child {
				margin-left: 50px;
				}
				
	/* Dropdowns */
	
		#top_nav li ul {
			display: none;
			height: auto;
			list-style: none;
			position: absolute;
			width: 300px;
			}
			
		#top_nav li:hover > ul {
			background: #22227C;
			display: block;
			list-style: none;
			position: absolute;
			top: 137px;
			width: 200px;
			z-index: 7000;
			*margin-left: -60px;
			}
			
		#top_nav li ul li {
			display: block;
			float: none;
			font-size: .8em;
			margin-left: 10px;
			padding: 2px;
			text-align: left;
			}
			
			#top_nav li ul li:first-child {
				margin-left: 10px;
				}
				
				
	/* Slideshow */
	
#content { position: relative; }
	
#slider{ position: relative; border: 3px solid #585755; *height: 230px; *overflow: hidden;
 }	

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:994px;
	height:230px;
	overflow:hidden; 
	*display: block;
	}	
#prevBtn, #nextBtn{ 
	display:inline;
	width:34px;
	height:23px;
	right: 10px;
	top: 10px;
	text-indent: -9999px;
	position: absolute;
	}	
#prevBtn{ 
	right: 50px;
	top: 10px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:34px;
	height:23px;
	background:url(graphics/layout/prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(graphics/layout/next.png) no-repeat 0 0;	
	}	

	
	/******** PREVIOUS SLIDESHOW **********/
				
	#slideshow {
		border: 3px solid #585755; 
		height: 229px;
		position: relative;
		width: 994px;
		}
		
		.hidden {
			display: none;
			}

		#prevNext {
			position: absolute;
			top: 5px;
			right: 5px;
			z-index: 5000;
			} 
			
			#prevNext img {
				cursor: pointer;
				}

		#slides p {
			color: #000;
			margin: 0;
			padding: 0 1em;
			font-size: 1em;
			position: relative;
			top: -50px;
			line-height: 50px;
			height: 50px;
			background: #fcfbe6;
			opacity: .7;
			filter:alpha(opacity=70); 
			}
			
			
	/* Homepage */
				
	.columnA {
		float: left;
		width: 500px;
		}
				
		h2 {
			color: #22227C;
			font-weight: bold;
			font-size: 1.3em;
			margin: 15px 0;
			}
			
	p {
			margin-bottom: 15px;
			}

			
		.columnB {
			float: right;
			width: 470px;
			}
			
			.projectbox {
				/* background: #3B75B5 url(graphics/csslayout/bluestripe.gif); */
				background:#22227C;
				height: 300px;
				list-style: none;
				padding: 10px;
				width: 450px;/*

				margin: 0 0 0 5px;
*/
				}
				
				.projectbox li {
					color: #fff;
					float: left; 
					font-size: .8em;
					margin-bottom: 15px;
					margin-left: 10px;
					}
					
					.projectbox li:first-child {
						margin-left: 0;
						}
						
					.projectbox li a:first-letter{
						font-variant: small-caps;}	
					
					.projectbox li img {
						border: 1px solid #22497D;
						margin-bottom: 2px;
						}
						
	/* Subpage */
	.subpage{
		border: solid 2px #ccc;
		border-top: solid 2px #585755;
		background: #F5F5F5;
		padding: 50px;}
	
	h4 {
		border-bottom: 1px solid #417fcb;
		color: #417fcb;
		display: block;
		font-size: 1.3em;
		margin-bottom: 10px;
		}
		
		h5 {
			border-bottom: 1px solid #417fcb;
			color: #417fcb;
			font-size: 2em;
			font-weight: bold;
			padding-bottom: 3px;
			width: 610px;
			}
	
		h6 {
			color: #417fcb;
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1;
			margin: 0 0 5px 0;
			padding: 0;
			}
	
	.subpage ul {
		list-style-type: disc;
		margin: 0 0 0 15px;
		font-size: 1em;
		line-height: 1.3;
		}
	
	.subpage p {
		margin: 15px 0;
		}
			
/*--FOOTER---*/			
						
	.footer {
		/* background: url(graphics/csslayout/footerbg.gif) top left no-repeat; */
		background: url(graphics/csslayout/footerbg.png) top left no-repeat;/*added 1-17-11*/
		height: 200px;
		margin: 25px 0 0 0;
		padding: 5px 0;
		position: relative;
		width: 1000px;
		}
		
	
		
		.footer #footercon{	
			background: #B5B5B5;
			width: 100%;
			height: 120px;}
		
		.footer ul {
			list-style: none;
			color: #22227c;
			float: left;
			border-right: solid #22227c 1px;
			padding: 0 10px 0 5px;
			font-size: 13px;}
			
		.footer ul+ul+ul{
			border: none;}	
			
		.footer li:first-child{
				font-weight: bold;
				font-size: 16px;
				margin: 0 0 10px 0;}
				
		.footer #nav{
			margin: 0 0 30px 0;
			float: none;
			border: none;}
		
		.footer #nav li{
			float: left;
			color: #fff;
			border-right: solid #fff 1px;
			padding: 0 10px;
			font-size: 13px;}
			
		.footer #nav li a{
			color: #fff;}	
			
		.footer #nav li:last-child{
			border: none;}	
			
		.footer #licensed{
			height: 120px;
			width: 290px;
			padding: 0 0 0 12px;}
			
		.footer #licensed li{
			float: left;
			margin: 0 15px 0 0;
			width: 130px;}
			
		.footer #licensed li:first-child,.footer #members li:first-child{
			float: none;}
			
		.footer #members{
			height: 120px;
			margin: 0 5px;}	
			
		.footer #members li a,.footer #contact li a{
			color: #22227c;}
			
		.footer #members li a:hover,.footer #contact li a:hover{
			color: #474747;}		
			
		.footer #members li+li{
			float: left;
			width: 170px;
			padding: 0 0 0 10px;}
			
			.footer #members img{
				float: left;
				margin: 0 10px 0 0;}
			
		
			
		.footer #contact li+li{
			text-align: center;}				
											
		.footer #logos {
			position: absolute;
			right: 50px;
			bottom: -10px;
			padding: 0 5px;
			border: none;}
			
			.footer #logos li{
				width: 60px;
				margin: 0 20px;
				padding: 0;
				border: none;}
				
			.footer #logos li:last-child{
				margin: 0 -30px 0 -20px;}
				
		.footer #social{
			position: absolute;
			left: 420px;
			top: 120px;
			border: none;}
			
		.footer #social li:first-child{
			padding: 4px 0 0 0;}	
			
		.footer #social li{
			float: left;
			font-size: 13px;
			margin: 0 10px 0 0;}				
			
/******************************************* Forms */

.contactforminput {
	border: 1px solid #ccc;
	color: #5e5e5e;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 5px;
	width: 320px;
	}
	
.contactformmsg {
	border: 1px solid #ccc;
	color: #5e5e5e;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	padding: 5px;
	width: 320px;
	}
	
.contactformsend {
	background: #da4934;
	border: 1px solid #BF402F;
	color: #FFF1EF;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 5px;
	width: 115px;
	}
			
/******************************************* Links */

a {
	color: #417fcb;
	}

a:link, a:visited {
	color: #BF402F;
	text-decoration: none;
	}
	
a:hover {
	color: #17497F;
	text-decoration: none;
	}
	
	#top_nav a:link, #top_nav a:visited{
		color: #fff;
		}
		
	#top_nav a:hover{
		color: #EFDF95;
		}
		
	#slideshow a {
		border-bottom: 1px solid #fff;
		color: #fff;
		font-weight: bold;
		}
		
		
	#slideshow a:hover {
		border-bottom: 1px solid #f8f0c8;
		color: #f8f0c8;
		font-weight: bold;
		}
		
	.projectbox a {
		color: #fff;
		font-size: 1em;
		padding-bottom: 0;
		letter-spacing: .5px;}
		
		.projectbox a img {
			border-bottom: 1px solid #22497D;
			}


/******************************************* Photosmash Gallery */

.photosmash_gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
	.photosmash_gallery ul li {
		float: left;
		font-size: .8em;
		margin: 0 0 20px 0;
		padding: 0;
		width: 500px;
		}
		
		table .photosmash_gallery ul li {
			float: none;
			}

		ul.bwbps_image_gallery li {
			display: block;
			float: left;
			width: 500px;
			}


			.ps_images {
				float: right; 
				border: 1px solid #ccc;
				margin-bottom: 5px;			
				}
			
			.bwbps_caption {
				display: block;
				float: left;
				width: 200px;
				margin-left: 50px;
				}
				
				table .bwbps_caption {
					display: block;
					float: none;
					margin: 0 0 50px 0;
					}
				
			.bwbps_image div {
				width: 500px;
				position: relative;
				float: right;
				}
				
			.psgal_7 {
				width: 500px;
				}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: 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;
	}
/* End Images */
ul.footer-links {
float: left;
margin: 0 10px;
}

ul.footer-links li {
float: left;
margin: 0 10px;
}


#bwbps_galcont_9 table,#bwbps_galcont_7 table,#bwbps_galcont_4 table{
	width: 900px;}
	
#bwbps_stdgal_7 li{
	float: left;
	margin: 0 120px 0 0;}
	
#bwbps_stdgal_4 li{
	margin: 0 10px 0 0;}		

/*
#psimg_36{
	margin: 0 10px 0 0;}
*/

#TB_window{
	height: 500px;
	padding-bottom: 40px;}
	
#TB_window a:visited{
	color: #fff;}