/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-size: 75%; 
font-family: "Lucida Grande", lucida, Arial, Helvetica, Verdana, Sans-serif; 
	background-color: #FFFFFF;
	min-width: 600px;         
	margin-top: 0;
	margin-bottom: 40px:}


	
.hide	{
	display: none;
	}




#container a:link {color: #695D54;text-decoration:none; }
#container a:visited {color: #695D54;text-decoration:none; }
#container a:hover, a:focus {color: #258; text-decoration: underline;}
#container a:active {color: #258; text-decoration: underline;}



#container p {font-weight: normal;
line-height: 1.8;
margin: 0; 
padding: 0 0 4px 0;
color:#666666;}

.caption {
padding-top: 10px;
font-size: 0.9em;}

#credit {
padding: 0;
margin: -5px 0 0 0;
float: right;
font-size: 0.8em;
}

#credit a:link {
color: #999999;
}

#credit a:visited {
color: #999999;
}





/***********************************************/
/* Layout Divs                                 */
/***********************************************/



		
		
		
		#header {
		margin-top: 40px;
		height: 50px;
		background-color: #ffffff;
		background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: bottom left;}
		
		
		#nav {
		border-top: 1px solid #999999;
		height: 30px;
		padding:0;
		margin: 0;}


	
		
		#container {width: 700px;
		margin:auto;
			padding: 0px; 
			background-color:#FFFFFF;}
	
		
		#main {height: 350px;
			padding: 10px 0px 30px 0px;
			margin: 0;
		}
		
		#workmain {
			padding: 20px 0px 0px 0px;
			margin: 0;
		}
		
		#textabout { height: 350px;
			padding: 40px 0px 0px 0px;
			margin: 0 237px 0 63px;
		}
	
		#textcontact {height: 350px;
			padding: 40px 0px 0px 0px;
			margin: 0 125px 0 175px;
		}
		
		
/* the following rule is recognized only by IE */
	
* html body #textcontact	
{margin-left: 179px;
margin-right: 121px;}

		
		#footer {
			clear: both;
			height: 45px;
		background-color:#0F4295;}
		
	
	#popupcontainer {
margin-top: 15px;
	width: 515px;
	}
		

#close {float: right;
margin: 0 -2px 0 0;
padding: 0;}



#work a:link {color: #ffffff; text-decoration: none; border: none;}
#work a:visited {color: #ffffff; text-decoration: none; border: none;}
#work a:hover, a:focus {color: #666666; text-decoration: none; border: none;}
#work a:active {color: #666666; text-decoration: none; border: none;}

	

		
/***********************************************/
/* Main navigation                           */
/***********************************************/

#nav ul {
margin: 0;
padding: 5px 0;}

#nav li
{font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1;
list-style: none;
margin: 0 20px 0 0;
padding: 0;
display: inline;
}


#nav li a:link { 
	color: #999999;
	text-decoration: none;
border: none;
}

#nav li a:visited { 
	color: #999999;
	text-decoration: none;
border: none;
}


#nav li a:hover
{line-height: 1;
	text-decoration: none;
	color:#695D54;
border: none;
}

#nav li a strong {
font-weight: normal;
color: #695D54;
border: none;}
	



/************* image classes **************/



.left {float: left;}

.right {float: right;}


#work td {
padding: 0 0 50px 0;}

#main img {
display: block;
}

#work img {
padding: 0 80px 0 0;
}

#popupcontainer img {
margin: 10px 0 0 15px;
	}

img {border: 0px;
padding: 0;
margin: 0;}



img a {text-decoration: none;
border: none;}

img a: active {text-decoration: none;
border: none;}