html, body {
	margin: 0;
	padding: 0;
	height:	100%;
	text-align: left;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small !important;
  	font-size: small;
  
  	font-family: arial, geneva, sans-serif;
	color: #d0d1b2;
	
	background: #0b1414 url(images/fauxbg.gif) top left repeat-y;
	}

* {margin:0; padding: 0}
  


   
a { color: #5f85c9;  }
   
a:link {   } 

a:visited {   } 

a:hover {  color: #3a80ff; } 
   
a:active {   } 
   
 



#container {
	width: 967px;
	
}

/*				welcome text					  /
/* ---------------------------------------------*/

#welcome {
	color: #d0d1b2;
	width: 506px;
	background: #0b1414;
	padding: 20px;
	margin-bottom: 60px;
	font-size: 120%;
}

#welcome p {
	margin-bottom: 1.5em;
}

#welcome span {
	color: #dedb72;
	font-weight: bold;
}

#welcome h2 {
	margin-bottom: 10px;
}

.firstparagraph {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 2em;
}

#welcome strong {
	color: #e61414;
}


#twentyyears {
	background: #142f2f ;
	border: 1px solid #1c5353;
	padding: 14px 8px 16px 55px;
	font-weight: bold;
	xmin-height: 38px;
	margin-bottom: 20px;
}

#twentyyears span {
	color: #b4f0f0;
	font-size: 150%;
	margin-top: 10px;
}
  
/*					Left Column 				  /
/* ---------------------------------------------*/

#leftcolumn {
	width: 344px;
	background: #0b1414;
	float: left;
}


#leftcolumn h1 a{
	display: block;
	width: 344px;
	height: 312px;
	background: url(images/title.gif) top left no-repeat;
	text-indent: -5000px;
}


/* -------THE WORK--------*/   


#leftcolumn h2 {
	text-indent: -5000px;
	
}

#thework {
	margin-bottom:50px;
}

#thework a {
	display: block;
	width: 344px;
	height:63px;
	background: url(images/nav.jpg) no-repeat;
	text-indent: -5000px;
}

#print a:hover { background-position: -344px 0; }


#logo a{ background-position: 0px -63px; }
#logo a:hover{ background-position: -344px -63px; }

#web a{ background-position: 0px -126px; }
#web a:hover{ background-position: -344px -126px; }

#illustration a{ background-position: 0px -189px; }
#illustration a:hover{ background-position: -344px -189px; }

#package a{ background-position: 0px -252px; }
#package a:hover{ background-position: -344px -252px; }



#worktitle {
	width: 344px;
	height:61px;
	margin-bottom: 8px;
	background: url(images/thework.gif) top center no-repeat;
}


/* -------THE INFO--------*/



#infotitle {
	width: 344px;
	height: 64px;
	background: url(images/theinfo.gif) top center no-repeat;
}


#theinfo a {
	width: 344px;
	height: 48px;
	display: block;

	text-indent: -5000px;
}

#about a{
	background: url(images/theinfo.gif) no-repeat;
	background-position: 0 -64px;
}

#about a:hover { background: url(images/infohover.jpg) top left no-repeat;}


#contact a{
	background: url(images/theinfo.gif) no-repeat;
	background-position: 0 -112px;
}

#contact a:hover {
	background: url(images/infohover.jpg) no-repeat;
	background-position: 0 -48px;
}



#phone {
	width: 344px;
	height: 104px;
	background: url(images/theinfo.gif) bottom center no-repeat;
	display: block;
	text-indent: -5000px;
}




/*				MAIN							  /
/* ---------------------------------------------*/



#main {
	float: right;
	background:  url(images/mainbg.jpg) top left no-repeat;
	width: 558px;
	padding: 30px 30px 0 35px;


}
 

#main h3 {
	color: #0b1414;
	font-size: 250%;
	letter-spacing: -.08em;
	text-transform: uppercase;

	display: inline;
	
	/* -----
	border: 1px solid red; ------ O SHT ----------
	width: 200px;
	height: 40px;  ----*/
}

#thumbnails {
	clear: both;
	padding-top: 10px;
}

.choose {
	color: #0b1414;
	display: inline;
	font-size: 110%;
	font-weight: bold;
	text-transform: capitalize;	
		letter-spacing: -.08em;
}




#thumbnails a{
	text-indent: -5000px;
}

#thumbnails img {
	border: 6px solid #0b1414;
	width: 69px;
	height: 69px;
	margin-right: 8px;
	margin-bottom: 8px;

}

#thumbnails img:hover {
	border: 6px solid #bd0000;
} 



#enlargement {
	width: 526px;
	background: #0b1414;
	padding: 10px;
	margin-bottom: 60px;
}

#enlargement img {
	width: 526px;
	margin-bottom: 15px;
}


.info {
	font-size: 110%;
	font-weight: bold;

	padding: 4px 0;
	border-bottom: 1px solid #5c6255;

	width: 380px;
}

.info2 {
	font-size: 110%;
	font-weight: bold;
	padding: 4px 0;
	margin-bottom: 3px;
}


.info3 {
	font-size: 110%;
	font-weight: bold;
	padding: 4px 0;
	border-bottom: 1px solid #5c6255;
	width: 526px;
}


.info4 {
	font-size: 110%;
	font-weight: bold;
	padding: 4px 0;
	margin-bottom: 3px;
}


.photoicon {
	display: block;
	text-indent: -5000px;
	width: 25px;
	height: 26px;
	margin-right: 9px;
	background: url(images/photoicon.gif)  no-repeat;
	float: left;
}

.photoicon:hover {
	
	background-position: 0 -1px;
}


#valid {
	width: 105px;
	float: right;
	border: 1px solid #172929;
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 5px;
	background: url(images/valid.gif) top left repeat-x;

}

#valid p {
	padding-left: 20px;
	padding-bottom: 6px;
	color: #9ab2b2;
	font-size: 86%;
	background: url(images/check.gif) left center no-repeat;
}


/* hcard */


.vcard {
	font-size: 110%;
	font-weight: bold;

	padding: 7px 0;


	width: 380px;

}


.tel {
	font-size: 120%;
	margin-top: 10px;
}

.adr {
	margin-top: 20px;
	margin-bottom: 5px;
}

.gmap {

	margin-top: 5px;
}

/* ---------------------------------------------*/
   
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
   
   
   
/* ---------------------------------------------*/