/* Arcane Media 2009 - design, printing, website, animation Queensland QLD Australia*/
body {
	margin:0px;
	background-image: url(images/bg.jpg);
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px; color: #333333;	
	text-decoration: none; }


/* GLOBAL classes _________________________________________________________________________________________________ */

div { font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}

b { font-weight: normal;}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px; }
	
h1 {
	padding: 0; margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; color: #efeeee;
	line-height: 10px; }

h2 {
	padding:5px; margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; color: #49516e;
	font-style: normal; font-weight: normal; line-height: 20px; }


/* Layout ___________________________________________________________*/

#container{
	position:relative;
	width:881px;
	left:50%;
	margin-left:-440px; }

#top1 {
	padding: 1px 0; margin: 0;
	width:881px; height:30px;
	text-align:right; line-height: 10px;
	font-family: Arial;
	font-size: 10px; color: #efeeee; }

#top1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; color: #8aa9d3;
	text-decoration: none; }

#top1 a:visited { text-decoration:none; color:#8aa9d3; }

#top1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; color: #97A9B4;
	letter-spacing: 1px; }

#top2 {
	padding: 1px 0;
	width:881px; height:6px;
	background-image: url(images/arcanemedia_top1.jpg); background-repeat: no-repeat; }

#top3banner {
	width:881px; height:138px;
	padding-bottom: -10px; margin: 0px;
	background-image: url(images/arcanemedia_banner.jpg); background-repeat: no-repeat;
	font-size:0;
	line-height:0; }

#top4menu {
	padding-bottom: -10px;
	height: 44px; width: 881px;
	background-image: url(images/arcanemedia_top2.jpg); }

#top4menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color:#49516e;
	font-weight: normal; text-decoration: none;	}

#top4menu a:visited {
	text-decoration:none;
	color:#49516e; }

#top4menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color:#000000; }
	
	
/* MIDDLE ____________________________*/

#middle {
	padding: 1px 0;
	width:881px;
	background-image: url(images/arcanemedia_middle.jpg); background-repeat:repeat-y;}

#middle ul{
	padding: 0 0 0 20px; 
	list-style-image: url(images/arrow_sm.gif); }
	
#middle li { margin-top:5px; margin-left:5px; }	
	

/* Packages page*/

#middle_packages {
	width:881px;
	padding: 1px 0;
	background-image: url(images/arcanemedia_middle.jpg); background-repeat:repeat-y; }

#middle_packages ul{
	padding: 0 0 0 20px;  
	list-style-image: url(images/arrow_sm.gif); }
	
#middle_packages li { margin-top:5px; margin-left:5px; }



/* left column INDEX ___________________________________________________ */

#left_column{
    /* border:1px solid #ff00ff; */
	width:205px;
	float:left;
	margin-left:35px;	
	background-color: #f7fafa;}

#left_column ul{ list-style-image: url(images/arrow1.gif);padding:0 0 0 20px; }

#left_column li { margin-left:10px; margin-top:7px; }

#left_column a {
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; color: #49516e; }
	
#left_column a:visited {
	text-decoration:none; color:#49516e; }
	
#left_column a:hover {
	text-decoration:none;
	font-size: 12px; color:#333333; }
	
#left_column a:active { text-decoration: none;}
	



/* left column PRODUCT ___________________________________________________ */

#left_column_product{
    /* border:1px solid #ff00ff; */
	width:500px;
	float:left;
	margin-left:35px;	
	background-color: #f7fafa;
	padding: 5px; }

#left_column_product ul{
	list-style-image: url(images/arrow1.gif);
	padding-top:-5px; padding-left:-15px; }

#left_column_product li { margin-top:7px; margin-left:-5px; }



/* right column ___________________________________________________ */

#right_column{
	/* border:1px solid #ff00ff; */
	width:570px;
	float:left;
	padding-left:0px;
	margin-left:25px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px; }

#right_column_txt{
	/* border:1px solid #ff00ff; */
	width:560px;
	float:left;
	padding-left:10px; padding-top:20px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align: justify; }


#right_column_txt a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #333333; }
	
#right_column_txt a:visited {
	text-decoration:none;
	color:#333333; }
	
#right_column_txt a:hover {
	text-decoration:none;
	font-size: 11px; color:#666666; }
	
#right_column_txt a:active { text-decoration: none;}




/* right column PRODUCT ___________________________________________________ */

#right_column_product{
	/* border:1px solid #ff00ff; */
	width:280px;
	float:left;
	padding-left:0px;
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #333333;
	font-style: normal;
	font-weight: normal; }
	
