/*
-----------------------------------------------------
Master CSS file for screen media
FileName:    main.css
Project: PumaImages.com
Version :    5/05
-----------------------------------------------------
*/


body				{ background-color:#EEE;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 77%;
					  color: #333333; }
					  
.small				{  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 10px;
					  color: #333333; }
					  
a					{ color: #990000;
					  text-decoration: none; }
					  
a:visited			{ color: #990000;
					  text-decoration: none; }
					  
a:hover				{ color: #990000;
					  text-decoration: underline; }


/*  ------------------- Home page ----------------------------- */


div#homemainbox		{ margin: 20px auto auto auto;
				  	  background-image: url(../images/shadow.gif);
				  	  width: 724px;
				  	  height: 498px;
				  	  padding: 10px 17px 10px 17px; }
				  
div.homespacer		{ height: 75px; }
				  
div#homenav			{ border-bottom: 1px solid #990000;
				  	  height: 30px; }

div#homephotos		{ height: 200px; }

div.homefeature		{ width: 240px;
				  	  float: left; }
				  
div#homelogo		{ margin-top: 10px;
				  	  margin-left:237px;
				  	  margin-right: auto; }
					  
/*  ------------------- Sub pages --------------------------- */

div#gallmainbox		{ margin: 20px auto auto auto;
				  	  background-image: url(../images/shadow_gallery.gif);
				  	  width: 724px;
				  	  height: 613px;
				  	  padding: 10px 17px 10px 17px; }
					  
div#galllongbox		{ margin: 20px auto auto auto;
				  	  background-image: url(../images/shadow_long.gif);
				  	  width: 724px;
				  	  height: 793px;
				  	  padding: 10px 17px 10px 17px; }

div.subspacer		{ height: 10px; }

div#sublogo			{ float: left;
					  width: 244px;
					  margin-right: 100px; }
				  
div#subnav			{ border-bottom: 1px solid #990000;
				  	  height: 50px; }
					
div#navcontainer	{ width: 380px;
					  float: left;
					  margin-top: 17px; }	
					  
div.breadcrumbs	{ margin: 5px 0px 5px 0px; }
					  
div.subnavbar		{ background-color: #CCCCCC;
					  padding: 5px;
					  margin-top: 15px;
					  margin-bottom: 15px; }
					  
div.gallerytitle	{ font-size: 110%;
					  font-weight: bold; 
					  margin-bottom: 10px;}
					  
div.nextgallery		{ text-align: right;
					  font-size: 10px;
					  margin-right: 20px;}
					  
div#subcontent		{ margin-top: 0px; }

/* div below is unique to about and contact pages */

div#padsubcontent	{ margin-top: 25px; }		  

div.contacttext		{ margin-left: 10px; }

div.photofloat		{ float: right; 
					  margin-right: 10px;
					  margin-left: 15px; }
					  
					  
/* Navigation buttons below */					  
				  
div.buttonhome		{ float: left;
				  	  width: 52px; }
				  
div.buttongall		{ float: left;
				      width: 85px; }	
				  
				  
div.buttonabout		{ float: left;
				  	  width: 67px; }	
				  
div.buttonclient 	{ float: left;
				  	  width: 95px; }	
					  
div.buttoncontact	{ float: left;
				      width: 81px; }
					  
/* footer */	
					  
div#footer			{ width: 754px;
					  margin: 5px auto auto auto;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 10px;
					  color:#666666;
					  text-align: right; }