@charset "utf-8";
/* CSS Document */

body {
	background-color:#49361F;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px;
	padding: 0px;

	}


#container {
	margin: 0px auto;
	text-align: left;
	width: 800px;
	height: 600px ;
	
	}

#popupcontainer { /* Credits pop up window container */
	margin: 0px auto;
	width: 360px ;
	height: 160px ;
	
	}	
	
#popuptext { /* Credits pop up window text space */
	margin: 0px auto;
	width: 350px ;
	height: 150px ;
	
	}

/*******************************************************/



#mainimage { /*Image in the centre of the index page */
	margin: auto;
	background-image: url(Images/banner_larissa2.png);
	width:720px;
	height:452px;
	position:relative;
	overflow: visible;
	}

	
#mainimage2 { /*Background image at the centre of sub pages */
	margin:auto;
	background-image: url(Images/banner_main.png);
	width: 720px;
	height: 452px;
	position:relative;
	overflow: visible;
	}

#maincontact { /*Background image at the centre of sub pages */
	margin:auto;
	background-image: url(Images/banner_contact.png);
	width: 720px;
	height: 452px;
	position:relative;
	overflow: visible;
	}


#navbar { /* Navigation bar */
	margin:0px ;
	width: 700px ;
	padding:0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;

	}

a:link { /* hyperlinks */
	font-weight: normal;
	color: #FFCC66;
	text-decoration: none ;
	
	}

a:visited { /* visited hyperlink */
	font-weight: normal;
	color: #FFCC66;
	text-decoration: none ;
	
	}

a:hover { /* hover hyper link*/
	font-weight: bold;
	color: #33CC99;
	text-decoration: none;
	padding: 4px;
	
	}

a:active { /* active hyperlink */
	font-weight: bold;
	color: #33CC99;
	text-decoration: none;
	padding: 4px;
	
	}
	
#subnavbar { /* Sub navigation bar for main pages */
	margin:0px ;
	width: 660px ;
	padding:25px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;
	
	}
	
	#apLinks {
	position:absolute;
	left:189px;
	top:379px;
	width:130px;
	height:55px;
	z-index:1;
}
	
	/*About page */
	#about{ /* Sub navigation bar for main pages */
	margin:0px ;
	float:right ;
	width: 60px ;
	padding:5px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;
	display: inline ;
	
	}
	
	#programs{ /* Sub navigation bar for main pages */
	margin:0px ;
	float:right ;
	width: 160px ;
	padding:5px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;
	display: inline ;
	
	}
	
	#permission{ /* Sub navigation bar for main pages */
	margin:0px ;
	float:right ;
	width: 90px ;
	padding:5px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;
	display: inline ;
	
	}
	
	#apDiv1 {
	position:absolute;
	left:320px;
	top:16px;
	width:53px;
	height:29px;
	z-index:1;
	}
	
	
#apDiv2 {
	position:absolute;
	left:534px;
	top:244px;
	width:65px;
	height:36px;
	z-index:1;
}