#right_column_product ul{
	list-style-image: url(images/arrow_sm.gif);
	padding-top:0px; padding-left:5px; }

#right_column_product li { margin-top:5px; margin-left:5px; }
	
	
	
#right_column_product a {
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; color: #49516e; }
	
#right_column_product a:visited {
	text-decoration:none;
	color:#49516e; }
	
#right_column_product a:hover {
	text-decoration:none;
	font-size: 14px; color:#333333; }
	
#right_column_product a:active {
	text-decoration: none;}
	

	
/* bottom ___________________________________________________ */


#bottom {	
	height: 96px; width: 881px;
	padding-bottom: -10px;
	background-image: url(images/arcanemedia_bottom.jpg); }

#menu_bottom {
	padding: 1px 0; /* This fixes margin collapsing issue not see in ie.. */
	margin-top:7px; /*  This will push the div down from the top.. so the menu starts at the right height.. */
	text-align:center; /* This will center all the text in this div... */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #bdbcbc; }

#menu_bottom a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color:#49516e;
	font-weight: normal;
	text-decoration: none;	}

#menu_bottom a:visited {
	text-decoration:none;
	color:#49516e; }

#menu_bottom a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color:#000000; }

.center {
	text-align: center;}


/* Sitemap ___________________________________________________ */

#sitemap_container{
	position:relative;
	width:520px;
	left:50%;
	margin-left:-260px; }

#sitemap_top {
	height: 87px; width: 520px;	
	padding-bottom: -10px;
	background-image: url(images/sitemap_top.jpg); }

#sitemap_middle {	
	width:520px;
	padding: 1px 0;
	background-image: url(images/sitemap_middle.jpg); background-repeat:repeat-y; }

#sitemap_bottom {
	width: 520px; height: 39px;
	padding-bottom: -10px;
	background-image: url(images/sitemap_bottom.jpg); }



/* for FLASH________________________________________________________ */

._movie {
	margin: 0px;
	padding-bottom: -10px;
	line-height: 0; }

/* F_O_N_T_S_________________________________________________________________________________________________ */

.arcane1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #333333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none; }

.title_h2{ 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #49516e;	
	padding: 5px; }

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; color: #49516e; }

.h3 {
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 11px; color: #97a9b9;
	
	text-decoration: none; }

.h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #97a9b4; }

.thanks {
	font-family: Georgia, Arial;
	font-size: 22px; color: #547287;
	font-style:italic; }

.thanks2 {
	font-family: Georgia, Arial;
	font-size: 18px; color: #ca7a08;
	font-style:italic; }
	
	
.question1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color: #cc7700;
	text-decoration: none;
	cursor:help; }

.subheading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small; color: #333333;
	font-weight: bold; }

.subheading2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; color: #ca7a08;
	font-weight: bold; }

.subheading2b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; color: #66a666;
	font-weight: bold; }

.subheading3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #49516e;
	font-weight: bold; }

.subheading3b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; color: #49516e;
	font-weight: bold; }


.arcane2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #333333;
	text-decoration: none; }

.arcane3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #333333; }


.dark_grey {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #666666; }
	
.greytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; color: #666666;
	font-weight: bold; }

.greytext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #666666;
	font-weight: bold;
	letter-spacing: 1px; }


.blueItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; color: #97a9b4;
	font-style: italic;
	text-transform: uppercase; }
	
.smallGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; color: #CCCCCC; }

.lightblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #a5c0e4; }


.bluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; color: #97a9b4;
	text-transform: uppercase; }

.greentext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; color: #66a666;
	text-transform: uppercase; }
	
.smallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #666666; }
	
.Small2Grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #efeeee; }

.Small3Grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #bdbcbc; }

.smallTextLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; color: #666666; }

.smallTextLightGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; color: #999999; }

.h1Blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; color: #97a9b4; }

.h1White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px; color: #FFFFFF;
	text-align: left; }

.GreyBody1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; color: #CCCCCC;
	text-align: justify; }
	
.h2White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; color: #FFFFFF;
	font-weight: bold;
	text-align: left; }
	
.GreyBody1Center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #CCCCCC;
	text-align: center; }

.whiteLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; color: #FFFFFF; }
	
.smallWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; color: #FFFFFF; }
	
.whiteBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #FFFFFF;
	font-weight: bold; }

.Creative {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; color: #3B647D;
	font-style: italic;
	text-transform: none; }

.Creative2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #3E4D56;
	font-style: normal; }

.Creative2B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3E4D56;
	font-style: normal; }

.Creative2C {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #3E4D56;
	font-style: normal; }

.Creative2D {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #DCDCD2;
	font-style: normal; }

