/*<--!universal settings-->*/
* {

  margin: 0;
  padding: 0;

}

/*<--redefined settings-->*/

body {

     background: #544e49;
     color: #544e49;
     font-family: Arial, sans-serif;
     font-size: 1em;

}

a {

    text-decoration: none;
    
}

img {

    border: none;

}

/*main container*/

#container {

    width: 600px;
    background: #C3D49C;
    position: relative;
    margin: 0 auto;
    display: block;
    font: 1em Arial, sans-serif;
    color: #544e49;
            
}


/*nav bar*/

#container #nav {

    background: transparent url(../images/bar.gif) top left no-repeat;
    width: 600px;
    height: 1.5em;
    position: absolute;
    top: 0px;
    z-index: 1;
                
}

/*ie hack for fixed position of nav bar*/

html>body #container #nav {

    background: transparent url(../images/bar.gif) top left no-repeat;
    width: 600px;
    height: 1.5em;
    position: fixed;
    top: 0px;
    z-index: 1;
                
}

/*links styling*/

#container #nav ul {
    
    list-style: none;
    margin: 0 0 0 .5em;      
}

/*ie hack to correct links position in nav*/

html>body #container #nav ul {
    
    list-style: none;
    margin: 0 0 0 2em;      
}


#container #nav ul li {

    float: left;
    text-transform: uppercase;
    margin: .25em 1.5em;
    font: 1em/1.2em Arial, sans-serif;
    font-weight: bold;
    color: #544e49;
                     
}



#nav ul li a {

     color: #544e49;     

}

#nav ul li a:link, a:visited {
          
    color: #544e49;           

}

#nav ul li a:hover, a:active {
          
    color: #A8B78D;          

}

#nav ul .current a {
     
   color: #A8B78D;  

}

#nav ul li a img {

    text-align: center;
    
}


/*repeating nav bar for ie*/

#container .nav2 {

    background: transparent url(../images/bar.gif) top left no-repeat;
    width: 600px;
    height: 1.5em;
    border-bottom: 10px solid #C3D49C;                
}

/*ie hack to correct links position in firefox*/

html>body #container .nav2 {

    visibility: hidden;
                
}

/*links styling*/

#container .nav2 ul {
    
    list-style: none;
    margin: 0 0 0 .5em;      
}

/*ie hack to correct links position in firefox*/

html>body #container .nav2 ul {
    
    list-style: none;
    margin: 0 0 0 2em;      
}

.nav2 ul li {

    float: left;
    text-transform: uppercase;
    margin: .25em 1.5em;
    font: 1em/1.2em Arial, sans-serif;
    font-weight: bold;
    color: #544e49;
                     
}


.nav2 ul li a {

     color: #544e49;     

}

.nav2 ul li a:link, a:visited {
          
    color: #544e49;           

}

.nav2 ul li a:hover, a:active {
          
    color: #A8B78D;          

}

.nav2 ul .current a {
     
   color: #A8B78D;  

}


.clear {
	float: none;
    clear: both;
}

/*header*/

#container #header {

    background: #fff;
    height: 28px;
    width: 600px;
    display: block;
    margin: 0;

}

/*flash header*/

#container #flash_header {


    height: 236px;
    width: 600px;
    display: block;
    position: static;
    background: #C3D49C;

}

/*home - content*/

#home_content p {

    margin: 0 1em 1em 1em;
    font: .9em/1.3em Arial, sans-serif;
}

#home_content h1 {

    margin: 1em;
    font: 1em/1.3em Arial, sans-serif;
    font-weight: bold;
}

#home_content h2 {

    margin: 1em 0 0 1em;
    font: .9em/1em Arial, sans-serif;
    font-weight: bold;
}

#home_content a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: .9em;                   
}

#home_content a:link, a:visited{
    
    color: #544e49; 

}

#home_content a:hover, a:active {
    
    color: #fff; 

}

#home_content .thn1 {
    
    margin: 1.5em;
    display: block;          

}

#home_content .thn1 img{

    float: left;
    margin: 0 .5em 0 .5em;
    display: block;
} 

/*portfolio - content*/

#container #portfolio_content {

    height: 300px;
    display: block;
    margin: 5em;       

}

#portfolio_content h1 {

    margin: .5em;
    font: .9em/1.3em Arial, san-serif;
}

/*portfolio - categories*/

#portfolio_content .cat {

    float: left;
    display: block;
                  

}

/*portfolio - categories - images*/

#portfolio_content .cat a img {

    margin: 2.5em 2.5em 1em 2.5em;
    text-decoration: none;      

}

/*portfolio - categories - link styling*/

#portfolio_content .cat a {

    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #544e49;
    text-align: center;      

}

#portfolio_content .cat a:link, a:visited{
    
    color: #544e49; 

}

#portfolio_content .cat a:hover, a:active {
    
    color: #fff; 

}

/*portfolio - web*/

#container #web {
    

    /*height: 400px;*/
    width: 600px;
    display: block;              
}


