/* -------------------- ACM stylesheet written by www.llamadigital.co.uk  --------*/

html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0;
	padding:0;
	}

body{ /* Sets up the page and aligns eve
rything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	text-align:center; /* makes IE center everything*/
	background:#333;
	font-family: arial, verdana,  helvetica, sans-serif;
	font-size: 100%;
	color:#fff;
	line-height:116%;
	}

#outerContainer{
	width:915px;
	padding:0px 0px 30px 0px;
	margin:0 auto 0;
	text-align:center;
	text-align:left;
	}

#container{
	width:915px;
	margin:1px 0px 30px 0px;
	background:url("../../images/theShadow.jpg") top left no-repeat;
	float:left;
	}

a:link, a:active, a:visited{
	color:#84D700;
	text-decoration:none;
	}

/* --------a:visited{
	color:#A7AC07;
	text-decoration:none;
	}------*/

a:hover{
	color:#84D700;
	text-decoration:underline;
	}

/* -----------------------------  the header area and main nav  ------------------------------*/

#header{
	width:897px;
	margin:0px 0px 0px 9px;
	float:left;
	background:url("../../images/top-line.gif") 0px 0px repeat-x;
	}

#header img{
	margin:0px 9px 0px 0px;

	padding:0px;
	border:0px;
	float:right;

	}

#topContacts{
	width:400px;
	float:left;
	}

#topContacts ul{
	margin:7px 0px 0px 0px;
	padding:0px;
	font-size:.7em;
	color:#ccc;
	}

#topContacts ul li{
	margin:0px 12px 0px 6px;
	padding:0px 0px 0px 23px;
	display:inline;
	background:url("../../images/phone-icon.gif") 0px 0px no-repeat;
	}

#topContacts ul .email{
	background:url("../../images/email-icon.gif") 0px 0px no-repeat;
	}

#topContacts ul .email a:link, #topContacts ul .email a:active, #topContacts ul .email a:visited{
	color:#CCCCCC;
	}

#topContacts ul .email a:hover{
	color:#84D700;
	text-decoration:underline;
	}

#strapLine{
	width:669px;
	margin:4px 0px 20px 6px;
	float:left;
	font-size:.8em;
	color:#84D700;
	}

#strapLine span{
	color:#fff;
	}

#strapLine h1{
	width:669px;
	height:45px;
	margin:7px 0px 0px 0px;
	text-indent: -9000px;
	overflow:hidden;
	font-size:.8em;
	color:#84D700;
	background:url("../../images/strapline.gif") 0px 8px no-repeat;
	}


#banner{
	float:left;
	margin:0px 0px 0px 3px;
	padding:0px;
	}


#mainNav{
	width:884px;
	margin:0px 0px 0px 6px;
	float:left;
	font-size:1em;
	font-weight:bolder;
	color:#000;
	background-color:#fff;
	border-bottom:4px solid;
	}

#mainNav ul{
	list-style-type:none;
	float:left;
	margin:0px;
	padding:0px;
	width:680px;
	}

#mainNav ul li{
	float:left;
	display:inline;
	border-right:1px solid;
	}

#mainNav ul li a:link, #mainNav ul li a:active, #mainNav ul li a:visited{
	text-decoration:none;
	color:#000000;
	display:block;
	padding:4px 8px 4px 8px;
	font-size:.9em;
	}

#mainNav ul li a:hover{
	text-decoration:none;
	color:#000;
	background-color:#84D700;
	display:block;
	padding:4px 8px 4px 8px;
	font-size:.9em;
	}

#mainNav ul .current a:link, #mainNav ul .current a:active, #mainNav ul .current a:visited, #mainNav ul .current a:hover{
	background-color:#84D700;
	}

#mainNav .subNavNudge .current2 a:link, #mainNav .subNavNudge .current2 a:active, #mainNav .subNavNudge .current2 a:visited, #mainNav .subNavNudge .current2 a:hover{
	color:#84D700;
	}

#mainNav .subNavNudge{
	float:right;
	width:150px;
	}

#mainNav .subNavNudge li{
	border:none;
	}

#mainNav .subNavNudge li a:link, #mainNav .subNavNudge li a:active, #mainNav .subNavNudge li a:visited{
	font-size:.8em;
	padding:4px 4px 4px 4px;
	background-color:#fff;
	color:#000;
	}

