/* CSS Document */
html
	{
	}
	
body
    {
	position: relative;
	text-align: center;
	padding:0;
	margin: 0 0;
 	background: url(images/background_gray_diamonds3.gif) repeat-x fixed;
    }
	

#container
	{
	height: 100%;
	position: relative;
	width: 750px;
	margin: auto;
	}
		
#logo
	{
	background-image: url(images/logo4.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 20px;
	width: 100%;
	height: 63px;
	}
		
#wrap_content 
	{
	width: 750px;
	background-position: center;
	background-repeat: repeat-y;
	background-color: #666666;
	}
	
#content
	{
	font: Verdana, Arial, Helvetica, sans-serif;
	/*margin: auto;*/
	position: relative;
/*	padding: 0px 15px 15px 15px;*/
	background-color: #666666;
	border: 1px solid white;
	}	
			
#reflection 
	{
	background-image: url(images/logo2_reflection.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #666666;
	height: 21px;
	}		
		
#nav_box
	{
	height: auto;
	/*width: 100%;*/
	text-align: center;
	background-color: #333333;
	padding: 4px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	position: relative;
	margin: 0px 0px 0px 0px; /*have to specify zero side margins or else ie pulls inherits margins*/
	}


#nav_box li
	{
	background-color: #333333;
	text-decoration: none;
	display: inline;
	padding: 2px 10px 2px 10px;
	}
			
#nav_box a:link, #nav_box a:visited
	{
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}
	
#nav_box a:hover
	{
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
	}	
		
#image_index
	{
	position: relative; /*this is only necessary so stupid POS IE will display the float.*/
	background-image: url(http://www.spidervision.com/images/globe.jpg);
	width: 260px;
	height: 220px;
	border: 2px solid white;
	float: left;
	margin: 21px 20px 10px 15px;
	}		

#image_services
	{
	position: relative; /*this is only necessary so stupid POS IE will display the float.*/
	background-image: url(images/eye.jpg);
	width: 260px;
	height: 220px;
	border: 2px solid white;
	margin: 15px 20px 10px 15px;
	float: left;
	}		


p
	{
	color: #ffffff;
	text-align: left;
	font: Arial, Helvetica, sans-serif;
	padding: 0px 20px 0px 20px;
	}
	
p a:link, p a:visited
	{
	color: #CCCCFF;
	}
	
p a:hover
	{
	color: #99CCFF;
	}
	
h1
	{
	color: #ffffff;
	text-align: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	padding: 5px 0px 0px 0px;
	}
	
h2
	{
	color: #ffffff;
	text-align: left;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-indent: 15px;
	}
	
	
	
#imagegallery {position:relative; width:80%; height:560px; background:#666666; text-align:center; margin:0 auto; padding-bottom:12px; clear: both; border-top: 1px solid white;}
#imagegallery strong{font:bold 1.2em Verdana;display:block;margin-bottom:5px;}
#imagegallery a{font:normal 1em Verdana;display:block;}

a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #333; width:100px; height:70px; float:left; margin:7px; z-index:50;}

/*these are the thumbnail images:*/

a#slidea {background: url("portfolio/sm_eglej.jpg");}
a#slideb {background: url("portfolio/sm_holycards.jpg");}
a#slidec {background: url("portfolio/sm_newbeginnings.jpg");}
a#slided {background: url("portfolio/sm_tasteofrhythm.jpg");}
a#slidee {background: url("portfolio/sm_propertyinsantabarbara.jpg");}

a#slidef {background: url("portfolio/sm_casadesevilla_2.jpg");}
a#slideg {background: url("portfolio/sm_lacucaracha.jpg");}
a#slideh {background: url("portfolio/sm_dolcedesigns.jpg");}
a#slidei {background:url("portfolio/sm_davidgust.jpg");}
a#slidej {background:url(images/portfolio/100_70_sample_image.jpg);}/*this is just example line*/

a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left: 125px; overflow:hidden; background:#F9FBF1;z-index:100;}

.slidek {display:block; position:absolute; width:500px; height:370px; top:180px; left:50px; padding:0}

a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:0; position:relative; z-index:100;}
a.gallery:hover span {display:block; width:500px; height:370px; top:180px; left: 50px; padding:0px; color:#333; background:#666666; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:0; position:relative; z-index:50;}
a.gallery:active span, a.gallery:focus span {display:block;  width:500px; height:370px; top:180px; left: 50px; padding:0px; color:#333; background:#000000; z-index:50;}

#footer_box
	{
	height: auto;
	width: 100%;
	text-align: center;
	background-color: #333333;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid white;
	/*position: absolute;
	bottom: 0px;
	left: 0px;
	clear: both;*/
	margin: 0px 0px 0px 0px; /*have to specify zero side margins or else ie pulls inherits margins*/
	}

#footer_box li
	{	font: Verdana, Arial, Helvetica, sans-serif;

	background-color: #333333;
	text-decoration: none;
	display: inline;
	padding: 2px 10px 2px 10px;
	}
			
#footer_box a:link, #footer_box a:visited
	{
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}
	
#footer_box a:hover
	{
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
	}	
			
/* #shadow
		{
		background-image: url(images/shadow.gif);
		background-repeat: repeat-y;
		background-position: bottom right;
		width: 6px;
		height: 1000px;
		float: right;
		} */