/*
Author: Jeff Golenski - jeffgolenski@midnight-shift.net
*/

/* --------------------------------------- BODY  */

body {
	margin: 0;
	padding: 0 0 0 0;
	color: #000;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, Tahoma, sans-serif;
	background: #11234f url(images/bgpattern.png) 0 0;
	font-size: 9pt;
	text-align: center;
}


a:link, a:visited, a:active {
	color: #4865ae;
	color: #000099;
	font-weight: bold;
	text-decoration: none;
}
	
a:hover, a:focus {
	color: #4865ae;
	font-weight: bold;
	text-decoration: underline;
}	

a.top {
	margin: 8px 0 5px 0;
}



/* --------------------------------------- STRUCTURE  */

#shell {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	border-left: 2px #747474 solid;
	border-right: 2px #747474 solid;

}

.topbar {
	text-align: left;
	background: url(images/topbarbg.png) 0 0;
	width: 100%;
}


#expandheader {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	background: url(images/headerbg-blue.png) 0 0;
	border-top: 1px #fff solid;
}



#innerheader {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border-bottom: 1px #747474 solid;
}

#innerheader .contact {
	float: right;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin: 35px 15px 0 25px;
	text-shadow: 1px 1px 1px #fff;
}

#midsection {
	background: #fff url(images/midsectionbg.gif) 0 0 repeat-y;
	width: 100%;
	padding: 10px 0;
}

#expandnav {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #747474 url(images/mainnavbg.png) 0 0 repeat-x;
	border-top: 1px #fff solid;
	border-bottom: 1px #747474 solid;
}

#innernav {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#extendleftcol {
	width: 215px;
	float: left;
	text-align: left;
} 

#innerleftcol {
	 padding: 0;
	}

#expandcontent {
	width: 745px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

#innercontent {
	text-align:  left; 
	margin: 0;   
	padding: 10px 20px;
}

#expandfooter {
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: url(images/headerbg-blue.png) 0 0;
	border-top: 1px #747474 solid;
}

#innerfooter {
	margin: 0 auto;
	padding: 10px;
	text-align: left;	
	border-top: 1px #fff solid;
}


br.clear-all {
	clear: both;
}

.virtual-br {
	clear: both;
}




/* --------------------------------------- MAIN NAV  */      


#innernav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	  
} 
	
#innernav ul li {
	padding: 0;
	margin: 0;
	float: left;
}
	
#innernav ul li a:link, #innernav ul li a:visited, #innernav ul li a:active {
	font-size: 115%;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 12px;
	font-weight: bold;
	text-shadow: #111 1px 1px 2px; 
}

#innernav ul li a:hover, #innernav ul li a:focus {
	text-decoration: underline;
} 

/* --------------------------------------- sub nav  */

ul.subnav {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.subnav li a:link, ul.subnav li a:visited, ul.subnav li a:active {
	display: block;
	text-decoration: none;
	color: #666;
	padding: 12px 0 12px 15px;
	font-weight: bold;
	line-height: 14pt;
	border-bottom: 1px #c6c6c6 solid;
}

ul.subnav li a:hover, ul.subnav li a:focus {
	text-decoration: underline;
}  

/* --------------------------------------- COMMON ELEMENTS  */

h1#title a {
	margin: 0;
	padding: 30px;
	background: transparent;
	border: none;
	line-height: 150%;
	text-transform: uppercase;
	font-size: 180%;
	display: block;
	text-shadow: 1px 1px 1px #fff;
	color: #000;
	font-weight: 400;
	
}

h1#title a:hover {
	text-decoration: none;
	color: #000;
}

h1#title {
	margin: 0;
}

h1 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 170%;
	color: #2e4682;
	text-align: left;
	font-family: tahoma, "Jura", sans-serif;
	font-weight: normal;
}

h2 {
	margin: 10px 0 20px 0;
	padding: 0 0 2px 0;
	font-size: 125%;
	color: #640606;
	text-align: left;
	border-bottom: 1px #ddd solid;
}

h3 {
	margin: 10px 0;
	padding: 0;
	font-size: 105%;
	color: #030303;
	text-align: left;	
	}  


ul li {
 line-height: 16pt;   
}

p {
	font-size: 100%;
	line-height: 16pt;   
}

dt {
	font-weight: bold;
	margin: 5px 0 10px 0;
}

dd {
	margin-bottom: 25px;
	line-height: 16pt;
	color: #666;    
}

span.small {
	font-size: 90%;
	}
	
	
img.photo {
	margin: 15px;
	float: right;
	border: 1px #000 solid;
} 

div.rightphoto {
   float: right;
	padding: 0;
	text-align: center;
	font-weight: bold;
	background: #eee;
	margin: 0 0 15px 15px;
	padding: 0 0 10px 0;
} 

div.rightphoto img { 
	margin: 10px;
	border: 1px #666 solid;
} 


div.center {
	width: 100%;
	text-align: center;
	}

table.normal-wide
{
width: 100%;
border: 0;
}

td.normal-wide-td
	{
	width: 50%;
	}

td.normal-wide-third-top
	{
	width: 33%;
	height: 25px;
	vertical-align: top;
	}

td.normal-wide-third
	{
	width: 33%;
	height: 25px;
	vertical-align: top;
	}

.plain-center
	{
	width: auto;
	margin: 0 auto;
	text-align: center;
	}

td.blank-white, tr.blank-white-tr
	{
	background: white;
	}

