body {
	background-image:url('http://creativeinfluences.com/images/chi1.jpg');
	background-color:#000;
	background-repeat: no-repeat;
}
	
a:link {
	color: #CCCCCC;
}

a:visited {
	color: #CCCCCC;
}

a:hover {
	color: #C0D742;
}

a:active {
	color: #CCCCCC;
}

h1{
	font-size: 36px;
	font-weight: lighter;
	font-family: Andale Mono, monospace;
	text-transform: uppercase;
	text-align: left;
	color: #C0D742;
}

h1 sup{
	color: #ddd;
}

h1 a{
	color: #fff;
	text-decoration: none;
}

h1 .company, h1 a .company{
	color: #d01a71;
}

h2{
	color: #ddd;
	font-size: 12px;
}

h3{
	letterspacing: 3px;
	text-transform: uppercase;
	font-family: Andale Mono, monospace;
	font-size: small;
	color: #999999;
}

div.scroll{
	overflow: auto;
	border: 1px dotted #333333;
	background-color: #000;
	position: absolute;
	left: 300px;
	top: 452px;
	width: 449px;
	height: 215px;
	z-index: 3;
	letterspacing: 2px;
	font-family: Andale Mono, monospace;
	text-transform: uppercase;
	font-size: x-small;
	color: #999999;
}

div.background {
	position: absolute;
  	width: 500px;
	height: 150px;
	left: 250px;
	top: 91px;
  	border: px solid black;
}

div.transbox {
	position: absolute;
  	width: 449px;
  	height: 200px;
	left: 1px;
	top: 11px;
  	margin: 30px 50px;
  	background-color: #000000;
  	border: 1px solid black;
  	/* for IE */
 	 filter:alpha(opacity=70);
  	/* CSS3 standard */
 	 opacity:0.8; 
}

div.transbox p {
  	margin: 30px 40px;
  	font-family: Andale Mono, monospace;
	font-size: 12px;
	text-align: justify;
	color: #FFFFFF;
}
 
#main{
	left: 300px;
	top: 91px;
} 
  
#homelink{
	font-family: Andale Mono, monospace;
	font-size: 1em;
	font-weight: lighter; 
	letter-spacing: normal;
	color: white;
	background-image:url('http://creativeinfluences.com/images/08original.gif');
	background-color:transparent;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

#newsheader{
	position: absolute;
	left: 300px;
	top: 430px;
	width: 441px;
	height: 35px;
	background-image:url('http://creativeinfluences.com/images/08original.gif');
	letterspacing: 2px;
	font-family: Andale Mono, monospace;
	text-transform: uppercase;
	font-size: 20px;
	color: #C0D742;
	padding-left: 9px;
}	
#photos{
	position: absolute;
	background-color: #00000;
	left: 300px;
	top: 91px;
	width: 570px;
	height: 319px;
	z-index: 2;
	border:thin;
}

#footer{
	position: absolute;
	left: 300px;
	top: 541px;
	width: 570px;
	height: 190px;
	z-index: 3;
}

#left-footer {
	position: absolute;
	left: 19px;
	top: 541px;
	width: 150px;
	height: 190px;
	z-index: 3;
}

.works{
	position: absolute;
	left: 300px;
	top: 452px;
	width: 449px;
	height: 370px;
	z-index: 3;
	letterspacing: 2px;
	font-family: Andale Mono, monospace;
	text-transform: uppercase;
	font-size: x-small;
	color: #999999;
	font-family: Andale Mono, monospace;
	color: #fff;
	font-size: small;
}

.footer {
	letter-spacing:-2.0px;
	font-family: Andale Mono, monospace;
	font-size: small;
	color: #C0D742 ;
	text-align: justify;
	margin-bottom: 20px;
}

.footer2 {
	letterspacing: 3px;
	text-transform: uppercase;
	font-family: Andale Mono, monospace;
	font-size: x-small;
	color: #666666;
	text-align: justify;
}

.logo {
	padding-left: 9px;
}

.thumbnail {
	background-color: #00000;

}

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: Andale Mono, monospace;
font-size: 1em;
font-weight: lighter; 
letter-spacing: normal;
color: white;
background-image:url('http://creativeinfluences.com/images/08original.gif');
background-color:transparent;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader:hover{ /*hover state CSS*/
color: #C0D742;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #3FAE4C;
background-color:transparent; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
letterspacing: 3px;
text-transform: uppercase;
font-family: Andale Mono, monospace;
border-bottom: 1px dotted #707070;
font-size: x-small;
}

.arrowlistmenu ul li a:visited{
color: #C2C2C2;
background-color: transparent;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #C0D742;
}

.content
{
	margin: 0 20px;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

/*.content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/