.Creative3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #666666;
	text-transform: uppercase;
	font-weight: bold; }

.Creative4 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 13px; color: #3B647D; }

.Spacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; color: #efeeee; }
	
.graphicdesign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; color: #97a9b4;
	font-weight: bold;
	text-align: justify; }

.graphicdesign2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #97a9b4;
	font-weight: bold; }
	
.testimonial {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #49516e;
	font-style: italic; }
	
.testimonial2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #49516e;
	font-style: italic;
	font-weight: bold; }
	

/* B_A_C_K_G_R_O_U_N_D_S _________________________________________________________________________________________________ */

.blue_box {
	background-color: #f7fafa;
	padding: 5px;
	border: 2px dotted #CCCCCC; }

.blue_box2 {
	background-color: #f7fafa;
	padding: 5px;
	border: 1px dotted #CCCCCC; }

.grey_box {
	background-color: #f4f6f9;
	border-top-width: 1px; border-top-style: dotted; border-top-color: #CCCCCC;
	border-right-style: none; border-right-color: #CCCCCC;
	border-bottom-style: none; border-bottom-color: #CCCCCC;
	border-left-style: none; border-left-color: #CCCCCC; }

.arrow3 {	
	width: 50px; height: 50px;
	background-image: url(images/arrow3.jpg); background-repeat: no-repeat; }

.arrow3b {
	width: 50px; height: 15px;
	background-image: url(images/arrow3_sm.jpg); background-repeat: no-repeat; }

.metalBG { background-image: url(images/metalbg.jpg); }

.sideHeader {
	width: 210px; height: 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;	
	font-size: 10px; color: #333333;
	letter-spacing:5px;
	line-height: 40px;
	background-image: url(images/side-header.jpg);
	background-repeat: no-repeat;
	text-align:center; }
	
.sideHeaderMiddle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #666666;
	padding: 4px;
	border-right-width: 1px; border-right-style: solid; border-right-color: #d5d5d5;
	border-left-width: 1px; border-left-style: solid; border-left-color: #d5d5d5;
	border-top-style: none;
	border-bottom-style: none;  }
	
.sideHeaderBottom {
	width: 210px; height: 9px;
	background-image: url(images/side-header-bottom.jpg); }
	
	
	

/* L_I_N_K_S _________________________________________________________________________________________________ */


/* Printing link */
.printing a {
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; color: #333333; }
	
.printing a:visited {
	text-decoration:none;
	color:#333333; }
	
.printing a:hover {
	text-decoration:none;
	font-size: 11px; color:#666666; }
	
.printing a:active { text-decoration: none; }


/* resources link */
A.resourcesLink {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #333333; }
	
A.resourcesLink:visited {
	text-decoration:none;
	color:#333333; }
	
A.resourcesLink:hover {
	text-decoration:none;
	font-size: 11px; color:#666666; }
	
A.resourcesLink:active { text-decoration: none; }



/* CLIENT link */
A.clientLink {
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; color: #333333; }
	
A.clientLink:visited {
	text-decoration:none;
	color:#333333; }
	
A.clientLink:hover {
	text-decoration:none;
	font-size: 11px; color:#666666; }
	
A.clientLink:active { text-decoration: none; }



/* website Link2 */
A.websiteLink2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color: #cc7700;
	text-decoration: none;	}
	
A.websiteLink2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color: #97A9B4; }

A.websiteLink2:visited {
	text-decoration:none;
	color:#cc7700; }
	
	

/* SERVICE link */
A.serviceLink {
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; color: #CC6600; }
	
A.serviceLink:visited {
	text-decoration:none;
	color:#CC6600; }
	
A.serviceLink:hover {
	text-decoration:none;
	font-size: 12px; color:#666666; }
	
A.serviceLink:active {
	text-decoration: none; }


/* SMALL GREY link */
A.SmallGreyLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #CCCCCC; }
	
A.SmallGreyLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #97A9B4; }

/* Blue_link */
A.Blue_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color:#49516e;
	font-weight: normal;
	text-decoration: none;	}

A.Blue_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color:#000000; }

A.Blue_link:visited {
	text-decoration:none;
	color:#49516e; }


/* light_blue_link */
A.light_blue_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #8aa9d3;
	text-decoration: none;	}
	
A.light_blue_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #97A9B4; }

A.light_blue_link:visited {
	text-decoration:none;
	color:#8aa9d3; }


/* bigLink */
A.big_Link {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #9ca661;
	font-style: normal;
	font-weight: bold;	
	text-decoration: underline; }

A.bigLink: hover {
	text-decoration: underline;
	font-size: 14px; color:#666666; }