#web p {

    margin: 1em;
    font: .9em/1.3em Arial, sans-serif;
}

#web h1 {

    margin: .5em;
    font: 2em/1.3em Arial, sans-serif;
}


#web .thn {

	float: left;
    margin: 1em;
    text-align: center;
    border: 1px solid #d0deaf;
    height: 85px;
    width: 80px;
    padding: .5em;
    display: block;
    background: #b7c896;

}

html>body #web .thn {

	float: left;
    margin: 1.5em;
    text-align: center;
    border: 1px solid #d0deaf;
    height: 80px;
    width: 80px;
    padding: .5em;
    display: block;
    background: #b7c896;

}

#web .thn img{

	border: 1px solid #544e49;
}


#web a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: .75em;                   
}

#web a:link, a:visited{
    
    color: #544e49; 

}

#web a:hover, a:active {
    
    color: #fff; 

}


/*portfolio - graphic*/

#container #graphic {
    
    width: 600px;
    display: block;            
}

#container #graphic p{
    
    margin: 0 1em 1em 1em;
                      
}

#graphic p {

    margin: 1em;
    font: .9em/1.3em Arial, sans-serif;
}

#graphic h1 {

    margin: .5em;
    font: 2em/1em Arial, sans-serif;
}

/*<!--thumbnails-->*/


#graphic .thn {

	float: left;
    margin: 1em;
    text-align: center;
    border: 1px solid #d0deaf;
    height: 85px;
    width: 80px;
    padding: .5em;
    display: block;
    background: #b7c896;

}

html>body #graphic .thn {

	float: left;
    margin: 1.5em;
    text-align: center;
    border: 1px solid #d0deaf;
    height: 80px;
    width: 80px;
    padding: .5em;
    display: block;
    background: #b7c896;

}

#graphic .thn img{

	border: 1px solid #544e49;
}


#graphic a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: .75em;                     
}

#graphic a:link, a:visited{
    
    color: #544e49; 

}

#graphic a:hover, a:active {
    
    color: #fff; 

}

/*about - content*/

#container #about_content {

    width: 600px;
    display: block;        

}

#about_content p {

    margin: 1em;
    font: .9em/1.3em Arial, sans-serif;
}

#about_content h1 {

    margin: .5em;
    font: .9em/1.3em Arial, sans-serif;
}

#about_content a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: .9em;                   
}

#about_content a:link, a:visited{
    
    color: #544e49; 

}

#about_content a:hover, a:active {
    
    color: #fff; 

}

#about_content a img {

    margin: 0 0 -.5em 0;           
}

/*contact - content*/

#container #contact_content {

    height: 400px;
    width: 600px;
    display: block;        

}

#contact_content p {

    margin: 1em;
    font: .9em/1.3em Arial, sans-serif;
}

#contact_content h1 {

    margin: .5em;
    font: .9em/1.3em Arial, sans-serif;
}

#contact_content a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: .75em;                     
}

#contact_content a:link, a:visited{
    
    color: #544e49; 

}

#contact_content a:hover, a:active {
    
    color: #fff; 

}


/*links - content*/

#container #links_content {

    width: 600px;
    display: block;
               

}

#links_content p {

    margin: 1em;
    font: .9em/1.3em Arial, sans-serif;
    
}

#links_content h1 {

    margin: .5em;
    font: 2em/2.2em Arial, sans-serif;
    
}

#links_content h2 {

    font: .75em/1em Arial, sans-serif;
    color: #d0deaf;
    font-weight: bold;
    height: 2em;
    display: block;
    
}

/*thumbnails*/    


#links_content .thn {

	float: left;
    margin: 0 .5em .5em 1em;
    text-align: center;
    border: 1px solid #d0deaf;
    height: 90px;
    width: 90px;
    padding: .5em;
    display: block;
    background: #b7c896;
    

}

html>body #links_content .thn {

	float: left;
    margin: 0 1em 1em 1.5em;
    text-align: center;
    border: 1px solid #dceab9;
    height: 85px;
    width: 90px;
    padding: .5em;
    display: block;
    background: #b7c896;

}

#links_content .thn img{

	border: 1px solid #544e49;
}


#links_content a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: .75em;                      
}

#links_content a:link, a:visited{
    
    color: #544e49; 

}

#links_content a:hover, a:active {
    
    color: #fff; 

}


/*contact form page*/


#contact_pg {
	
	width: 600px;
	display: block;
	margin: 0 auto;
	position: relative;
    background: #C3D49C;

}

#contact_pg a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: .75em;
    margin: 1em 1em 1em 19em;                     
}

#contact_pg a:link, a:visited{
    
    color: #544e49; 

}

#contact_pg a:hover, a:active {
    
    color: #fff; 

}


/* controlling layout of form */

#contactf {
        background: #d0deaf;
		width: 400px;
        margin: 0 auto;
		position: relative;
		text-align: left;
        color: #544e49;
        padding: 0.6em;
        display: block;
}


