/*color guide: 8d4d1b is orange-brown, */
/* NOTE - H3 is in orange unless specified otherwise!!*/

body	{
		background-color: black;
		padding-left: 5px;
		padding-bottom: 400px;
		}
		
* 	{
	font-family: verdana, arial, san-serif;
	}

* a {
	text-decoration: none;
	color: #8d4d1b;
	}
	
* a:hover {
			color: #312007;
			}

.page	{
		
		}
		
.jacob	{
		background: url(images/jacob.jpg) no-repeat;
		color: white;
		height: 233px;
		padding: 20px 10px 10px 5px;
		border-bottom: 10px solid black;
		}

.line1	{
		font-size: 220%;
		}

.line2	{
		font-size: 150%;
		font-weight: lighter;
		}

.line3	{
		font-size: 120%;
		}


.mininav	{
			position: relative;
			top: -30px;
			left: 275px;
			font-size: 80%;
			}
			
.mininav a	{
			text-decoration: none;
			color: white;
			}
			
.mininav a:hover	{
			color: #8d4d1b;
			}
			
.main_text	{
			position: relative;
			top: 0px;
			left: 195px; 
			background: white;
			color: #312007;
			width: 600px;
		font-size: 90%;
		padding: 20px 180px 10px 10px;
		border: 2px solid white;
				-moz-border-radius: 25px;
				-webkit-border-radius: 25px;
				height: 600px;
		}
		
div#text	{width: 500px;}

div.outside_bar	{
				position: absolute;
				top: 280px;
				left: 15px;
				width: 160px;
				background: white;
				text-align: left;
				font-size: 85%;
				padding: 5px;
				border: 2px solid white;
				-moz-border-radius: 25px;
				-webkit-border-radius: 25px;
				}
				
.outside_bar ul a {
				color: #8d4d1b;
				padding-bottom: 15px;
				text-decoration: none;
				}
				
.outside_bar a:hover {
				color: #312007; 
					}
				
.outside_bar li	{ 
				padding-bottom: 10px;
				list-style: none;
				position: relative;
				top: 0px;
				left: -25px;
				}

.right	{ 
			position: relative;
			top: -500px;
			left: 520px;
			width: 250px;
			}
.right a 	{
			text-decoration: none;
			color: #8d4d1b;
			}
			
.right a:hover	{
				color: #312007;
				}
			
h3	{
	color: #8d4d1b
	}
				
.bottom_nav	a {
			background: url(images/menu_button.png) repeat-x;
			padding: 1px 6px;
			color: white;
			text-decoration: none;
			}
			
/*contact page*/

.subhead	{
			background: black url(images/subpage1.jpg) no-repeat;
			height: 233px;
			padding: 20px 10px 10px 5px;
			border-bottom: 10px solid black;
			color: white;
			}
			
.subline1	{
		font-size: 220%;
		padding-right: 150px;
		}
		
		
.sub_text	{
			position: absolute;
			top: 280px;
			left: 230px; 
			background: white;
			color: #312007;
			width: 750px;
		font-size: 90%;
		padding: 20px;
		border: 2px solid white;
				-moz-border-radius: 25px;
				-webkit-border-radius: 25px;
		}




div.floater	{
				position: relative;
			top: -5px;
			left: 650px;
			z-index: 1;
			padding: 10px;
			width: 290px;
			font-size: 90%;
			color: #312007;
			}
			

			
			
/*about page*/
#text2	{ width: 400px;}
.about {
			background: black url(images/subpage2.jpg) no-repeat;
			height: 233px;
			padding: 20px 10px 10px 5px;
			border-bottom: 10px solid black;
			color: white;
			}
			
/*services pages*/
.services {
			background: black url(images/subpage7.jpg) no-repeat;
			height: 233px;
			padding: 20px 10px 10px 5px;
			border-bottom: 10px solid black;
			color: white;
			}
#text2 ul li	{
				width: 310px;
				padding: 15px 5px;
				}
				
#orange	{
		color: #8d4d1b;
		}
		
.wide ul li	{
		padding: 15px 5px;
		}

/*mobile pages*/
.mobile {
			background: black url(images/subpage9.jpg) no-repeat;
			height: 233px;
			padding: 20px 10px 10px 5px;
			border-bottom: 10px solid black;
			color: white;
			}

.mobile_mininav	{
			position: relative;
			top: -30px;
			left: 225px;
			font-size: 80%;
			text-align: right;
			}
			
.mobile_mininav a	{
			text-decoration: none;
			color: white;
			}
			
.mobile_mininav a:hover	{
			color: #8d4d1b;
			}
			
/*reno page*/

.reno {
			background: black url(images/subpage5.jpg) no-repeat;
			height: 233px;
			padding: 20px 10px 10px 5px;
			border-bottom: 10px solid black;
			color: white;
			}
			
#reno_text 	{
			width: 450px;
			}
			
.reno_floater	{
				position: relative;
			top: -5px;
			left: 700px;
			z-index: 1;
			padding: 10px;
			width: 240px;
			font-size: 90%;
			color: #312007;
			}
			
/*need page*/
.needs	{
			background: black url(images/subpage18.jpg) no-repeat;
			height: 233px;
			padding: 20px 10px 10px 5px;
			border-bottom: 10px solid black;
			color: white;
			}
			
/*seo page*/
.seo	{
			background: black url(images/subpage14.jpg) no-repeat;
			height: 233px;
			padding: 20px 10px 10px 5px;
			border-bottom: 10px solid black;
			color: white;
			}
#seo_text 	{
			width: 450px;
			}
			
.seo_floater	{
				position: relative;
			top: -5px;
			left: 700px;
			z-index: 1;
			padding: 10px;
			width: 240px;
			font-size: 90%;
			color: #312007;
			}
			
/*web dem page */
.web	{
			background: black url(images/subpage6.jpg) no-repeat;
			height: 233px;
			padding: 20px 10px 10px 5px;
			border-bottom: 10px solid black;
			color: white;
			}
			
/*port page*/
.port {
			background: black url(images/subpage4.jpg) no-repeat;
			height: 233px;
			padding: 20px 10px 10px 5px;
			border-bottom: 10px solid black;
			color: white;
			}
.port_text	{
			float: right;
			width: 235px; 
			padding-left: 15px;
			}
.porto {width: 700px;}

.port_pic	{
			padding-bottom: 30px;
			border: none
			}