#mainNav .subNavNudge li a:hover{
	font-size:.8em;
	padding:4px 4px 4px 4px;
	background-color:#fff;
	color:#84D700;
	}

/* -----------------------------  the homepage content areas below ------------------------------*/

#main{/* ---------------------- holds the 3 colls------------*/
	width:883px;
	margin:0px 0px 00px 0px;
	float:left;
	background:url("../../images/glow.jpg") top left no-repeat;
	}

#mainLine{/* ---------------------- holds the coll dividing lines-----------------------------*/
	margin:0px 0px 00px 15px;
	float:left;
	background:url("../../images/lines.jpg") 0px 0px ;
	width:883px;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	}

/* ---------------------------------------- the left coll--------------------------------------*/
#left{
	width:213px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:28px 0px 28px 22px;
	}


#dramaBox, #pressBox{
	float:left;
	width:171px;
	margin:0px 0px 0px 0px;
	padding:6px 8px 6px 8px;
	border:1px solid #666666;
	background-color:#000000;
	}

#dramaBox h2, #pressBox h2{
	font-size:1.0em;
	line-height:1.2em;
	margin:0px;
	}

#dramaBox h3, #pressBox h3{
	font-weight:normal;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:url("../../images/download-pdf.gif") 0px 9px no-repeat;
	text-indent: -9000px;
	overflow:hidden;
	width:162px;
	height:30px;
	}

#dramaBox h3 a, #pressBox h3 a{
	display: block;  /* so the link will work */
	width: 162px;
	height: 30px;
	background:none;
	}


#dramaBox p, #pressBox p{
	font-weight:normal;
	font-size:.8em;
	line-height:1.2em;
	margin:0px;
	padding:10px 0px 5px 46px;
	background:url("../../images/book.jpg") 0px 12px no-repeat;
	color:#ccc;
	}

#pressBox p{
	background:url("../../images/paper-fold.gif") 0px 12px no-repeat;
	padding:10px 0px 5px 40px;
	}

#dramaBox p span, #pressBox p span{
	color:#84D700;
	}

#dramaBox p span{
	font-weight:bolder;
	}


#dramaBox p a, #pressBox p a{
	text-decoration:none;
	color:#ccc;
	}

#dramaBox p a:hover, #pressBox p a:hover{
	text-decoration:underline;
	color:#ccc;
	}

#dramaBox p a span, #pressBox p a span{
	font-weight:bolder;
	text-decoration:none;
	color:#84D700;
	}

#dramaBox p a:hover span, #pressBox p a:hover span{
	font-weight:bolder;
	text-decoration:underline;
	color:#84D700;
	}

#acmretro {
	float:left;
	width:187px;
	margin:22px 0px 0px 0px;
	background-color:#000000;
}
#acmretro div {
	padding: 153px 0 0 0;
	background:url("../../images/limit.jpg") top left no-repeat;
	border:1px solid #666666;
}

#dirtyBox{
	float:left;
	width:187px;
	margin:22px 0px 0px 0px;
	border:1px solid #666666;
	background-color:#000000;
	}

#right .dirtyBox2{
	float:left;
	width:208px;
	margin:22px 0px 0px 0px;
	border:1px solid #666666;
	background-color:#000000;
	}

#dirtyBox h4{
	font-weight:normal;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:url("../../images/stopout.gif") 1px 1px no-repeat;
	text-indent: -9000px;
	overflow:hidden;
	width:186px;
	height:153px;
	}

#right .dirtyBox2 h4{

	background:url("../../images/stopout2.gif") 1px 1px no-repeat;
width:207px;
	}

#dirtyBox h4 a{
	display: block;  /* so the link will work */
	width: 186px;
	height: 153px;
	background:none;
	}

#dirtyBox p, #acmretro p {
	font-weight:normal;
	font-size:.8em;
	line-height:1.2em;
	margin:0px;
	padding:8px 10px 9px 10px;
	color:#ccc;
	}


#newsLetterBox{
	float:left;
	width:187px;
	margin:22px 0px 0px 0px;
	border:1px solid #666666;
	background-color:#000000;
	}

#newsLetterBox h1{
	font-size:1em;
	margin:6px 6px 6px 8px;
	}
#newsLetterBox p {
	font-size:0.8em;
	margin:6px 6px 6px 8px;
	}
#newsLetterBox span {
       color: #84D700;
}
#newsLetterBox input{
	width:163px;
	height:12px;
	font-size:.7em;
	font-color:#84D700;
	margin:0px 0px 4px 10px;
	background-color:#CCCCCC;
	border:1px solid #84D700;
	}