#apTerms2 {
	position:absolute;
	left:293px;
	top:88px;
	width:388px;
	height:401px;
	z-index:1;
	visibility: hidden;
}
	/*Links Page */
	#elsewhere{ /* Sub navigation bar for main pages */
	margin:0px ;
	float:right ;
	width: 130px ;
	padding:5px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;
	display: inline ;
	
	}
	
	#links_related{ /* Sub navigation bar for main pages */
	margin:0px ;
	float:right ;
	width: 75px ;
	padding:5px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;
	display: inline ;
	
	}
	
	#completed{ /* Sub navigation bar for main pages */
	margin:0px ;
	float:right ;
	width: 115px ;
	padding:5px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;
	display: inline ;
	
	}
	
	#design{ /* Sub navigation bar for main pages */
	margin:0px ;
	float:right ;
	width: 60px ;
	padding:5px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;
	display: inline ;
	
	}
	
	
	#concept{ /* Sub navigation bar for main pages */
	margin:0px ;
	float:right ;
	width: 80px ;
	padding:5px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	text-align: right ;
	display: inline ;
	
	}
	
	
	
	
	/********** AP ***********/
	#apAbout {
	position:absolute;
	left:284px;
	top:89px;
	width:389px;
	height:315px;
	z-index:1;
	visibility: visible;
	}
	
	#apPractice {
	position:absolute;
	left:283px;
	top:89px;
	width:389px;
	height:340px;
	z-index:1;
	visibility: hidden;
	}
	
	#apTerms {
	position:absolute;
	left:281px;
	top:90px;
	width:389px;
	height:333px;
	z-index:1;
	visibility: hidden;
	}
	#apTerms2 {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px ;
	color: #49361F ;
	}
	
	#apElsewhere {
	position:absolute;
	left:308px;
	top:66px;
	width:365px;
	height:297px;
	z-index:1;
	color: #49361F;
	visibility: visible;
	}
	
	#apRelated {
	position:absolute;
	left:309px;
	top:66px;
	width:365px;
	height:326px;
	z-index:1;
	color: #49361F;
	visibility: hidden;
	}
	
	#apContact {
	position:absolute;
	left:314px;
	top:83px;
	width:356px;
	height:297px;
	z-index:1;
	color: #49361F;
	}
	
	
	/************  Gallery  ****************/
	
		/*Thumbs*/
	#apDartwrapper {
	position:absolute;
	left:76px;
	top:49px;
	width:560px;
	height:310px;
	z-index:2;
	visibility: hidden;
	}
	
	
	#apImage1{
	position:absolute;
	width: 60px;
	height: 60px;
	left:14px;
	top:187px;
	background-image:url(Images/gallery/panic_thumb.png);
	z-index:7;
	border: 1px solid #49361F;
	visibility: visible;
	}
	
	#apImage2{
	position:absolute;
	width: 60px;
	height: 60px;
	left:82px;
	top:49px;
	background-image:url(Images/gallery/trouper_thumb.png);
	z-index:8;
	border: 1px solid #49361F;
	visibility: visible;
	}
	#apImage3{
	position:absolute;
	width: 60px;
	height: 60px;
	left:11px;
	top:260px;
	background-image:url(Images/gallery/red_thumb.png);
	z-index:10;
	border: 1px solid #49361F;
	visibility: visible;
	}
	#apImage4{
	position:absolute;
	width: 60px;
	height: 60px;
	left:12px;
	top:118px;
	background-image:url(Images/gallery/yellow_thumb.png);
	z-index:11;
	border: 1px solid #49361F;
	visibility: visible;
	}
	#apImage5{
	position:absolute;
	width: 60px;
	height: 60px;
	left:82px;
	top:117px;
	background-image:url(Images/gallery/plug_thumb.png);
	z-index:13;
	border: 1px solid #49361F;
	visibility: visible;
	}
	#apImage6{
	position:absolute;
	width: 60px;
	height: 60px;
	left:81px;
	top:187px;
	background-image:url(Images/gallery/massive_thumb.png);
	z-index:14;
	border: 1px solid #49361F;
	visibility: visible;
	}
	#apImage7{
	position:absolute;
	width: 60px;
	height: 60px;
	left:80px;
	top:260px;
	background-image:url(Images/gallery/time_thumb.png);
	z-index:15;
	border: 1px solid #49361F;
	visibility: visible;
	}
	#apImage8{
	position:absolute;
	width: 60px;
	height: 60px;
	left:12px;
	top:49px;
	background-image:url(Images/gallery/kiss_thumb.png);
	z-index:16;
	border: 1px solid #49361F;
	visibility: visible;
	
	}
	
	/*Concept Art thumbs */
	#apConcept1{
	position:absolute;
	width: 60px;
	height: 60px;
	left:12px;
	top:118px;
	background-image:url(Images/gallery/adventure_thumb.png);
	z-index:1;
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	#apConcept2{
	position:absolute;
	width: 60px;
	height: 60px;
	left:82px;
	top:118px;
	background-image:url(Images/gallery/girlconcept_thumb.png);
	z-index:2;
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	#apConcept3{
	position:absolute;
	width: 60px;
	height: 60px;
	left:11px;
	top:186px;
	background-image:url(Images/gallery/catconcept_thumb.png);
	z-index:3;
	border: 1px solid #49361F;
	visibility: hidden;
	}
		
	#apConcept4{
	position:absolute;
	width: 60px;
	height: 60px;
	left:82px;
	top:186px;
	background-image:url(Images/gallery/girlsketch_thumb.png);
	z-index:4;
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	#apConcept5{
	position:absolute;
	width: 60px;
	height: 60px;
	left:82px;
	top:49px;
	background-image:url(Images/gallery/scribbleconcept_thumb.png);
	z-index:6;
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apConcept6{
	position:absolute;
	width: 60px;
	height: 60px;
	left:14px;
	top:49px;
	background-image:url(Images/gallery/scribbleconcept2_thumb.png);
	z-index:5;
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	/*Design thumbs*/
	#apDesign1{
	position:absolute;
	width: 60px;
	height: 60px;
	left:13px;
	top:48px;
	background-image:url(Images/gallery/designmaginside_thumb.png);
	z-index:1;
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	#apDesign2{
	position:absolute;
	width: 60px;
	height: 60px;
	left:83px;
	top:48px;
	background-image:url(Images/gallery/designmagprofiles_thumb.png);
	z-index:1;
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	#apDesign3{
	position:absolute;
	width: 60px;
	height: 60px;
	left:12px;
	top:118px;
	background-image:url(Images/gallery/designmagcover_thumb.png);
	z-index:1;
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	
	
	
	
	
	
		/*Full image*/
	#apPanic {
	position:absolute;
	left:161px;
	top:52px;
	width:433px;
	height:267px;
	z-index:17;
	background-image:url(Images/gallery/panic.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apTrouper {
	position:absolute;
	left:234px;
	top:7px;
	width:283px;
	height:363px;
	z-index:21;
	background-image:url(Images/gallery/trouper.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apRed {
	position:absolute;
	left:229px;
	top:7px;
	width:289px;
	height:361px;
	z-index:18;
	background-image:url(Images/gallery/red.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apYellow {
	position:absolute;
	left:242px;
	top:8px;
	width:267px;
	height:362px;
	z-index:22;
	background-image:url(Images/gallery/yellow.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apPlug {
	position:absolute;
	left:231px;
	top:8px;
	width:289px;
	height:357px;
	z-index:19;
	background-image:url(Images/gallery/plug.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apMassive {
	position:absolute;
	left:241px;
	top:7px;
	width:265px;
	height:360px;
	z-index:23;
	background-image:url(Images/gallery/supermassive.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apTime {
	position:absolute;
	left:162px;
	top:53px;
	width:435px;
	height:282px;
	z-index:20;
	background-image:url(Images/gallery/time.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apKiss{
	position:absolute;
	left:241px;
	top:8px;
	width:268px;
	height:359px;
	z-index:24;
	background-image:url(Images/gallery/kiss.png);
	border: 1px solid #49361F;
	visibility: visible;
	}
	
	
	
	/*Design*/
	
	
	#apMaginside {
	position:absolute;
	left:250px;
	top:10px;
	width:254px;
	height:359px;
	z-index:28;
	background-image:url(Images/gallery/designmaginside.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	#apMagprofiles {
	position:absolute;
	left:164px;
	top:29px;
	width:431px;
	height:304px;
	z-index:28;
	background-image:url(Images/gallery/designmagprofiles.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	#apMagcover {
	position:absolute;
	left:248px;
	top:8px;
	width:254px;
	height:359px;
	z-index:28;
	background-image:url(Images/gallery/designmagcover.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	
	
	
	/*Concept Art*/	
	#apAdventure {
	position:absolute;
	left:194px;
	top:6px;
	width:387px;
	height:328px;
	z-index:28;
	background-image:url(Images/gallery/adventure.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apGirlconcept{
	position:absolute;
	left:225px;
	top:8px;
	width:334px;
	height:329px;
	z-index:29;
	background-image:url(Images/gallery/girlconcept.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apCatconcept{
	position:absolute;
	left:225px;
	top:8px;
	width:333px;
	height:328px;
	z-index:30;
	background-image:url(Images/gallery/catconcept.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apGirlsketch{
	position:absolute;
	left:164px;
	top:36px;
	width:436px;
	height:292px;
	z-index:31;
	background-image:url(Images/gallery/girlsketch.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apScribblesketch{
	position:absolute;
	left:162px;
	top:43px;
	width:432px;
	height:239px;
	z-index:31;
	background-image:url(Images/gallery/scribbleconcept1.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	#apScribblesketch2{
	position:absolute;
	left:163px;
	top:87px;
	width:436px;
	height:148px;
	z-index:31;
	background-image:url(Images/gallery/scribbleconcept2.png);
	border: 1px solid #49361F;
	visibility: hidden;
	}
	

		/* Text */
	#apYellowtext{
	position:absolute;
	left:135px;
	top:350px;
	width:101px;
	height:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #49361F;
	font-size:12px;
	text-align: left;
	z-index:25;
	visibility: hidden;
	}
	#apMassivetext{
	position:absolute;
	left:95px;
	top:341px;
	width:144px;
	height:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #49361F;
	font-size:12px;
	text-align: left;
	z-index:26;
	visibility: hidden;
	}
	#apConcepttext{
	position:absolute;
	left:98px;
	top:327px;
	width:138px;
	height:55px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #49361F;
	font-size:12px;
	text-align: left;
	z-index:27;
	visibility: hidden;
	}





#footer { /* footer at the bottom of the page*/
	margin: auto ;
	width:600px;
	text-align:right;
	padding: 0px 0px;
	
	}
 
 /************************Font************************/

h2 { /* heading 2 */
	color: #FFFF99;
	
	}
	
h3 { /* heading 3 */
	color: #49361F;
	font-weight: bold ;
	font-size: 15px ;
	
	}
	
h4 { /*Heading 4*/
	color: #49361F;
	font-weight: bold ;
	font-size: 12px ;
	
	}

h5 {
	color: #FFCC66 ;
	font-size: 10px;
	}