/* CSS Document */

body{
	background: #e2e2dd url(/Images/backgroundImage.gif) repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; !important;
	margin:0px;
}

a:link{
	color:#0066cc;
	text-decoration:none;
}
a:visited{
	color:#0066cc;
	text-decoration:none;
}
a:hover{
	color:#0066cc;
	text-decoration:underline;
}
a:active{
	color:#0066cc;
	text-decoration:none;
}


#centerTable{
	text-align:center;
	position:absolute;
	width:800px;
	height:600px;
	top:50%;
	left:50%;
	margin-left:-400px;
	margin-top:-300px;
}

#header{
	width:100%;
	height:110px;
}


#main{
	margin:0px 20px 20px 20px;
}

#splash{
	width:760px;
	height:560px;
	position:relative;
	padding:0px;
	margin:0px;
}

.shade{
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	position:absolute;
	background-color:#000000;
}

#floater{
	width:482px;
	height:322px;
	background-image:url(images/transparent.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#floatwrap{
	width:488px;
	height:328px;
	z-index:0;
	position:relative;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-khtml-opacity:0;
}

#storytext{
	padding:20px;
}

#content{
	width:285px;
	height:470px;
	float:left;
	position:relative;
}

#teamgallery{
	width:470px;
	height:470px;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
}

#teambio{
	clear:both;
	width:350px;
	margin:10px 0px 0px 0px;
	position:absolute;
	bottom:0px;
}


/* splash page sections */

#splash div{
	position:absolute;
}

#splashsection1{
	top:0px;
	left:0px;
}

#splashsection2{
	top:0px;
	left:240px;
}

#splashsection3{
	top:0px;
	left:530px;
}

#splashsection4{
	top:210px;
	left:240px;
}

#splashsection5{
	top:210px;
	left:530px;
}

#splashsection6{
	top:370px;
	left:0px;
}

#splashsection7{
	top:370px;
	left:240px;
}

#splashsection8{
	top:370px;
	left:350px;
}

#splashsection9{
	top:510px;
	left:530px;
}


/* gallery section */

#gallery{
	width:470px;
	height:470px;
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
}

#gallery div{
	position:absolute;
}

#gallerysection1{
	top:0px;
	left:0px;
}
#gallerysection2{
	top:0px;
	left:170px;
}
#gallerysection3{
	top:110px;
	left:0px;
}
#gallerysection4{
	top:110px;
	left:170px;
}
#gallerysection5{
	top:110px;
	left:360px;
}
#gallerysection6{
	top:330px;
	left:0px;
}
#gallerysection7{
	top:270px;
	left:170px;
}
#gallerysection8{
	top:270px;
	left:360px;
}

/* gallerypage mininav sections */

#smallgallerymap{
	bottom:70px;
	right:70px;
}

#gallerypagesection1{
	top:0px;
	left:0px;
}
#gallerypagesection2{
	top:0px;
	left:25px;
}
#gallerypagesection3{
	top:16px;
	left:0px;
}
#gallerypagesection4{
	top:16px;
	left:25px;
}
#gallerypagesection5{
	top:16px;
	left:53px;
}
#gallerypagesection6{
	top:52px;
	left:0px;
}
#gallerypagesection7{
	top:40px;
	left:25px;
}
#gallerypagesection8{
	top:40px;
	left:53px;
}

#arrowleft
{
	position:absolute;
	left:20px;
	top:377px;
	z-index:2;
}

#arrowleft a
{
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	height:16px;
	margin-bottom:19px;
	text-decoration:none;
	width:20px;
}

#arrowleft a:hover
{
	background-position: 0px -16px;
}

#arrowleft a
{
	background-image:url(/images/arrowleft.gif);
}

#arrowright
{
	position:absolute;
	left:40px;
	top:377px;
	z-index:3;
}

#arrowright a
{
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	height:16px;
	margin-bottom:19px;
	text-decoration:none;
	width:20px;
}

#arrowright a:hover
{
	background-position: 0px -16px;
}

#arrowright a
{
	background-image:url(/images/arrowright.gif);
}

#arrowfolio
{
	position:absolute;
	top:265px;
	z-index:2;
}

#arrowfolio a
{
	background-image:url(/images/arrowfolio.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	height:19px;
	margin-bottom:19px;
	text-decoration:none;
	width:76px;
}

#arrowfolio a:hover
{
	background-position: 0px -19px;
}

/* about section */

#aboutsection1{
	top:0px;
	left:0px;
	width:230px;
}

#aboutsection2{
	top:0px;
	left:250px;
}

#teambutton
{
	position:absolute;
	top:265px;
}

#teambutton a
{
	display:block;
	height:19px;
	width:81px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-bottom:19px;
	text-decoration:none;
}

#teambutton a:hover
{
	background-position: 0px -19px;
}

#teambutton a:active, #teambutton a.selected 
{
	background-position: 0px -19px;
}

#teambutton a
{
	background-image:url(/images/team_button.gif);
}

/* contact  section */

#contactsection1{
	top:0px;
	left:0px;
	width:220px;
}
#contactsection1 p
{
	margin-top:0px;
	margin-bottom:7px;
}

#gallery.contact{
	background-image:url(/images/contact.jpg);
	width:470px;
	height:470px;
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
}


/* navigation */

#nav{
	width:203px;
	position:absolute;
	bottom:-3px;
}

#nav a
{
	display:block;
	height:23px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-top:5px;
	text-decoration:none;
}

#nav a:hover
{
	background-position: 0px -23px;
}

#nav a:active, #nav a.selected 
{
	background-position: 0px -23px;
}

#navAbout{
	position:relative;
	width:100px;
}

#navAbout a
{
	background-image:url(/images/aboutNav.gif);
}

#navDesign{
	position:relative;
	width:75px;
}

#navDesign a
{
	background-image:url(/images/designNav.gif);
}

#navStrategy{
	position:relative;
	width:162px;
}

#navStrategy a
{
	background-image:url(/images/strategyNav.gif);
}

#navAdvertising{
	position:relative;
	width:127px;
}

#navAdvertising a
{
	background-image:url(/images/advertisingNav.gif);
}

#navPackaging{
	position:relative;
	width:114px;
}

#navPackaging a
{
	background-image:url(/images/brandingNav.gif);
}
#navContact{
	position:relative;
	width:119px;
}
#navContact a
{
	background-image:url(/images/contactNav.gif);
}