/* 

	 AUTHOR:  Dan King
	 					neomusecreative@gmail.com
					
*/

/*            Colors:
                Orange:      #fc883a
                Mid-green:  #a0af50
                Dark-green: #202210
                dark-blue:  #1e5a83
                gray:       #666666
                light-gray: #a3a3a3
                white:      #fcfcfc
                black: 	    #131313
                light-orange: #C98556
*/

/* RESETS AND PAGE SETUP */
* { margin: 0; padding: 0 }


p  {color:#666666; font-size: 16px; font-family: Georgia;}
h1 {color: #1e5a83; font-family: Georgia; padding:5px 0 15px 0;}
h2 {color:#666666}
h3 {color: #C98556; font-family: Georgia, arial; font-size: 1.1em; padding: 5px 0 5px 0;}

img {border: 0;}


.clear { clear: both; }

body {
	padding:0;
	font-family: Helvetica, arial;
	background-color: #131313;
        background: url(img/tile.jpg);


	
}




.page-wrap {
    width: 960px;
    margin: 0 auto;
    background: url(img/tile.jpg);
    
}



.logo {
  
    margin-top: 20px;
    outline: none;
}


#navigation {
	width: 190px;
        background-color: #131313;
        float: right;
        margin-top: -210px;
	background: url(img/tile.jpg);
	
	
}


 ul#sliding-navigation  {
	
     
     list-style: none;
     background-color: #131313;
     line-height: 1.4em;
     font-size: 1.2em;  
     margin: 0 0 0 20px;
     background: url(img/tile.jpg);
    
     
 }  
   
 ul#sliding-navigation li.sliding-element h3,  
 ul#sliding-navigation li.sliding-element a  
 {  
       
     display: block;
     background: #131313;
     border: 1px solid #666666;
     padding: 3px 5px 2px 10px;  
     margin: 5px 0;
     background: url(img/tile.jpg);
     outline: none;
  
    
    
 }  
   
 
   
 ul#sliding-navigation li.sliding-element a  {
	
     color: #fc883a;
     background: #131313;
     text-decoration: none;
 }  
   
 ul#sliding-navigation li.sliding-element a:hover {
    
    color: #ffffff;
    background-color: #131313;
    border: 1px solid #fc883a;
    

}



.content {
    clear: both;
    width: 960px;
  
}

.hometext {
    border-top: 1px solid #202210;
    border-bottom: 1px solid #202210;
    width: 800px;
    
}

.hometext h3 {
    margin: 40px 0;
}

.webdesign {
    margin-top: 30px;
}


#intro-text {
	
	padding: 50px 10px 10px 10px;
	border-top: 1px solid #666666;
}

#intro-text .p {
	font-size: 18px;
	color: #000000;
}


#home-left {
	
	width: 660px;
	float: left;
}

#home-left p {
	color: #a3a3a3;
	font-size: 18px;
	font-family: Georgia;
}

.home-right {
	width: 225px;
	float: right;
	margin: 0 0 20px 0;
	
	
}

.home-right p {
	color: #fcfcfc;
	font-style: italic;
	font-size: 12px;
	line-height: 1.5em;
}


.slideshow a { font-family: Georgia; font-size: 12px; font-style: italic; color: #fc883a;  }
.slideshow p { font-size: 14px; font-style: italic; color: #fcfcfc; }
.slideshow span { font-size: 12px; font-style: italic; color: #fc883a; }


.sig p {
	font-style: normal;
	color: #fc883a;
}






#footer {
    border-top: 1px solid #666666;	
    clear: both;
    text-align: left;
    padding: 10px;
    margin-top: 20px;
    height: 100px;
    background-color: #131313;

}

#footer p {
    color:#fcfcfc;
    font-size: 16px;
    font-family: Georgia;
    padding: 10px;
    font-style: italic;
}

.foot-icons {
	float: right;
	width: 200px;
	
}



.contact-content {
    background-color: #131313;
    margin: 60px 0 0 120px;
    width: 680px;
    border: 1px solid #666666;
    padding: 10px;
}


.thanks-content {
	margin: 275px 0 200px 300px;
        
}

.error-content {
	margin: 275px 0 200px 300px;	
}

.about-content {
	margin: 80px 0 20px 30px;
	line-height: 1.4em;
	        
}

.about-content p {
	color:#a3a3a3;
}

.about-sig p {
	color:#C98556;
}

.about-image {
	float: right;
	margin: 0 0 15px 15px;
	background: #131313;
	border: 1px solid #666666;
	padding: 10px 10px 5px 10px;
	width: 300px;
}

#about-list {
	margin-left: 20px;
}

#about-list li  {
	font-size: 0.8em;
	color: #202210;
}

#port-content {        
	margin: 80px 0 20px 0;
    
}

.port-text {
    width: 560px;
    height: 300px;
    float: left;
    padding: 20px 10px 0 10px;
    border: 1px solid #666666;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #131313;
}

.port-text h3 {
	color: #C98556;
	padding: 10px;
}

.port-text p {
    font-family: Georgia;
    font-size: 16px;
    color: #fcfcfc;
    padding: 10px;

}

.port-image {
    width: 320px;
    height: 300px;
    float: right;
    padding: 20px 5px 0 20px;
    border: 1px solid #666666;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #131313;
    
}

.port-image p {
	font-size: 10px;
	color: #fc883a;
}

.sound-image {
    width: 320px;
    height: 300px;
    float: right;
    padding: 20px 3px 10px 20px;
    border: 1px solid #666666;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    background: #131313;
    
}