#newsLetterBox #subscribe{
	width:63px;
	height:16px;

	font-color:#84D700;
	margin:0px 0px 8px 10px;
	background-color:#84D700;

	}


/* ------------------------------------- the mid homepage coll-----------------------------------*/
#mid{
	width:350px;
	margin:0px 0px 0px 0px;
	padding:28px 22px 14em 22px;
	float:left;
	border-right:1px solid #666666;
	}

#mid h1{
	margin:0px;
	padding:0px;
	color:#84D700;
	line-height:1.1em;
	font-weight:lighter;
	font-size:1.4em;/*font-size:1.6em;*/
	}

#mid2 h1{
	margin:0px;
	padding:0px;
	color:#84D700;
	line-height:1.1em;
	font-weight:lighter;
	font-size:1.6em;
	}

#mid ul{
	margin:0px 0px 0px 0px;
	padding:11px 0px 0px 0px;
	line-height:1.1em;
	font-weight:lighter;

	}

#mid ul li{
	margin:13px 0px 0px 0px;
	padding:0px 0px 0px 17px;
	color:#fff;
	line-height:1.1em;
	font-weight:lighter;
	font-size:1.1em; /*font-size:1.3em;*/
	background:url("../../images/bullet.gif") 0px 5px no-repeat;
	list-style-type:none;
	}

#mid ul .smaller{

	font-size:1.1em;
	}

#mid h2{
	margin:35px 0px 0px 0px;
	padding:0px;
	color:#84D700;
	line-height:1.1em;
	font-weight:lighter;
	font-size:1.2em;
	}




/* ------------------------------------- the mid sub page coll-----------------------------------*/
#mid2{
	width:604px;
	margin:0px 0px 0px 0px;
	padding:28px 22px 28px 22px;
	float:left;
	}

#mid2 p{
	line-height:1.3em;
	font-size:.9em;

	}

#mid2 h2{
	line-height:1.3em;
	font-size:1.2em;
	color:#84D700;
	font-weight:lighter;

	}

#mid2 ul{
	line-height:1.3em;
	font-size:.9em;
	margin:0px 0px 0px 0px;
	padding:00px 0px 0px 0px;

	}

#mid2 ul li{
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 23px;
	background:url("../../images/bullet.gif") 0px 5px no-repeat;
	list-style-type:none;
	}

#mid2 .ulcontainer{
	width:600px;
	}

#mid2 img{
	margin:20px 20px 30px 0px;
	}

#mid2 #anchorBullets{
	line-height:1.3em;
	font-size:1.0em;
	margin:12px 0px 0px 0px;
	padding:0px;
	font-weight:bolder;
	}

#mid2 #anchorBullets li{
	margin:0px 0px 9px 0px;
	padding:0px 0px 0px 18px;
	background:url("../../images/med-arrow.gif") 0px 3px no-repeat;
	list-style-type:none;
	}

#mid2 #anchorBullets li a:link, #mid2 #anchorBullets li a:active, #mid2 #anchorBullets li a:visited{
	color:#fff;
	text-decoration:underline;
	}

#mid2 #anchorBullets li a:hover{
	color:#84D700;
	text-decoration:none;
	}

#mid2 .caseStudy{
	margin:24px 0px 16px 0px;
	float:left;
	}

#mid2 .caseStudy img{
	float:left;
	margin:4px 16px 26px 0px;
	}

#mid2 .top{
	font-size:.7em;
	float:left;
	width:600px;
	}

#mid2 .top a:link, #mid2 .top a:active, #mid2 .top a:visited, #mid2 .top a:hover{
	display:block;
	background:url("../../images/top.gif") 20px 4px no-repeat;
	}

#mid2 .whiteLinks a{
	color:#fff;

	}
#mid2 h3{
	font-size:1em;

	}

#mid2 #end{
	float:left;
	width:600px;

	}

#mid2 #two{
	background:url("../../images/two.gif") 0px 3px no-repeat;
	margin:27px 0px 0px 0px;
	}

#mid2 #three{
	background:url("../../images/three.gif") 0px 3px no-repeat;
	margin:27px 0px 0px 0px;
	}

#mid2 span.green {
       color:#84D700;
}

#main .why p{
	font-size:1.1em;
	}

