body
{ 
background-image:url('images/backing_page.jpg');
background-color: #262626; 
background-repeat: repeat-x;
margin-top: 0;
}

/*background image for each section*/


a:link    { text-decoration: underline; 
              color: #ccccff; }
a:visited   { text-decoration: none;
 				color: #ccccff; }
a:hover   { text-decoration: underline;}
	
#bluelink { text-decoration: underline; 
              color: #00f; }
	
h1
{ 
margin-left: 50px;
font: 18px Arial, Helvetica, sans-serif;
color: #ffde00;
font-weight:bold;
}
				
h2
{ 
margin-left: 50px;
font: 15px Arial, Helvetica, sans-serif;
color: #ffde00;
font-weight:bold;
}

h3
{ 
margin-left: 20px;
font: 12px Arial, Helvetica, sans-serif;
color: #ffde00;
font-weight:bold;
}

h3
{ 
font: 10px Arial, Helvetica, sans-serif;
color:#FFFFCC;
font-weight:bold;
padding-left: 1px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 0px;
margin-bottom: 4px;
background-color:#121212
}

p
{
font: 12px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-left: 50px;
margin-right: 10px;
margin-bottom: 10px;
text-align: left;
width:300 px;
}

/* portfolio set-up start */


#img
  {
  border: #0F6
  width: 700px;
  float: left;
  text-align: center;
  }

div.img
  {
  margin: 2px;
  border: 1px solid #121212;
  height: 370px;
  width: 340px;
  float: left;
  text-align: center;
  position: relative;
  }
div.img img
  {
  display: inline;
  margin-right: 34px;
  margin-top: 2px;
  border: 1px solid #ffde00;
  }
div.img a:hover img
  {
  border: 1px solid #4d4d4d;
  }
div.desc
  {
	text-align: left;
	font-weight: normal;
	width: 338px;
	margin-top: 2px;
	margin-bottom: 6px;
	margin-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CCC;
	z-index: -1;
  }

#bigger
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:10px;
		color:#666;
	}
	
#notes
{
	color:#FFFFCC;
}

 div.desc a:link
  {
  text-decoration: underline; 
              color: #ccccff;
	}

div.desc a:visited   { 
   text-decoration: underline;
   } 

div.desc a:hover   { 
   text-decoration: none;
   color: #83C3C7;
   background-color: #000000;
   margin-bottom: 0px;
   }  

div.desc ul {
		margin-top:2px;
		margin-left:15px;
		}

div.desc li {
		margin-left:2px;
		}

/* portfolio set-up end */

.datebugger
{
font: 10px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-left: 50px;
margin-bottom: 10px;
text-align: center;
}

.makewhitebold
{ 
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight:bold;
}

.makewhitebold2
{ 
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
margin-left: 10px;
font-weight:bold;
}

.makelesser
{ 
font: 10px Arial, Helvetica, sans-serif;
color: #fff196;
}

/*
.logosig{
display: block;
width: 68px;
height:20px;
background-image:url('images/ca_logo_banner.jpg');
border-bottom: 1px solid #000000; 
}*/

.wrapper
{
background-color: #3C3A3A; 
}

.chrono_text
{
font: 13px Arial, Helvetica, sans-serif;
color: #F5FDBC;
text-indent: 15px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
text-align: left;
}

.mainpagecontent
{
font: 12px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-left: 60px;
margin-bottom: 10px;
text-align: left;
text-indent: 15px;
}

.mainpagecontent2
{
font: 12px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-left: 60px;
margin-bottom: 10px;
text-align: left;
text-indent: 15px;
width: 300px;
}

.imageright
{
margin: 10px;
}

/* Study */

div.announcement
{
	margin-left: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	border: 1px solid #4d4d4d;
	float: right;
	width: 240px;
}

div.announcement4
{
margin-top: 20px;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
float: right;
width: 300px;
}

div.announcement_left
{
color: #F5FDBC;
margin-left: 5px;
margin-right: 10px;
margin-bottom: 10px;
text-align: left;
border: 1px solid #4d4d4d;
float: left;
width: 250px;
}

p.study
{
	text-indent: 20px;
}

.colorchange
{
color: #9ca26e;	
}

.studylarge
{
font-size: 20px;
font-weight:bold;
}

.imagestudy
{
margin-left: 0px;
margin-top:4
}

.imagestudy2
{
margin-left: 215px;
margin-top:4
}

.imagestudy_left
{
margin-left: 50px;
margin-top:10px;
}

p.announcement2
{
font: 9px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin: 2px;
text-align: center;
float:center;
}

/* Study End */

/* portfolio */
div.portfolio
{
font: 14px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
border: 1px solid #4d4d4d;
float: right;
width: 322px;
}
/* portfolio end */

.mainpagesig
{
font: 14px Arial, Helvetica, sans-serif;
color: #ffde00;
margin-left: 80px;
margin-bottom: 10px;
text-align: left;
text-indent: 15px;
font-weight:bold;
}

.mainimagedescription
{
font: 10px Arial, Helvetica, sans-serif;
line-height: 100%;
margin-top: 10px;
margin-left: 0px;
text-align: center;
padding: 2px;
font-weight:bold;
}

.surprisebump
{
margin-bottom: 60px;
}

.naughtyinlaid
{
margin-left: 84px;
}

.content_image_desc_right
{
z-index: 1;
font: 10px Arial, Helvetica, sans-serif;
line-height: 100%;
margin-top: 10px;
margin-left: 0px;
text-align: center;
border: 1px solid black;
width: 300px;
padding: 2px;
background-color: #ededed;
position: relative;
font-weight:bold;
top: 390px;
left: 398px;
}

.content_3d_desc
{
font: 10px Arial, Helvetica, sans-serif;
line-height: 100%;
margin-top: 10px;
margin-left: 0px;
text-align: center;
border: 1px solid black;
width: 300px;
padding: 2px;
background-color: #ededed;
font-weight:bold;
top: 390px;
left: 398px;
}

.ecommerce_image_desc_right
{
z-index: 1;
font: 10px Arial, Helvetica, sans-serif;
line-height: 100%;
margin-top: 0px;
margin-left: 0px;
text-align: center;
border: 1px solid black;
width: 300px;
padding: 2px;
background-color: #ededed;
position: relative;
font-weight:bold;
top: -310px;
left: 350px;
}

.contentwrapper
{
font: 10px Arial, Helvetica, sans-serif;
display: inline-table; 
background-image:url('images/backing_content.gif');
background-repeat: repeat-x;
width: 942px;
height: 100%;
text-align: center;
margin: 0px;
}

.content
{
font: 10px Arial, Helvetica, sans-serif;
display: inline-table; 
background-image:url('images/backing_content.gif');
line-height: 100%;
width: 942px;
text-align: center;
margin: 0px;
}

.contentbodybacking
{ 
background-image:url('images/backing_content2.gif');
background-repeat: no-repeat;
background-position:bottom;
width: 715px;
}

td.descript { background-color: #270001; } 

.footer
{
font: 10px Arial, Helvetica, sans-serif;
line-height: 100%;
width: 942px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

.footer a { text-decoration: underline; 
              color: #F5FDBC }
.title
{
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
}

.logos
{
margin-left: 50px;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 0px;
}

.info_item
{
margin-bottom: 10px;
margin-left: 2px;
background-color: #2E2A2A; 
}

.chromestyle{
width: 100%;
font:bold 12px Arial, Helvetica, sans-serif;
color: #FFE65B;
font-weight:bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/*   */

.chromestyle ul{
width: 942px;
background-color: #3d033d;
background-image:url('images/backing_navbar.jpg');
color: #FFE65B;
padding: 3px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
color: #FFE65B;
line-height:24px;
}

.chromestyle ul li a{
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #ffde00;
line-height:18px;
}

.chromestyle ul li a:hover{
color: #FFE65B;
text-decoration: underline;
background-image:url('backing_nav_selected.jpg');
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #FFE65B; /*THEME CHANGE HERE*/
border-bottom-width: 0;
color: #FFE65B;
font: bold normal 11px Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color: #2b022a;
width: 200px;
visibility: hidden;
text-align: left; /*set value to "left", "center", or "right"*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #FFE65B; /*THEME CHANGE HERE*/
padding: 1px 0;
color: #000000;
background-color: #2b022a;
text-decoration: none;
font-weight: bold;
color: FFE65B;
}

#menusub {
margin-left: 20px;
font: bold normal 10px Arial, Helvetica, sans-serif;
/*background-image:url(images/nav_arrow.gif);*/
/*background-position:left;*/
/*background-repeat:no-repeat;*/
color: #ffde00;
}

.homeitems
{
color: #ffde00;
margin-left: 100px;
margin-bottom: 0px;
margin-top: 0px;
font: bold normal 11px Arial, Helvetica, sans-serif;
}

.aboutitems
{
color: #ffde00;
margin-left: 50px;
margin-bottom: 0px;
margin-top: 0px;
font: bold normal 11px Arial, Helvetica, sans-serif;
}

.flashitems
{
color: #ffde00;
margin-left: 60px;
margin-bottom: 0px;
margin-top: 0px;
font: bold normal 11px Arial, Helvetica, sans-serif;
}

.items3d
{
color: #ffffff;
margin-left: 50px;
margin-bottom: 0px;
margin-top: 0px;
font: bold normal 11px Arial, Helvetica, sans-serif;
}

.designitems
{
color: #ffffff;
margin-left: 100px;
margin-bottom: 0px;
margin-top: 0px;
font: bold normal 11px Arial, Helvetica, sans-serif;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-image:url('backing_nav_selected.jpg');
background-position:left;
background-repeat:no-repeat;
color: FFE65B;
text-decoration:underline;
}

#notreallyalink   {
text-decoration: none;
font-weight:normal;
color: #c1bc26;
padding-left: 22px;
background-image:url('images/nav_arrow2.gif');
background-position:left;
background-repeat:no-repeat;
}