/* - - - - - - - - - - - - - - - - - - - - -

Title : Salamander Construction
Author : Liz Whitaker-Freitas
URL : www.salamanderconstruction.com
/* - - - - - - - - - - - - - - - - - - - - -

Title : Salamander Construction
Author : Liz Whitaker-Freitas
URL : www.salamanderconstruction.com

Description : 

Created : 344d67
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin:0;
padding:0;
font-family:verdana,sans-serif;
color: white;
font-size:96%;
/*overflow: auto;
*/
outline-color: white;
}
html{
margin:0;
padding:0;
background:;
}
body{
margin:0 auto;
padding:0;
background:#0c223f;
}

/* ----- IDS ----- */

#container{
width:800px;

margin:0 auto;
padding:0;
background:#213b64;
background-image: url(images/background1.jpg);
background-repeat: no-repeat;
text-align: left;
}


/*--- home page elements ---*/
#header{
width:800px;
height: 167px;
margin:0 auto;
padding:0;
text-align: center;
}


#center, #center_h{
width:800px;
height: 298px;
margin:0 auto;
padding:0;
}

#center_h{
text-align: center;
}

#center{
text-align: left;
}

	#c_image{
	width:644px;
	height: 289px;
	margin:0 auto;
	padding:0;
	border: 4px solid #213b64;
	background-image: url(images/home_center_image.jpg);
	text-align: center;
	}
	


#content{
width:700px;
margin:0 auto;
padding:10px;
}

#bottom{
width:800px;
height: 286px;
margin:0 auto;
padding:0;
background-image: url(images/bottom2.jpg) repeat-x;
text-align: left;
}

    #b_welcome{
    width:656px;
    margin: 0 auto;
    padding:10px 0; 
    }
    
   #b_welcome_l{
   width:475px;

   }
   
    #b_welcome img{
    margin-left: -3px;
    padding: 0;
    }
    
    #b_featured{ 
    float: right;
    margin-top: -220px;
	width: 160px;
	padding: 0 0 0 5px;
    }

     img.spotlight{
     border: 4px solid #213B64;}



#navigation_home{
position:relative;
float: right;
width: 170px;
z-index: 2; 
margin:0;
padding:0;
}

#navigation_home img{border:none}

#topnav{
width: 720px;
height: 30px;
background-color: #46607a;
margin:0 auto;
padding:0;
}

#topnav img{border:none;}

#topnav ul{list-style: none; margin:0; padding: 0;
}

#topnav ul li{display: inline; margin:0; padding: 0;}

#topnav li {
  list-style-type:none; 
  }

#info{float:right;
width: 400px
padding-bottom: 20px;
clear: both;}

#footer{
position: -2px 0 0 0;
width: 800px;
height: 33px;
margin: 0;
padding:0;
background: #0d2545;
text-align:left;
clear: both;
font-size: 90%;
}

#footer p{
margin: 0 71px;
padding: 10px 0;
color: #7c92a7;
}

 #f_nav{
 position:relative;
 float:right;
 margin: 0 71px;
 padding: 10px 0;
 color: #7c92a7;
 }

 #f_nav a{
 text-decoration: none;
 color: white;}
 
 #f_nav a:hover{color: #242021;}
 
#contact{margin: 0 0 0 130px;} 

/* ----- CLASSES ----- */

.hide{
 display:none; 
 color: none;
}
.show{
/* display:block; */
}

p.crew {
padding-bottom: 80px;
}

.pic_right{
  float:right;
  padding: 0;
  margin: 2px 15px 2px 5px;
  border: 4px solid #213B64;
  
}

.pic_left{
  float:left;
  padding: 0;
  margin: 4px 8px 4px 0px;
  border: 4px solid #213B64;}



/* ----- HEADINGS ----- */

h1{
font:;
font-size:120%;
font-weight:;
color:#cce4ee;
margin:;
padding:5px 0 20px 0;
text-shadow: 1px 1px 1px #0C223F;
}

h2{
color:#fff;
text-shadow: 1px 1px 1px #0C223F;
padding:5px 0 10px 0;
}



/* ----- PARAGRAPHS ----- */

p{
font-size: 100%;
margin: 0 10px;
padding: 10px 0;}

 p a:hover{color: #242021;}

/* ----- QUOTES ----- */

blockquote{
margin:15px 15px 5px 15px;
padding:5px;
font:;
color:;
}

blockquote p{
margin: 0;
padding: 0px;
font-style: italic;
}

.who{font-style: normal;
text-align: right;
margin-bottom: 10px;
padding-bottom: 10px;
border: 1px white;}

cite{
font:;
color:;
}

blockquote cite{
}

/* -- Navigation Home --*/

#navigation_home li{
padding: 10px 0;
}

#navigation_home ul{
list-style: none;
padding-top: 15px;
}

#navigation_home ul li{
}


#navigation ul li, #navigation ul li a { float: left; background-image: url(../images/menu_settled.png); width: 82px; height: 34px; font: 20pt sans; text-align:center; color: #ffffff; line-height: 34px; }
#navigation ul li:hover { background-image: url(../images/menu_hover.png); }

/* ----- IMAGES ----- */

img{
border:;
}

img a{
margin:0;
padding:0;
color:white;
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
color:white;
}
a:hover{
color:blue;
}

/* ----- TABLES ----- */

table{
width:690px;
border: 0;
margin:0 auto;
padding:;
frame:;
text-align:;
}

table h2{
font-size: 120%;
}
td{
width:;
margin: 0;
padding:10px 40px;
text-align: center;
}





/* ---- PROJECTS STYLING--- */



	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		padding: 10px;
		width: 700px;	
	}
	#projects img,#gallery img{
		width:100px;
		height:100px;
		border: 4px solid #213B64;}

	#gallery ul { list-style: none; color: #666; }
	#gallery ul li { display: inline;  color: #666;}
	#gallery ul li p{font-size: 100%;}
	#gallery ul img {
		border: 5px solid #213B64;
		border-width: 5px 5px 20px;
		margin-bottom: 20px;
		width: 100px;
		height: 100px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #666; }

   #more{clear:both;}
   #more ul{list-style: none; color: #fff;}
   #more ul li{display: inline; color: #fff;}
   #more ul li a{color: white; }
   #more ul li a:hover{color: #231F20;}