#contactf form { 
        margin: 0; 
        padding: 0; 
} 

/*header*/

#contactf form  h1 {
        display: block;
        margin: 1em;
        font: 1em Arial, sans-serif;
		text-transform: none;
		font-weight: bold;
        color: #544e49;
}



#contactf fieldset { 
        display: block;
        margin: 1.2em;
        padding: 1em; 
        border: 2px solid #544e49;
        width: 300px;
}
#contactf legend { 
        font-weight: bold; 
        color: #544e49; 
        margin: 0;
        padding: .4em; 
/*neccessary for IE only -
 otherwise title of legend appears as if crossed out*/
        background: #d0deaf;
        
}
/* styling input elements */

#contactf textarea {  
        width: 250px;
        color: #000; 
        margin: 0; 
        padding: .4em; 
        background: #f0fbd8;
        border: 1px solid #544e49;
}

#txt {
        width: 300px;
        font: 0.8em Arial, sans-serif;
        margin: 10px 0px 10px 17px;
}

/*ie hack to adjust margins */

html>body #txt {
        width: 300px;
        font: 0.8em Arial, sans-serif;
        margin: 10px 0px 10px 0px;
}

/* styling input elements */

#contactf input {  
        width: 250px;
        color: #000; 
        margin: 0 0 0px 0; 
        padding: .2em; 
        background: #f0fbd8;
        border: 1px solid #544e49;
}

/* text alignment for single line boxes */

#details label { 
        width: 250px;
        font: 0.8em Arial, sans-serif;
        margin: 20px;
        text-align: right;
}

/*ie hack to adjust margins */

html>body #details label { 
        width: 250px;
        font: 0.8em Arial, sans-serif;
        margin: 0px;
        text-align: right;
}

/* positioning buttons */

#submit {
		float: left;	
}

#submit input {
		width: 100px;
		margin: 0 0 0 65px;
		display: inline;
        background: #C3D49C;
}

/*acknowledgement pages*/

#ackn_pg {
	
	width: 600px;
	height: 600px;
	display: block;
	margin: 0 auto;
	position: relative;
    background: #C3D49C;

}

#ackn_pg h1 {

    margin: 1em;
    font: 1em Arial, sans-serif;
    color: #544e49;
    font-weight: bold;
}

#ackn_pg p {

    margin: 1em;
    font: .9em Arial, sans-serif;
    color: #544e49;
}


#ackn_pg a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: .75em;                     
}

#ackn_pg a:link, a:visited{
    
    color: #544e49; 

}

#ackn_pg a:hover, a:active {
    
    color: #fff; 

}

.bars {
   
   	width: 600px;
	display: block;
	margin: 0 auto;
	position: relative;
    background: #C3D49C;        

}

/*gallery - main container*/

#gall_container {

    width: 600px;
    background: #C3D49C;
    position: relative;
    margin: 0 auto;
    display: block;
    color: #544e49;
            
}


.gall_content {
              
   background: #C3D49C;
   width: 600px;
   display: block;
              

}

.gall_content h1 {

    margin: 1em;
    font: 1.5em Arial, sans-serif;
    font-weight: bold;
}

.gall_content h2 {

    margin: 1em;
    font: 1em Arial, sans-serif;
    font-weight: bold;
}

.gall_content p {

    margin: 1.25em;
    font: .9em/1.3em Arial, sans-serif;
}

.lrg_img {
   
   margin: .5em .5em .5em 1.5em;           

}

.flash_hshow {
	
	position: static;
	width: 100%;
	height: 125px;
	display: block;
	background: #b7c896;
	z-index: 6;
	margin: 0 0 0px 0;

}

html>body .flash_hshow {
	
	position: static;
	width: 100%;
	height: 125px;
	display: block;
	background: #b7c896;
	z-index: 6;
	margin: 0 0 225px 0;

}

.up {
  
  float: right;
  margin: 1em;  

}

.dwn {
  
  float: right;
  margin: -2em 1em 1em 1em;   
     
}

.gall_content a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: .75em;                     
}

.gall_content a:link, a:visited{
    
    color: #544e49; 

}

.gall_content a:hover, a:active {
    
    color: #fff; 

}

.gall_content .anchor {

    position: static;
    
} 

.gall_content .nav_butts {

    background: url(../images/nav_bar.gif) top left no-repeat;
    text-align: center;          

}
         
.gall_content .nav_butts a {

    margin: 0 .5em;          
}

/*back to portfolio*/

.bk {

    margin: 0 0 50px 500px;
              
}

/*footer*/

.footer {
    
    background: #C3D49C;
    width: 600px;
    display: block;
    text-align: center;
    font: .8em Arial, sans-serif;
            
}


.footer a {
    
    text-decoration: none;
    color: #544e49;
    font-weight: bold;
    font-size: 1em;
    text-align: center;                     
}

.footer a:link, a:visited{
    
    color: #544e49; 

}

.footer a:hover, a:active {
    
    color: #fff; 

}