#main .why p span{
	font-size:1.3em;
	font-weight:bolder;
	color:#84D700;
	}

#main .why p span b{
	font-size:1.3em;
	font-weight:bolder;
	color:#84D700;
	}

#main #mid2 .quoteBox2{
	margin:0px 0px 0px 0px;
	padding:44px 0px 0px 30px;
	float:left;
	background:url("../../images/bracket.gif") 0px 18px no-repeat;
	}

#main #mid2 .quoteBox{
	padding:0px 26px 16px 0px;
	background:url("../../images/bracket2.gif") bottom right no-repeat;
	float:left;
	font-size:1.1em;
	}

#main #mid2 .quoteBox img{
	margin:0px 4px 0px 0px;
	}

#main #mid2 .quoteBox span{
	font-weight:bolder;
	color:#84D700;
	}



#form{
	margin:00px 80px 0px 0px;
	padding:16px 0px 16px 16px;
	background:url("../../images/lines2.gif") top right repeat;
	width:322px;
	float:left;
	}

#form input{
	width:300px;
	margin:6px 0px 14px 0px;
	background-color:#CECECE;
	border:2px solid #84D700;
	}

#form #button{
	width:100px;
	background-color:#84D700;
	font-weight:bolder;
	}

#form p{
	margin:0px;
	font-size:.9em;
	font-weight:bolder;
	}

#grange{
float:left;
}

#mid2 .invaders h2{
float:left;
text-align:center;
width:184px;
}

#mid2 .invaders h2 a{
background:url("../../images/invader.gif") top left no-repeat;
padding:150px 0px 0px 0px;
margin:30px 0px 0px 0px;
display:block;
}

#mid2 .asteroids{
	margin:0px 0px 0px 110px;
	float:left;
	}

#mid2 .asteroids h2{
	text-align:center;
	width:189px;
	float:left;
	}

#mid2 .asteroids h2 a{
	background:url("../../images/asteroid.gif") top left no-repeat;
	padding:150px 0px 0px 00px;
	margin:30px 0px 0px 00px;
	display:block;
	}

/* ---------------------------- the right homepage coll--------------------------------------------*/
#right{
	width:209px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:28px 22px 28px 22px;
	}

#right ul{
	margin:0px;
	padding:0px;
	}

#right ul li{
	margin:0px 0px 11px 0px;
	padding:0px 0px 0px 22px;
	list-style-type:none;
	background:url("../../images/big-arrow.gif") 1px 1px no-repeat;
	font-size:1.2em;/*font-size:1.2em;*/
	}

#right ul li a{
	text-decoration:none;
	color:#fff;
	}

#right ul li a:link, #right ul li a:active, #right ul li a:visited{
	text-decoration:none;
	color:#fff;
	}

#right ul li a:hover{
	color:#84D700;
	}

#address p{
	font-size:1.1em;
	}

.lighter{
	font-size:1.1em;
	}

#contactBox{
	float:left;
	width:208px;
	margin:22px 0px 0px 0px;
	padding:0px 0px 4px 0px;
	border:1px solid #666666;
	}

#left .contactBoxLeft{
	width:180px;
	padding:0px 7px 4px 0px;
	}

#contactBox h3{
	font-weight:normal;
	margin:8px 0px 16px 8px;
	padding:0px 0px 0px 0px;
	line-height:1.3em;
	}

#contactBox h3 span{
	color:#84D700;
	}

#contactBox h4{
	font-weight:normal;
	margin:8px 0px 8px 8px;
	padding:0px 0px 0px 40px;
	font-size:1.1em;
	background:url("../../images/bigphone-icon.gif") 1px 1px no-repeat;
	}


#contactBox p{
	color:#84D700;
	font-weight:bolder;
	font-size:.8em;
	margin:0px 0px 8px 8px;
	padding:0px 0px 0px 0px;
	}

#form .lighter{
	font-size:.7em;
	font-weight:lighter;
	}




/* ----------------------------------------- the footer----------------------------------------*/
#footer{
	width:856px;
	float:left;
	margin:10px 00px 0px 00px;
	padding:0px 22px 0px 18px;
	color:#fff;
	}

#footer p{
	margin:0px;
	padding:0px;
	font-size:.7em;
	}

/* ----------------------------------------- required/error msg -------------------------------*/


.errors {
	background:#FFCCCC;
	color: #CC3333;
	border:1px solid #CC3333;
	padding:1em;
}