/* CSS Document */

body	{
text-align: center;
background-color: #FFFFFF;
margin: 0 auto 0 auto; /* this is so it won't float weirdly. It makes the whole thing will flush to the top */
padding: 0; /* this is so it won't float weirdly. It makes the whole thing will flush to the top */
}

p, td, li	{
font-family: verdana, arial, helvetica, san-serif;
font-size: 11px;
text-align: left;
}

img	{
border-style: none;
}

/* This is the dark grey header used for the illustrations */
h5			{
font-family: verdana, arial, helvetica, san-serif;
font-size: 12px;
color: #333333;
text-align: left;
}
			
#wrapper	{
width: 622px;
height: auto;
text-align: left;
margin: 0 auto 0 auto;
padding: 0;
background-color:#FFFFFF;
overflow: hidden;
}

/* top white filler */
.top_white_filler	{
position: relative;
width: 622px;
height: 30px;
text-align: center;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* navbar */
#navbar	{
position: relative;
width: 622px;
height: 17px;
text-align: center;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#navbar_left_blank	{
position: relative;
width: 41px;
height: 17px;
float: left;
background-color: #FFFFFF;
background-image: url(images_2/splash/left_blank.gif);
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

#navbar_about	{
position: relative;
width: 54px;
height: 17px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#navbar_illustration	{
position: relative;
width: 86px;
height: 17px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#navbar_design	{
position: relative;
width: 57px;
height: 17px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#navbar_webdesign	{
position: relative;
width: 84px;
height: 17px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#navbar_facades	{
position: relative;
width: 139px;
height: 17px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#navbar_funstuff	{
position: relative;
width: 70px;
height: 17px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#navbar_contact	{
position: relative;
width: 47px;
height: 17px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#navbar_right_blank	{
position: relative;
width: 44px;
height: 17px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#top_border	{
position: relative;
width: 622px;
height: 13px;
float: left;
background-image: url(images_2/splash/top_border.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

/* splash stuff */
#fs_splash	{
position: relative;
width: 622px;
height: 289px;
float: left;
background-image: url(images_2/splash/fs_splash.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#fs_splash_bar	{
position: relative;
width: 622px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#fs_splash_vportfolio	{
position: relative;
width: 510px;
height: 16px;
float: left;
background-image: url(images_2/splash/fs_splash_vportfolio.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_splash_enter	{
position: relative;
width: 72px;
height: 16px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_splash_enter_right	{
position: relative;
width: 40px;
height: 16px;
float: left;
background-image: url(images_2/splash/fs_splash_enter_right.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* main content divs */
#main_content	{
position: relative;
width: 622px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#main_content_left_blank	{
position: relative;
width: 40px;
height: 20px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#main_content_center	{
position: relative;
width: 542px;
height: auto;
float: center;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#main_content_right_blank	{
position: relative;
width: 40px;
height: 20px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* images for different sections */
/* generic square thumbnail holder */
.main_content_thumbnail	{
position: relative;
width: 54px;
height: 55px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* generic image holder */
.main_content_image	{
position: relative;
width: 400px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* generic image detail holder */
.main_content_image_detail	{
position: relative;
width: 542px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* generic image detail tn holder */
.main_content_image_detail_tn_holder	{
position: relative;
width: 542px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

.main_content_image_detail_tn	{
position: relative;
width: 100px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* quicktime image holder - 650px */
.main_content_quicktime	{
position: relative;
width: 542px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 20px 0 0 0;
overflow: hidden;
}

/* about */
#main_content_about_flash	{
position: relative;
width: 245px;
height: 309px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* wallpaper image holder */
.main_content_wallpaper	{
position: relative;
width: 300px;
height: 250px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* text for different sections */
/* about */
#main_content_about_text	{
position: relative;
width: 282px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0 0 0 15px;
overflow: hidden;
}

/* generic main content text holder */
.main_content_text	{
position: relative;
width: 142px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* quicktime main content text holder - also used for funstuff column spanning */
.main_content_quicktime_text	{
position: relative;
width: 542px;
height: auto;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* wallpaper text holder */
.main_content_wallpaper_text	{
position: relative;
width: 242px;
height: 250px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* titles for different sections */
#main_content_about_title	{
position: relative;
width: 542px;
height: 32px;
float: left;
background-image: url(images_2/about/about_head.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#main_content_illustration_title	{
position: relative;
width: 255px;
height: 31px;
float: left;
background-image: url(images_2/illustration/ill_head.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#main_content_multimedia_title	{
position: relative;
width: 254px;
height: 32px;
float: left;
background-image: url(images_2/multimedia/multimedia_head.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

/* design */
#main_content_design_title	{
position: relative;
width: 180px;
height: 31px;
float: left;
background-image: url(images_2/design/dp_head.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* facades */
#main_content_facades_title	{
position: relative;
width: 369px;
height: 31px;
float: left;
background-image: url(images_2/facades/fac_head.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* fun stuff */
#main_content_funstuff_title	{
position: relative;
width: 203px;
height: 31px;
float: left;
background-image: url(images_2/funstuff/funstuff_head.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* contact */
#main_content_contact_title	{
position: relative;
width: 542px;
height: 31px;
float: left;
background-image: url(images_2/contact/contact_head.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}



/* subsection titles for different sections */
/* illustration */
#main_content_illustration_main	{
position: relative;
width: 49px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 5px 0 5px 5px;
}

#main_content_illustration_allegiance	{
position: relative;
width: 112px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 5px 0 5px 0;
}

#main_content_illustration_wd	{
position: relative;
width: 120px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 5px 0 5px 0;
overflow: hidden;
}

/* design */
#main_content_design_print	{
position: relative;
width: 66px;
height: 29px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 3px 0 7px 45px;
}

#main_content_design_packaging	{
position: relative;
width: 111px;
height: 29px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 3px 0 7px 0;
}

#main_content_design_photo	{
position: relative;
width: 121px;
height: 29px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 3px 0 7px 0;
}
/* multimedia */
#main_content_multi_web	{
position: relative;
width: 56px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0 0 0 10px;
}

#main_content_multi_edm	{
position: relative;
width: 60px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#main_content_multi_flash	{
position: relative;
width: 57px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#main_content_multi_mobile	{
position: relative;
width: 99px;
height: 29px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 3px 0 7px 0;
}

/* facades */
#main_content_facades_main	{
position: relative;
width: 170px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 5px 0 5px 0;
overflow: hidden;
}

/* funstuff */
#main_content_funstuff_main	{
position: relative;
width: 87px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 4px 0 6px 100px;
overflow: hidden;
}

#main_content_funstuff_articles	{
position: relative;
width: 72px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 4px 0 6px 0;
overflow: hidden;
}

#main_content_funstuff_links	{
position: relative;
width: 68px;
height: 31px;
float: left;
background-color: #FFFFFF;
margin: 0;
padding: 4px 0 6px 0;
overflow: hidden;
}

/* bottoms for different sections */
#fs_splash_bottom	{
position: relative;
width: 622px;
height: 29px;
float: left;
background-image: url(images_2/splash/fs_splash_bottom.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#fs_about_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/about/fs_about_bottom.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}
/* illustration */
#fs_ill_main_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/illustration/main/ill_main_bot.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_ill_alleg_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/illustration/allegiance/ill_alleg_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_ill_wd_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/illustration/wd/ill_wd_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}
/* design */
#fs_dp_print_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/design/print/dp_print_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_dp_packaging_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/design/packaging/dp_packaging_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_dp_photo_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/design/photography/dp_photo_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}
/* multimedia */
#fs_dp_web_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/multimedia/web/web_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_multi_quicktime_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/multimedia/quicktime/multi_quicktime_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_multi_edm_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/multimedia/edm/multi_edm_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_multi_flash_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/multimedia/flash/multi_flash_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_multi_mobile_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/multimedia/mobile/mobile_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_facades_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/facades/fac_main_bot.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_freestuff_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/funstuff/wallpaper/freestuff_bottombar.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_articles_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/funstuff/fs_articles_bottom.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_links_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/funstuff/links_bottombar.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

#fs_contact_bottom	{
position: relative;
width: 622px;
height: 45px;
float: left;
background-image: url(images_2/contact/contact_bottombar.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0;
padding: 0;
overflow: hidden;
}

/* text divs */
#bottomnav	{
position: relative;
width: 622px;
height: auto;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
text-align: center;
color: #000000;
margin: 0;
padding: 0 0 40px 0;

}

#copyright	{
position: relative;
width: 622px;
height: auto;
float: left;
text-align: center;
font-family: verdana, arial, helvetica, san-serif;
font-size: 9px;
font-weight: bold;
text-align: center;
margin: 0;
padding: 0 0 40px 0;
color: #000000;
}

.noBorder	{
border-style: none;
}


/* The things defined below are a) what colour the unvisited link is, b) what colour the visited link is, c) what colour the link is on mousedown and d) what colour the link is when the mouse hovers over it. Additional things can of course be set */
a:link		{
			color: #000000;
			background-color: transparent;
			text-decoration: none;
			}
			
a:visited	{
			color: #666666;
			background-color: transparent;
			text-decoration: none;
			}
			
a:active	{
			color: #000000;
			font-weight: bold;
			}
			
a:hover		{
			color: #000000;
			font-weight: bold;
			}
			
.class1		{
			font-family: verdana, arial, helvetica, san-serif;
			font-size: 10px;
			color: #33FFFF;
			text-align: left;
			}
			
.bottomnav	{
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 9px;
			text-align: center;
			color: #000000;
			}