html, body {
background-color: #ffffff;
	color: #333333;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	padding: 0;
	font-size: 62.5%;
	margin: 0;	
	height: 100%;
}
/* base rules */
div{
	margin: 0;
	padding: 0;
}
form{
	margin: 0;
	padding: 0;
}
p{
	padding: 0;
	margin: 10px 0;
}
a {
color: #cabfa9;
text-decoration: none;
}
img {
border: none;
}

.preload {
display: none;
}


preloadedImages {

       width: 0px;

       height: 0px;

       display: inline;

       background-image: url(images/logo/jpg);

       background-image: url(images/MainNav_about_us.gif);

       background-image: url(images/MainNav_contact.gif);

       background-image: url(images/MainNav_experience.gif);

       background-image: url(images/MainNav_portfolio.gif);

       background-image: url(images/MainNav_process);

       background-image: url(images/subNav_cdroms.gif);

       background-image: url(images/subNav_banners.gif);

       background-image: url(images/subNav_eflyers.gif);

       background-image: url(images/subNav_ex_portfolio.gif);

       background-image: url(images/subNav_flash_animations.gif);

       background-image: url(images/subNav_graphic_design.gif);

       background-image: url(images/subNav_graphics4web.gif);

       background-image: url(images/subNav_home_pages.gif);

       background-image: url(images/subNav_image_editing.gif);

       background-image: url(images/subNav_landing_pages.gif);

       background-image: url(images/subNav_newsletters.gif);

       background-image: url(images/subNav_nzwebsites.gif);

       background-image: url(images/subNav_websites.gif);
}

div#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -280px;
float: left;
}

#container_outer {
float: left;
width: 100%;
height: 520px;
}
#container_inner {
height: 520px;
width: 860px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
}

#illustration {
width: 860px;
height: 400px;
margin-left: 0px;
float: left;
overflow: auto;
background-image: url(images/illustration3.jpg);
background-repeat: no-repeat;
border: #999999 1px solid;
}

#content_frame {
width: 725px;
height: 400px;
margin-left: 5px;
float: right;
overflow: auto;
border: #cccccc 1px solid;
}
#content {
height: 381px;
overflow: hidden;
}
#portfolio_splash {
width: 725px;
height: 400px;
float: left;
overflow: hidden;
}

.content_object {
float: left;
}

#logo {

margin-top: 10px;
margin-left: 0px;	
float: left; 
width: 135px;
height: 50px;


}
#Nav {
margin-top: 30px;
margin-left: 20px;
float: left;
width: 191px;
height: 30px;
}

#mainNavBar {
margin: 0px;
padding: 0;
float: left;
clear: left;
}
#mainNavBar li#portfolio {
float: left;
list-style-type: none;
width: 71px;
height: 24px;
}

#mainNavBar li#portfolio a {
height: 24px;
width: 71px;
display: block;
text-indent: -999px;
background: url(images/MainNav_portfolio.gif) 0px -24px no-repeat;
}
#mainNavBar li#portfolio a:hover {
background-position: 0px 0px;
}
#mainNavBar li#portfolio a.active {
background-position: 0px 0px;
}
#mainNavBar li#about_us {
float: left;
list-style-type: none;
width: 66px;
height: 24px;
}
#mainNavBar li#about_us a {
height: 24px;
width: 66px;
display: block;
text-indent: -999px;
background: url(images/MainNav_about_us.gif) 0px -24px no-repeat;
}
#mainNavBar li#about_us a:hover {
background-position: 0px 0px;
}
#mainNavBar li#about_us a.active {
background-position: 0px 0px;
}
#mainNavBar li#contact {
float: left;
list-style-type: none;
width: 54px;
height: 24px;
}
#mainNavBar li#contact a {
height: 24px;
width: 54px;
display: block;
text-indent: -999px;
background: url(images/MainNav_contact.gif) 0px -24px no-repeat;
}
#mainNavBar li#contact a:hover {
background-position: 0px 0px;
}
#mainNavBar li#contact a.active {
background-position: 0px 0px;
}

#client_list {
position: relative;
width: 128px;
height: 400px;
float: left;
clear: left;
overflow: hidden;
margin-left: 0px;
background-color: #eeeeee;
z-index: 1000;
}
#client_list_head {
width: 128px;
height: 20px;
float: left;
clear: both;
overflow: auto;
background: url(images/showcase.gif) 6px 2px no-repeat #ee4611;
}
#subNav {
height: 100px;
width: 128px;
margin-top: 10px;
float: left;
clear: both;
padding-left: 15px;
}

