/******Global Styles******/
body {
	background-image: url(images/shared/bg.gif);
	background-repeat:repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.copyright_style {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.copy {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #CCCCCC;
}

.join {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration:none;
	font-weight:bold;
}
.join:visited {
	color: #FF0000;
	text-decoration:none;
	font-weight:bold;
}
.join:hover {
	color: #FF0000;
	text-decoration:none;
	font-weight:bold;
}


/************ PNG Fix **************/
img, .logo, #about_, #about_:hover, #home_, #home_:hover, #new_, #new_:hover, #work_, #work_:hover, #contact_, #contact_:hover, #client_, #client_:hover { 
behavior: url(iepngfix.htc); 
}

/***********Main div Container*******/
.container {
	position: relative;
	margin: 0 auto;
	width:800px;
	height:585px;
}

/************* CSS Nav **************/

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


#home_{
position:absolute;
left:-5px;
top:0px;
height: 136px;
width: 73px;
text-indent: 10000px;
overflow: hidden;
background: url(images/nav/home_css.png) top left no-repeat;
display: block;

}
 
#home_:hover{

background-position: bottom left;

}

#home-on_{
position:absolute;
left:-5px;
top:0px;
height: 136px;
width: 73px;
}


#new_{
position:absolute;
left:74px;
top:0px;
height: 136px;
width: 73px;
text-indent: 10000px;
overflow: hidden;
background: url(images/nav/new_css.png) top left no-repeat;
display: block;

}
 
#new_:hover{

background-position: bottom left;

}

#new-on_{
position:absolute;
left:75px;
top:0px;
height: 136px;
width: 73px;
}

#about_{
position:absolute;
left:155px;
top:0px;
height: 136px;
width: 85px;
text-indent: 10000px;
overflow: hidden;
background: url(images/nav/about_css.png) top left no-repeat;
display: block;

}
 
#about_:hover{

background-position: bottom left;

}

#about-on_{
position:absolute;
left:155px;
top:0px;
height: 136px;
width: 85px;
}

#work_{
position:absolute;
left:240px;
top:0px;
height: 136px;
width: 86px;
text-indent: 10000px;
overflow: hidden;
background: url(images/nav/work_css.png) top left no-repeat;
display: block;

}
 
#work_:hover{

background-position: bottom left;

}

#work-on_{
position:absolute;
left:240px;
top:0px;
height: 136px;
width: 86px;
}

#contact_{
position:absolute;
left:326px;
top:0px;
height: 136px;
width: 74px;
text-indent: 10000px;
overflow: hidden;
background: url(images/nav/contact_css.png) top left no-repeat;
display: block;

}
 
 
#contact-on_{
position:absolute;
left:326px;
top:0px;
height: 136px;
width: 74px;
}


#contact_:hover{

background-position: bottom left;

}

#client_{
position:absolute;
left:410px;
top:0px;
height: 136px;
width: 74px;
text-indent: 10000px;
overflow: hidden;
background: url(images/nav/client_css.png) top left no-repeat;
display: block;

}
 
 
#client-on_{
position:absolute;
left:410px;
top:0px;
height: 136px;
width: 74px;
}


#client_:hover{

background-position: bottom left;

}

/*********** Shared ************/
.logo {
	position:absolute;
	left:0px;
	top:0px;
	width:209px;
	height:136px;
}

.logo_spacer {
	position:absolute;
	left:209px;
	top:0px;
	width:79px;
	height:136px;
}

.nav_holder {
	position:absolute;
	left:282px;
	top:0px;
	width:400px;
	height:136px;
}

.right_header_spacer {
	position:absolute;
	left:761px;
	top:0px;
	width:40px;
	height:136px;
}

.top_banner_bg {
	position:absolute;
	background-image:url(images/shared/header_bar.gif);
	left:0px;
	top:136px;
	width:589px;
	height:33px;
	z-index: 52;
}

.top_banner_title {
	position:absolute;
	left:589px;
	top:136px;
	width:212px;
	height:33px;
	z-index: 51;
}

.bottom_banner_bg {
	position:absolute;
	background-image:url(images/shared/footer_bar.gif);
	background-position:center;
	background-repeat:repeat-x;
	left:0px;
	top:580px;
	width:800px;
	height:15px;
	overflow:hidden;
	z-index: 50;
}

.copyright {
	position:absolute;
	left:0px;
	top:600px;
	width:800px;
	height:15px;
}



/********** ABOUT *********/

#about_names {
	position:absolute;
	left:599px;
	top:228px;
	width:198px;
	height:102px;

}

#about_engine {
	position:absolute;
	left:303px;
	top:251px;
	width:300px;
	height:256px;

}

#about_copy {
	position:absolute;
	left:7px;
	top:185px;
	width:360px;
	height:380px;

}



/************ CONTACT **********/

#contact_info {
	position:absolute;
	left:588px;
	top:217px;
	width:195px;
	height:342px;

}

#contact_copy {
	position:absolute;
	left:78px;
	top:225px;
	width:366px;
	height:235px;

}


/****************** CLIENT *************/


#client_copy {
	position:absolute;
	left:4px;
	top:190px;
	width:270px;
	height:153px;

}

/**************** Work ***************/


#work_container {
	position:absolute;
	left:0px;
	top:169px;
	width:800px;
	height:413px;
	left: 0px;

}


/**************** New Stuff ***************/


#newStuff_container {
	position:absolute;
	left:0px;
	top:169px;
	width:800px;
	left: 0px;
	margin: 0 auto;

}

#newStuff_copyright {
	position:relative;
	left:0px;
	width:800px;
	height:15px;
	margin: 0 auto;
}

#newStuff_bottom_banner {
	position:relative;
	background-image:url(images/shared/footer_bar.gif);
	background-position:center;
	background-repeat:repeat-x;
	left:0px;
	width:800px;
	height:15px;
	overflow:hidden;
	z-index: 50;
	margin: 0 auto;
}