/* 
	KOCKUM COMMUNICATION
	css for modern browsers 
	copyright 2006 Mocoro
	www.mocoro.com

*/

/*------------------------------
	BODY & TAG DEFINITIONS
--------------------------------*/

body,td,th { color: #FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: #333 0.0em 0.0em 0.4em; font-size:
0.9em; }
body { background-color: #CC3300; background-image:url(/img/alphabg2.png); background-position: 5em -10em; background-attachment: scroll;
background-repeat: repeat; overflow:auto; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

p {	line-height: 1.5em;}
h2 {  line-height: 1.5em; font-size: 16px;}

/*------------------------------
	div: CONTENT
--------------------------------*/

#bg_content { position:fixed; background-image: url(/img/transbg.png); height: 100%; left:174px; top:0px; width: 25em; z-index: 1; width: 420px; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-left-width: 1px; border-left-style: solid;
border-left-color: #CCCCCC;}

#content { position:absolute; left:174px; top:0px; width: 25em; z-index: 2; padding: 2em;}
#content a:link, a:visited { color: #FFCC00; text-decoration: none; }
#content a:hover, a:active { color: #EFFF00; text-decoration: underline; }            
	.subheader { font-size: 0.9em; font-weight: bold; border-left-width: 0.3em; border-left-style: solid; border-left-color: #FFFFFF; position:
relative; left: -2.3em; padding-left: 2em; }
	#title { position:relative; z-index:2; margin-top: 4.8em; }
	#intro { position:relative; height:auto; z-index:3; margin-top: 3em; }
	#maintext { position:relative; height:auto; z-index:3; margin-top: 2em; }   
	#content #maintext img { margin-top: 2em; }    
	#clientlogos { background-repeat: no-repeat; background-image: url(/img/clients.png); height: 8.5em; margin-bottom: 4em; margin-top: 3em; }
	.lists { list-style-position: outside; list-style-image: url(/img/bullet.png); line-height: 1.5em; }

/*------------------------------
	div: MENU
--------------------------------*/
#menu { position: fixed; left:47em; top:14em; z-index:2; width: 17em; }
	#menu a:link { color: #FFFFFF; text-decoration: none; font-size: 2em; line-height: 1.1em; letter-spacing: -0.09em; }
	#menu a:visited { color: #FFFFFF; text-decoration: none; font-size: 2em; line-height: 1.1em; letter-spacing: -0.09em; }
	#menu a:hover, a:active {text-decoration: none; font-weight:bold;}

/*------------------------------
	div: CONTACT
--------------------------------*/
#contact { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #CCC; position:relative; left:67em; top:6.3em; z-index:5; }
	#contact a:link, a:visited { color: #CCC; text-decoration: none; }
    #contact a:hover, a:active { color: #FFF; text-decoration: underline; }        
	.cspan1 {float: left; margin-right: 1.5em; }

/*------------------------------
	div: NOTE
--------------------------------*/
#note { position:relative; left:0em; top:0em; width:100%; z-index:5; background-color: #000000; font-size: 0.9em; border-bottom: 1px solid;
border-color: #666666; color: #FFFFFF; padding-top: 1em; padding-left: 0em; padding-bottom: 1em}
	#note span {padding-left: 1.5em;}
	#note a:link, a:visited { color: #FFCC00; text-decoration: none; }
	#note a:hover, a:active { color: #EFFF00; text-decoration: underline; }
	
/*------------------------------
	div : LOGO
--------------------------------*/
#logo { position: fixed; width:100px; height:auto; left:0px; top:7.0em; z-index:2; background-image: url(/img/logo.png); background-repeat:
no-repeat; }
	#logo #form1 { margin-top: 4em; margin-left: 1em; }
	
	
	
#flashcontent{
	position: absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height: 100%;
	z-index: 0;
}	