/* CSS Document */

/* Might Construction! Copyright Mobtown Design, December 2009 */


body {

	font-family: verdana;
    font-size: 11px;
    color: #ffffff;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-image: url(../images/bg-homepage.jpg); 
	margin: 0px 0px 0px 0px;
	text-align: center; 
	background-color: #000000;
	}

a {
    color: #F74109;
	text-decoration: none;
	}	
	
a:hover {
    color: #F74109;
	text-decoration: underline;
	}
		
#wrap {
	width: 978px;
	margin:0 auto;
	text-align: left;

	}		
	
#masthead {
		width: 960px;
		height: 201px;
		border: 0px solid #000000;
		background-image: url(../images/bg-masthead.gif); 
		background-repeat: no-repeat;
		margin-left: 2px;
		margin-top: 20px; 

	} 
	
#masthead .logo {
		position: relative;
		left: 60px;
		top: -10px;

	}
	
#mainbody 	{
		margin: 25px 0px 10px 40px;
		width: 475px;
		height: 890px;
		line-height: 18px;
		float:left;
		border: 0px solid #000000;

			}
			
#contactinfo { 
		display: none;
		}			
			
#sidebar	{
		padding-top: 10px;
		padding-bottom: 15px;
		margin: 15px 0 0 25px;
		border: 0px solid #000000;
		width: 400px;
		line-height: 18px;
		float: left;
		background-color: #3C3939;
		
			}

#sidebar h1{
		padding: 10px 0px 3px 24px;
		font-size: 12px;

		
			}
		
#sidebar h1.camera {
		background-image: url(../images/icon-camera.gif); 
		background-repeat: no-repeat;
		background-position: bottom left;
		margin-left: 24px;
		
			}
			
						
#sidebar p {
		padding: 0px 0px 0px 24px;
		font-size: 11px;
		line-height: 12px;
		
			}			
	
#sidebar .photo {
		margin: 5px 0px 0px 24px;
		
			}
	
												
			
.hr {
	width:  375px;
	height: 0px;
	border-bottom: 1px dotted #999999;
    text-align: center;
	margin: 0px 0px 0px 12px;
	padding: 10px 0px 0px 0px;
	} 
	


#work-gallery {
		margin: 3px 0px 0px 24px;
		padding: 0px 0px 0px 0px;
		background-color: #000000;
		width: 355px;

			}
			
#work-gallery img {
		  margin: 10px 3px 5px 10px;
		  float: left;
		  width: 75px;
		  border: none;
		 }
		 
#work-gallery p {
		 padding: 20px 10px 0px 95px;
		 line-height: 14px;
	
		 }

#work-gallery a
			{	display: block;
				background: #000000;
				border: 1px solid #000000;
				}
				
#work-gallery a span {
		display:block;
		background:#000000;
		color:#fff;
		text-decoration:none;
        height: 95px;
		}
#work-gallery a:hover {
		border: 1px solid #BDBCBC;
		text-decoration:none;
		}
#work-gallery a:hover span {
		background:#000000;
		}
	
	 

/* form stuff */
form, fieldset {  
margin: 0; 
padding: 0; 
border: 0; 
}

#contact-form {
			background-color: #666666;
			border: 1px solid #CCCCCC;
			padding: 10px 15px 45px 15px;
			font-size: 11px;
			line-height: 13px;
			height: 415px;}
			
	#contact-form  .form-title {
			margin-left: -27px;
			position: absolute;
			width: 339px;
			margin-bottom: 45px;
			height: 26px;}
			
		#contact-form  .input {
		    color: #3C3939;
			height: 18px;
			width: 160px;
			margin: 2px 0px 0px 5px;
			padding: 0px 0px 0px 0px;
			font-size: 11px;
			}
			
		#contact-form  .input2 {
		    color: #3C3939;
			height: 18px;
			width: 315px;
			margin: 0px 0px 2px 5px;
			padding: 0px 0px 0px 0px;
			font-size: 10px;
			}
			
		#contact-form  .input3 {
		    color: #3C3939;
			height: 18px;
			width: 423px;
			height: 100px;
			margin: 0px 0px 2px 5px;
			padding: 0px 0px 5px 5px;
			font-size: 10px;
			font-family: verdana, arial, helvetica
			}		
			
form#contact  .contact-button { 
	float: right;
	margin-right: 10px;
	margin-top: 0px;
		}
			
#send 	{
	width: 120px;
	height: 25px;
	background: url(../images/btn-submit.gif)  no-repeat 0 0;
	float:right;
	}


#send:hover {
	background-position: 0 -25px;
	}
	
#send span {
	display: none;
	}		

#col	{ 	width: 218px;
			float: left;
			border: 0px solid #000000;
			}
#col2	{ width: 115px;
			float: left;
			}			
	

		
/* footer */

#footer {
		/* position: relative;*/
		margin-top: -60px; /* negative value of footer height */
		height: 60px;
		clear: both;
		background-color: #3C3939;
		border-top: 1px solid #CCCCCC;
		/* text-align: left; */
		font-size: 10px;
		padding: 10px 0px 0px 0px;
		width: 100%;

		 } 
		 
#footerwrap	{

	width: 945px;
	margin:0 auto;
	text-align: left;
	display:block;
	border: 0px solid #000000;
	

	
			}
		
				 
  #footerwrap .right
		{ 
		  float: right;	
		  padding-right: 10px;

		  }		 

	
						
/* sitewide stuff */			
			
h1 	{
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	

	} 
h2 {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 3px;
	color: #F74109;
	width: 445px;
	} 	

p 	{ margin: 0px 0px 10px 0px;}


/* slideshow stuff for plugin */

#slideshow { 
	border: 0px solid #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 24px;
	width: 350px;

	}
		
#thumbnails {
		margin: 5px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		overflow: auto;
			height: 55px;

				}			

#nav { 
	position: absolute; 
	top: 450px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	padding: 0px 0px 0px 0px;
	display: inline-block;

}

	
#nav li { 
	width: 50px; 
	float: left; 
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;

}
	
	
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #F74109; }
#nav a:focus { outline: none; }
#nav img { 
	border: none; 
	display: block; 
	-ms-interpolation-mode:bicubic; }