/* Prolifica - Sitewide and Home Page Style Sheet */

/* Page Setup
===================================================================*/
*		{
	margin:0; 
	padding:0; 
	font-family: Arial, Sans-Serif;}
	
body
{
     text-align:center;
     background-color:#B18821;}	
     
#canvas
{
    width: 651px;
    min-height:474px;
    background-color:#fff;
    margin-left:auto;
    margin-right: auto;        }	    

* html #canvas  /* for non-standard IE */
{
    height:474px;}  

img    {border-style: none;}    

/* Homepage specific
===================================================================*/
#home
{
    position:relative;
    width: 651px;
    min-height:474px;
    background-color:#fff;
}	

* html #home    /* for non-standard IE */
{
    height: 474px;}
    
#hlogo
{
    position: absolute;
    top: 103px;
    left:104px;    }

#htagline
{
    position: absolute;
    top: 259px;
    left:98px;    }

#hmontage
{
    position: absolute;
    top: 296px;
    left:99px;    }

#hmenu
{
    position: absolute;
    top: 401px;
    left:98px;    }

/* Navigation
===================================================================*/
#nav 
{
  width:553px;
  height: 20px;
  padding: 0;
  margin: 0;
  list-style: none;  }

#nav li {
  float: left;
  position: relative;
  height: 20px;
  /* width: 10em; */  }
  
#nav li ul {
  display: none;
  position: absolute; 
  list-style:none;
  top: 20px;
  left: 0;  
  }
  
#nav li ul li
{
    clear:left;}	

#nav li:hover ul, #nav li.over ul{ display: block; }

/* Top-level Menu Options */
#nav li         {   text-indent: -800em;    }
#nav li ul li   {   text-indent: 0px;       }        
    
#optAbout       {   width:66px; background: transparent url(../images/btn_about.gif) no-repeat scroll top left;}
#optProcess     {   width:61px; background: transparent url(../images/btn_process.gif) no-repeat scroll top left;    }
#optPartnership {    width:138px; background: transparent url(../images/btn_partnership.gif) no-repeat scroll top left;}
#optPortfolio   {    width:71px; background: transparent url(../images/btn_portfolio.gif) no-repeat scroll top left;}
#optNewsroom    {    width:74px; background: transparent url(../images/btn_newsroom.gif) no-repeat scroll top left;}
#optContact     {    width:76px; background: transparent url(../images/btn_contact.gif) no-repeat scroll top left;}
#optLogin       {    width:67px; background: transparent url(../images/btn_login.gif) no-repeat scroll top left;}
#optLogin ul    {    right: 0;}

#nav a  
{
    text-align: left;
    font-size: 8pt;
    text-decoration: none;
    height: 100%;
    display:block;           }
    
#nav li ul   
{
    width: 145px;
    background-color: #ec6;
    margin-left: 2px;}    /* width of each sub menu */

#nav li ul li a  
{   
    color: #640;
    width:130px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: -2px;
}

#nav li ul li a:hover 
{
    background-color:#fd7;      }    
    
#nav li > ul {
	top: auto;
	left: auto;
	}

/* Sub pages
===================================================================*/
#subpage
{
    position: relative;
    width: 760px;
    min-height:556px;
    background-color:#fff;
    margin-left:auto;
    margin-right: auto;        
    text-align: left;
    }	    

* html #subpage /* for non-standard IE */
{
    height:556px;}  

#logo   
{
    margin: 26px 0 0 33px;
    float:left;}

#montage    
{
float:right;}    

#menu
{
    float:right;
    margin-top:2px;}   
    
#content    
{
    width: 760px;
    clear: both;
    border-top: solid 89px #fff;    }     

#section    
{
    float:left;
    width:20px;
    height: 344px;
    background-color: #960;
    }    
#section img
{
    border-bottom: solid 1px #fff;}

#graphic    
{
 width: 316px;
float:left; 
margin: 0 0 0 2px;
   }    

.caption
{
    color: #b18821;
    font-size: 8pt;
    margin-left: 24px;}

#allcopy
{
    width: 383px;
    margin-left:30px;
    float: left;}
    
h1
{
    font-family: Serif;
    font-size: 12pt;
    font-variant: small-caps;
    color: #640;
    margin-bottom: 1em;}

#copy
{
    width:352px;
    height:236px;
    float:left;
    overflow: auto;
    padding-right: 15px;
    padding-left: 3px;}

#copy p
{
    margin-bottom: 1em;
    font-size: 8pt;}

.firstline
{
    color:#b18821;
    font-weight: bold;}       

/* Logins 
===================================================================================*/    
#login
{
    width:300px;
    text-align: left;
    margin-left: 206px;}

#login label
{
    font-size:8pt;
    font-weight:bold;
    float:left;
    width:75px;
    }    

.clearfix
{
    padding:.15em 0;
    vertical-align:bottom;}

#btn_login
{
    margin-left:75px;
    font-size:10pt;}    
  
/* Slideshow
===================================================================*/
#picnav
{
    text-align:center;
    margin:auto;
    margin-top: 5px;}
    
#picnav a
{
    color:#960;
    font-size: 10pt;
    font-weight: bold;
    margin-left: 1em;}

/* Footer
===================================================================*/
#footer 
{
    width: 760px;
    margin:auto;
    text-align: right;
    font-size: 8pt;
    color: #fff;}