td.cutting-59
	{
	width: 59%;
	}

td.cutting-41
	{
	width: 41%;
	}

td.cutting-22
	{
	width: 22%;
	}

td.cutting-23
	{
	width: 23%;
	}

td.cutting-12
	{
	width: 12%;
	}

td.cutting-59-gray
	{
	width: 59%;
	height: 5px;
	background: #cccccc;
	}

td.cutting-41-gray
	{
	width: 41%;
	height: 5px;
	background: #cccccc;
	}

td.cutting-59-gray-11
	{
	width: 59%;
	height: 11px;
	background: #cccccc;
	}

td.cutting-41-gray-11
	{
	width: 41%;
	height: 11px;
	background: #cccccc;
	}

tr.blank-gray, td.blank-gray
	{
	background: #cccccc;
	}

p.centered-p
	{
	text-align: center;
	}

p.left-aligned-p
	{
	text-align: left;
	}

table.cutting-75
	{
	width: 75%;
	margin: 0 auto;
	border: 1px solid #cccccc;
	text-align: center;
	}

td.splicer-16
	{
	width: 16%;
	}

td.splicer-18
	{
	width: 18%;
	}

td.splicer-32
	{
	width: 32%;
	}

td.splicer-34
	{
	width: 34%;
	}

.plain-left
	{
	width: auto;
	float: left;
	}

td.squeegees-33-top
	{
	width: 33%;
	vertical-align: top;
	text-align: center;
	}

td.squeegees-33
	{
	width: 33%;
	text-align: center;
	}

td.squeegees-33-bottom
	{
	width: 33%;
	vertical-align: bottom;
	text-align: center;
	}

table.squeegees-37
	{
	width: 37px;
	height: 30px;
	border: 1px solid #000000;
	}

table.squeegees-200
	{
	width: 200px;
	height: 30px;
	border: 4px solid black;
	background: white;
	}

span.squeegee-type
	{
	font-size: 130%;
	font-weight: bold;
	}

table.squeegees234
	{
	width: 100%;
	border: 0;
	margin: 0 auto;
	text-align: center;
	}

td.squeegees-234-td
		{
		padding: 2px 10px;
		vertical-align: bottom;
		}

table.squeegees-blue
	{
	width: 25px;
	height: 25px;
	border: 0;
	background: #0000ff;
	}

table.squeegees-black
	{
	width: 25px;
	height: 25px;
	border: 0;
	background: black;
	}

table.squeegees-brown
	{
	width: 25px;
	height: 25px;
	border: 0;
	background: #996633;
	}

table.squeegees-yellow
	{
	width: 25px;
	height: 25px;
	border: 0;
	background: #ffff00;
	}

table.squeegees-red
	{
	width: 25px;
	height: 25px;
	border: 0;
	background: #ff0000;
	}

table.squeegees-green
	{
	width: 25px;
	height: 25px;
	border: 0;
	background: #339933;
	}

table.squeegees-gray
	{
	width: 25px;
	height: 25px;
	border: 0;
	background: #cccccc;
	}

table.squeegees-orange
	{
	width: 25px;
	height: 25px;
	border: 0;
	background: #ff6633;
	}

table.squeegees-lime-green
	{
	width: 25px;
	height: 25px;
	border: 0;
	background: #33cc00;
	}

td.squeegees-2
	{
	height: 2px;
	}

table.beforeafter
{
width: 100%;
}

table.beforeafter td
	{
	width: 50%;
	border: 1px #ddd solid;
	padding: 0 0 10px 0;
	font-weight: bold;
	background: #eee;
	}
	
table.beforeafter img {
	 margin: 10px;
	border: 1px #666 solid;
	}	
	
	
	table td.dark {
		background: #ccc;
	}

#google-map-holder
{
width: 640px;
height: 480px;
margin: 0 auto;
border: solid 2px #cccccc;
padding: 0;
text-align: center;
}

iframe.google-map
	{
	margin: 0;
	border: 0;
	}

/* --------------------------------------- FOOTER  */

#innerfooter p {
	color: #303030;
	line-height: 13pt;
	font-size: 90%;
	margin: 0;
	padding: 5px;
}

#innerfooter a:link, #innerfooter a:visited, #innerfooter a:active {
	font-weight: bold;
	text-decoration: none;
}

#innerfooter a:hover, #innerfooter a:focus {
	text-decoration: underline;
} 


#footerright ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #303030;
	font-size: 90%;
	width: 400px;
} 

#footerright li {
	margin: 0;
	padding: 0;
}

#footerleft {
	width: 50%;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

#footerright {
	width: 50%;
	float: left;
	text-align: right;
	padding: 0;
	margin: 0;
}  

#footerright a:link, #footerright a:visited, #footerright a:active {
	font-weight: bold;
	text-decoration: none;
	padding: 0;
}

#footerright a:hover, #footerright a:focus {
	text-decoration: underline;
}  


                                         

/* --------------------------------------- BASIC RESPONSIVE CODING */
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		#shell {
			width: 100%;
			margin: 0 auto;
			padding: 0;
			border: 0;
		}
		
		#midsection {
			background: #fff;
			background-image: none;
			padding-top: 0;
		}
		
		#extendleftcol {
			width: 100%;
			float: none;
			background: #f0f0f0;
			border-bottom: 1px #ddd solid;
			margin-bottom: 10px;
		} 


		#expandcontent {
			width: 100%;
			float: none;
		}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		

		
	}