.mainAreaInternal { position: absolute;top: 0;left: 0px;width: 954px; height: 790px;  overflow: auto; padding: 2px;z-index: 0; } 
  .mainAreaLoading  { position: absolute;top: 0;left: 0px;width: 954px; height: 790px; background-image: url("../images/artyfarty.jpg");background-repeat:no-repeat;background-position:-100px -100px;z-index: 1;  }
  
  #mainArea {margin-top:0;}


a:active { outline:none;}
:focus { -moz-outline-style:none;}

   
    #actions { width:960px;   margin:0 40px 0 0;	  }    
    #actions a { font-size:11px; cursor:pointer; color:#666;  }    
    #actions a:hover { text-decoration:underline; color:#000;  }   

  	.vertical {  position:relative;  overflow:hidden; height: 800px; width: 960px;  }        

	div.scrollable { position:relative;  overflow:hidden; height: 800px;  width: 954px; } 
 

	
  	#wrapper1 { width:960px; height:1000px; }
  	.items { position:absolute;  height:20000em;  margin: 0px;  }    
 	 #item  {/*  border-bottom:1px solid #ddd; */   margin:0;   padding:15px;   font-size:12px;   height:700px;  }   
	 
 	 
 	.item1  {/*  border-bottom:1px solid #ddd; */   margin:10px 0;   padding:15px;   font-size:12px;   height:10px;  }    
 	.item h3  { margin:0 0 5px 0;   font-size:16px;   color:#456;   font-weight:normal;  }   
    
    .prev  a { float:right; background-image: url("../images/portfolio/prev.jpg"); width:58px; height:47px;  background-repeat: no-repeat; background-position: -120px 0; }	      
    .prev a:hover {background-position:-60px 0;}     
	.prev a:active {background-position:0 0; }  
    
    
    .next a { float:right; background-image: url("../images/portfolio/forward.jpg"); width:60px; height:47px;  background-repeat: no-repeat;}	      
    .next a:hover {background-position:-60px 0;}     
	.next a:active {background-position:-120px 0; }     
		
    .next.disabled a {	filter:alpha(opacity=50); -moz-opacity:0.5;	-khtml-opacity: 0.5;opacity: 0.5; background-position: 0 0;} 
    .prev.disabled a {	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background-position:-120px 0; } 

	/* controls height of canvas	  */

    #portfolio_canvas #p_background #p_container { position:relative; float:left; margin:0; padding:0; width:960px;   height:790px;  }
    #portfolio_canvas #p_background { background-image: url("../images/portfolio/dk_background.jpg");  width:960px; height:790px; background-position: 1px 0; background-repeat: no-repeat;}
    
	
	

/*
  .fcg_1.first:hover, .fcg_1:hover { text-decoration:none;

  background-image: -moz-linear-gradient(top, #222222, #333333); 
  background-image: -webkit-gradient(linear,right top,left bottom,color-stop(0, #222222),color-stop(1, #2c2c2c));
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#333333'); 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#333333')"; 
        
       border-radius: 8px;
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       
     box-shadow: 0 0 10px rgba(0,0,0,.3);
     -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
     -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);  

	}
*/



.fcg_1 { width:190px; float:left; margin-left:30px; margin-top:10px; height:395px; }
.fcg_1.first { margin-left:45px;}
.fcg_icon {display:block; width:200px; height:110px;  margin-left:30px;  float:left; padding-top:20px;}
.fcg_icon.star {margin-left:30px; text-align:none; }

.fcg_head {display:block;  width:190px; height:50px; padding:0; float:left; text-align:center;}

.fcg_head  h2 {  color:#e3e3e3; font-size:1.5em; margin:.15em 0 0 0;   font-family: Arial, sans-serif; text-shadow: -2px -2px 0 rgba(0,0,0,.6); text-align:left; line-height:1.3em;}
.fcg_head  h2 a:hover{  color:#e3e3e3; font-size:1.5em; margin:.15em 0 0 0;   font-family: Arial, sans-serif; text-shadow: -2px -2px 0 rgba(0,0,0,.6); text-align:left; line-height:1.3em;}

/* Golden Star */

.fcg_head .gallery a h2.gst {  color:#b59f77; font-size:1.5em; margin:.15em 0 0 0;   font-family: Arial, sans-serif; text-shadow: 2px 2px 0 rgba(0,0,0,.6); text-align:left; line-height:1.3em; text-decoration:none;}
.fcg_head .gallery a:hover h2.gst { color:#927746; text-decoration:none;}
.fcg_head .gallery a:hover {text-decoration:none;}

/* RYAN NEWMAN  */

.fcg_head .gallery a h2.rnm {  color:#b59f77; font-size:1.5em; margin:.15em 0 0 0;   font-family: Arial, sans-serif; text-shadow: 2px 2px 0 rgba(0,0,0,.6); text-align:left; line-height:1.3em; text-decoration:none;}
.fcg_head .gallery a:hover h2.rnm { color:#927746; text-decoration:none;}
.fcg_head .gallery a:hover {text-decoration:none;}
.fcg_body_rmn {float:left; display:block;  width:170px; color:#e3e3e3; padding:10px 0 0 0;}


/* HOIC */

.fcg_head .gallery a h2.hoic{  color:#b59f77; font-size:1.5em; margin:.15em 0 0 0;   font-family: Arial, sans-serif; text-shadow: 2px 2px 0 rgba(0,0,0,.6); text-align:left; line-height:1.3em; text-decoration:none;}
.fcg_head .gallery a:hover h2.hoic { color:#927746; text-decoration:none;}
.fcg_head .gallery a:hover {text-decoration:none;}
.fcg_body_hoic {float:left; display:block;  width:170px; color:#e3e3e3; padding:10px 0 0 0;}

/* HHoC */

.fcg_head .gallery a h2.hhoc{  color:#b59f77; font-size:1.5em; margin:.15em 0 0 0;   font-family: Arial, sans-serif; text-shadow: 2px 2px 0 rgba(0,0,0,.6); text-align:left; line-height:1.3em; text-decoration:none;}
.fcg_head .gallery a:hover h2.hhoc { color:#927746; text-decoration:none;}
.fcg_head .gallery a:hover {text-decoration:none;}
.fcg_body_hhoc {float:left; display:block;  width:170px; color:#e3e3e3; padding:10px 0 0 0;}




.fcg_head  h3 { color:#e3e3e3; font-size:1.35em; margin:1.35em 0 3px 0; font-family: Arial, sans-serif;}

img.icon { margin:0 0 0 0;}

	.round { border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;  	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;}

.fcg_body {float:left; display:block;  width:170px; color:#e3e3e3; padding:10px 0 0 0;}

	



/* PORTFOLIO DISPLAY
----------------------------------------------------------------- */

#portfolio_canvas {width:960px; padding:25px 0 0 0; margin:0; }
#icon_wrapper {width:120px; height:103px; position: relative;}
#icon_wrapper a img { display:block;width:120px; height:103px; }
#icon_wrapper #icon_container { background-image: url("../images/portfolio/icon_bkground.png"); background-repeat:no-repeat; width:120px; height:103px; position:absolute; top:0; left:0;}





/*  GST  */
#item_intro_gst {width:900px; height:305px; float:left; margin: 20px 0 0 30px;background-image: url("../images/portfolio/gst_main.jpg"); background-repeat: no-repeat;

	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
       
     box-shadow: 0 0 10px rgba(0,0,0,.3);
     -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
     -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);  
     
     }
     
#item_intro_gst li.item_intro_content { width:350px; margin:50px 0 0 40px; display:block; }
#item_intro_gst h2.blah  { font-size: 2.5em; color:#b59f77;  margin:0; padding:0; font-weight:700;  text-align:left; text-shadow: 0 1px 0 rgba(0,0,0,.5);  
line-height:1em;}
#item_intro_gst p {color:#d8d8d8; text-align:left; line-height:1.35em; margin-top:10px;}

/*  Ryan Newman  */
#item_intro_rnm {width:900px; height:305px; float:left; margin: 20px 0 0 30px;background-image: url("../images/portfolio/rnm_large.jpg"); background-repeat: no-repeat;

	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
       
     box-shadow: 0 0 10px rgba(0,0,0,.3);
     -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
     -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);  
     
     }
     
#item_intro_rnm li.item_intro_content { width:500px; margin:100px 0 0 300px; display:block; }
#item_intro_rnm h2.blah  { font-size: 2.5em; color:#b59f77;  margin:0; padding:0; font-weight:700;  text-align:left; text-shadow: 0 1px 0 rgba(0,0,0,.5);  
line-height:1em;}
#item_intro_rnm p {color:#d8d8d8; text-align:left; line-height:1.35em; margin-top:10px;}


/* hospice */


#item_intro_hoic { width:900px; height:305px; float:left; background-image: url("../images/portfolio/hoic_main.jpg"); background-repeat: no-repeat; margin: 20px 0 0 30px;


	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
       
     box-shadow: 0 0 10px rgba(0,0,0,.3);
     -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
     -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);  




}
#item_intro_hoic #intro_grid { list-style: none; margin:0; padding:0;  margin:15px 0 24px 15px;}

#item_intro_hoic li.item_intro_content { width:350px; margin:90px 0 0 20px; display:block; }

#wrapper1 #actions #item_intro_hoic h2.blah  { font-size: 2.5em; color:#b59f77;  margin:0; padding:0; font-weight:700;  text-align:left; text-shadow: 0 1px 0 rgba(0,0,0,.5);  
line-height:1em;}
#item_intro_hoic p {color:#d8d8d8; text-align:left; line-height:1.35em; margin-top:10px;}



/* -- HHOC -- */

#item_intro_hhoc { width:900px; height:305px; float:left; background-image: url("../images/portfolio/hhoc_main.jpg"); background-repeat: no-repeat; margin: 20px 0 0 30px;


	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
       
     box-shadow: 0 0 10px rgba(0,0,0,.3);
     -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
     -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);  




}
#item_intro_hoic #intro_grid { list-style: none; margin:0; padding:0;  margin:15px 0 24px 15px;}

#item_intro_hhoc li.item_intro_content { width:350px; margin:100px 0 0 450px; display:block; }

#wrapper1 #actions #item_intro_hhoc h2.blah  { font-size: 2.5em; color:#b59f77;  margin:0; padding:0; font-weight:700;  text-align:left; text-shadow: 0 1px 0 rgba(0,0,0,.5);  
line-height:1em;}
#item_intro_hhoc p {color:#d8d8d8; text-align:left; line-height:1.35em; margin-top:10px;}


#item_intro { width:900px; height:305px; float:left; background-image: url("../images/portfolio/hoic_main.jpg"); background-repeat: no-repeat; margin: 20px 0 0 30px;}
#item_intro #intro_grid { list-style: none; margin:0; padding:0;  margin:15px 0 24px 15px;}

li.item_intro_content { width:350px; margin:90px 0 0 20px; display:block; }

#wrapper1 #actions #item_intro h2.blah  { font-size: 2.5em; color:#d8d8d8;  margin:0; padding:0; font-weight:700;  text-align:left; text-shadow: 0 1px 0 rgba(0,0,0,.5);  
line-height:1em;}
#item_intro p {color:#d8d8d8; text-align:left; line-height:1.35em; margin-top:10px;}
#disciplines { width:175px; height:100px; float:right;  margin:0 20px 0 0;}


/* PORTFOLIO db
----------------------------------------------------------------- */


/* PORTFOLIO SUB NAV
----------------------------------------------------------------- */

#portfolio_navigation_container {width: 960px; margin: -25px 0 0 0;}
ul#portfolio_navigation {margin: 0 0 0 -40px; list-style-type: none;}
ul#portfolio_navigation li {display: inline;}
ul#portfolio_navigation li.webdev a {width:168px;}
ul#portfolio_navigation li.traffic  a {width:209px;}
ul#portfolio_navigation li.pr  a {width:309px;}
ul#portfolio_navigation li.creative  a {width:270px;}

ul#portfolio_navigation li a {float:left; height: 32px; font-size: 13px; line-height: 15px;color: #fff; text-shadow:0px  1px 1px #333; font-weight: bold; text-align: center; background-color: #7e7e7e; border-right: solid 1px #aaa;  padding-top: 12px; background-image: url("../images/portfolio/p_nav_bkground.gif"); background: url("../images/portfolio/p_nav_bkground.gif"); background-repeat: repeat-x;}




ul#portfolio_navigation li a:hover, ul#portfolio_navigation li a:active {background-color: #c70000; text-decoration: none;}
ul#portfolio_navigation li.media a {height: 31px; width: 138px; text-decoration: none; border-right: none; padding-top: 13px;}

ul#portfolio_navigation li.webdev_selected a {text-decoration: none; background-color: #c70000; width:168px; background-image:url("../images/portfolio/p_nav_bkground_over.gif"); background-repeat: repeat-x; border-right:solid 1px #8d0403; }
ul#portfolio_navigation li.traffic_selected a {text-decoration: none; background-color: #c70000; width:209px; background-image:url("../images/portfolio/p_nav_bkground_over.gif"); background-repeat: repeat-x; border-right:solid 1px #8d0403;}
ul#portfolio_navigation li.pr_selected a {text-decoration: none; background-color: #c70000; width:309px; background-image:url("../images/portfolio/p_nav_bkground_over.gif"); background-repeat: repeat-x; border-right:solid 1px #8d0403;}
ul#portfolio_navigation li.creative_selected a {text-decoration: none; background-color: #c70000; width:270px; background-image:url("../images/portfolio/p_nav_bkground_over.gif"); background-repeat: repeat-x; border-right:solid 1px #8d0403;}
ul#portfolio_navigation li.marketing_selected a {text-decoration: none; background-color: #c70000;}
ul#portfolio_navigation li.software_selected a {text-decoration: none; background-color: #c70000;}
ul#portfolio_navigation li.media_selected a {height: 31px; width: 138px; text-decoration: none; border-right: none; 	padding-top: 13px; background-color: #c70000;}






/*  TWO COLUMN DISPLAY 
-----------------------------------------------------------------   */

#tcg { padding:0; margin:0; list-style:none; margin-left:20px; margin-top:10px;}
li.tcg_l.first {width:190px; float:left; margin-left:10px;  height:700px;  }
li.tcg_l {width:190px; float:left; margin-left:40px;  height:700px;  }
li.tcg_r { width:620px; float:left; height:700px; margin-left:30px; }

li.tcg_l { color:#e3e3e3;  line-height: 1.40em; font-family: Arial, sans-serif;}

li.tcg_l h2.first {  color:#e3e3e3; font-size:1.75em; margin:0 0 .25em 0;   font-family: Arial, sans-serif; text-shadow: -2px -2px 0 rgba(0,0,0,.6);}
li.tcg_l h2 {  color:#e3e3e3; font-size:1.5em; margin:1.35em 0 .25em 0;   font-family: Arial, sans-serif; text-shadow: -2px -2px 0 rgba(0,0,0,.6);}

li.tcg_l h3 { color:#e3e3e3; font-size:1.35em; margin:1.35em 0 3px 0; font-family: Arial, sans-serif;}

li.tcg_l p {font-weight: normal;}