#subNavBar {
margin: 0px;
padding: 0px;
list-style-type: none;
width: 128px;
float: left;
}
#subNavBar li{
font-size: 0px;
line-height: 0px;
margin-top: 11px;
width: 128px;
float: left;
}
#subNavBar li a {
height: 8px;
display: block;
text-indent: -999px;
margin-left: 0px;
width: 128px;
float: left;
}
#subNavBar li#websites {
margin-top: 2px;
}
#subNavBar li#websites a {
background: url(images/subNav_websites.gif) 0px -8px no-repeat;
}
#subNavBar li#websites a:hover {
background: url(images/subNav_websites.gif) 0px 0px no-repeat;
}
#subNavBar li#websites a.active {
background: url(images/subNav_websites.gif) 0px 0px no-repeat;
}
#subNavBar li#nzwebsites {
}
#subNavBar li#nzwebsites a {
background: url(images/subNav_nzwebsites.gif) 0px -8px no-repeat;
}
#subNavBar li#nzwebsites a:hover {
background: url(images/subNav_nzwebsites.gif) 0px 0px no-repeat;
}
#subNavBar li#nzwebsites a.active {
background: url(images/subNav_nzwebsites.gif) 0px 0px no-repeat;
}
#subNavBar li#flash_animations a {
background: url(images/subNav_flash_animations.gif) 0px -8px no-repeat;
}
#subNavBar li#flash_animations a:hover {
background: url(images/subNav_flash_animations.gif) 0px 0px no-repeat;;
}
#subNavBar li#flash_animations a.active {
background: url(images/subNav_flash_animations.gif) 0px 0px no-repeat;
}
#subNavBar li#home_pages a {
background: url(images/subNav_home_pages.gif) 0px -8px no-repeat;
}
#subNavBar li#home_pages a:hover {
background: url(images/subNav_home_pages.gif) 0px 0px no-repeat;
}
#subNavBar li#home_pages a.active {
background: url(images/subNav_home_pages.gif) 0px 0px no-repeat;
}
#subNavBar li#banners a {
background: url(images/subNav_banners.gif) 0px -8px no-repeat;
}
#subNavBar li#banners a:hover {
background: url(images/subNav_banners.gif) 0px 0px no-repeat;
}
#subNavBar li#banners a.active {
background: url(images/subNav_banners.gif) 0px 0px no-repeat;
}
#subNavBar li#newsletters a {
background: url(images/subNav_newsletters.gif) 0px -8px no-repeat;
}
#subNavBar li#newsletters a:hover {
background: url(images/subNav_newsletters.gif) 0px 0px no-repeat;
}
#subNavBar li#newsletters a.active {
background: url(images/subNav_newsletters.gif) 0px 0px no-repeat;
}
#subNavBar li#eflyers a {
background: url(images/subNav_eflyers.gif) 0px -8px no-repeat;
}
#subNavBar li#eflyers a:hover {
background: url(images/subNav_eflyers.gif) 0px 0px no-repeat;
}
#subNavBar li#eflyers a.active {
background: url(images/subNav_eflyers.gif) 0px 0px no-repeat;
}
#subNavBar li#graphics4web a {
background: url(images/subNav_graphics4web.gif) 0px -8px no-repeat;
}
#subNavBar li#graphics4web a:hover {
background: url(images/subNav_graphics4web.gif) 0px 0px no-repeat;
}
#subNavBar li#graphics4web a.active {
background: url(images/subNav_graphics4web.gif) 0px 0px no-repeat;
}
#subNavBar li#image_editing a {
background: url(images/subNav_image_editing.gif) 0px -8px no-repeat;
}
#subNavBar li#image_editing a:hover {
background: url(images/subNav_image_editing.gif) 0px 0px no-repeat;
}
#subNavBar li#image_editing a.active {
background: url(images/subNav_image_editing.gif) 0px 0px no-repeat;
}
#subNavBar li#landing_pages a {
background: url(images/subNav_landing_pages.gif) 0px -8px no-repeat;
}
#subNavBar li#landing_pages a:hover {
background: url(images/subNav_landing_pages.gif) 0px 0px no-repeat;
}
#subNavBar li#landing_pages a.active {
background: url(images/subNav_landing_pages.gif) 0px 0px no-repeat;
}
#subNavBar li#cdroms a {
background: url(images/subNav_cdroms.gif) 0px -8px no-repeat;
}
#subNavBar li#cdroms a:hover {
background: url(images/subNav_cdroms.gif) 0px 0px no-repeat;
}
#subNavBar li#cdroms a.active {
background: url(images/subNav_cdroms.gif) 0px 0px no-repeat;
}
#subNavBar li#graphic_design a {
background: url(images/subNav_graphic_design.gif) 0px -8px no-repeat;
}
#subNavBar li#graphic_design a:hover {
background: url(images/subNav_graphic_design.gif) 0px 0px no-repeat;
}
#subNavBar li#graphic_design a.active {
background: url(images/subNav_graphic_design.gif) 0px 0px no-repeat;
}
#subNavBar li#ex_portfolio a {
background: url(images/subNav_ex_portfolio.gif) 0px -8px no-repeat;
}
#subNavBar li#ex_portfolio a:hover {
background: url(images/subNav_ex_portfolio.gif) 0px 0px no-repeat;
}
#subNavBar li#ex_portfolio a.active {
background: url(images/subNav_ex_portfolio.gif) 0px 0px no-repeat;
}

#line {
height: 0px;
float: right; 
clear: right;
width: 0px;
margin-right: 0px;
margin-top: 53px;
border-bottom: #b8b7b6 1px solid;
}

/* CONTACT */

#contact_frame {
width: 860px;
height: 400px;
margin-left: 0px;
float: left;
overflow: auto;
}
#content.contact {
height: 400px;
overflow: hidden;
}

#contact_flash {
height: 400px;
float: left;
width: 365px;
}