body { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:.8em; 
	line-height:1.25em;
	color:#ffffff; }

p {	
	margin:0 0 10px 0; 
	width:470px; }
	
hr {
	border:0;
	border-top:1px dotted #FFFFFF;
	margin:20px 0}

a { 
	color:#E15A29;
	font-weight:bold;
	text-decoration: none; }

.content {
	position:relative;
	padding-top:30px;
	z-index:99;
	margin:0 40px;
	}

a:hover { 
	text-decoration: underline; }
	
.clear {
	clear:both; }

#wrapper { 
	width:1500px; 
	margin:0 0 0 -200px; }

#header { 
	width:900px; 
	height:434px; 
	padding:220px 300px 0; 
	float:left; 
	margin:0; 
	position:relative;
	z-index:0;
	background:url("../images/hosbak_header.jpg") scroll no-repeat center top; }

#main { 
	width:900px; 
	padding:0 300px; 
	float:left; 
	margin:0; 
	position:relative;
	z-index:0;
	background:url("../images/hosbak_bg.gif") scroll repeat-y center top; }

#footer { 
	width:900px; 
	height:444px; 
	padding:0 300px; 
	float:left; 
	text-align:center; 
	margin:0; 
	font-size:10px; 
	background:url("../images/hosbak_footer.jpg") scroll no-repeat center top; }
	
.right_img{
	background:url("../images/hosbak_frame_right.png") scroll no-repeat right top;
	position:absolute;
	left:710px;
	z-index:1;
	margin-right:-25px;
	padding:23px 0 25px 148px;
	width:372px;
	height:251px; }
	
.left_img {
	background:url("../images/hosbak_frame_left.png") scroll no-repeat left top;
	position:absolute;
	margin-left:-25px;
	padding:23px 152px 25px 4px;
	width:368px;
	height:251px; }
	
.right_img img,
.left_img img {
	width:368px;
	height:251px; }
	
.source_links {
	color:#FFFFFF;
	margin-bottom:10px;}
	
.source_links a {
	color:#E15A29; }
	
.button {
	background:url("../images/hosbak_button.png") no-repeat left top;
	width:95px;
	height:22px;
	text-align:center;
	padding-top:2px; }

.button a {
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal; }
	
.top_sticker {
	float:right; 
	margin:-35px 40px 0 0; }
 
/* NAVIGATION */

#top_nav { 
	color:#E15A29; 
	margin-left:40px; }

#top_nav a { 
	color:#FFFFFF;
	font-weight:bold; }

span.slashes { 
	margin:0 8px; }
	
/* HEADERS */

h1 {display:none; }

h2 {
	font-weight:bold; }

h3 {
	font-weight:bold;
	font-size:1.5em;
	line-height:1.35em;}
	
h4 {
	font-weight:bold; }

/* WHAT WE DO */

#whatwedo {
	margin-top:54px; }
	
#whatwedo ul.bullets {
	color:#E15A29;
	width:420px; }
	
#whatwedo ul.bullets li {
	background:url("../images/hosbak_bullet_cog.png") no-repeat left 2px;
	margin:0 35px 10px 0;
	padding-left:35px;
	width:140px;
	height:35px;
	float:left; }
	
/* WHO WE ARE */

#whoweare {
	margin:159px 0; }

#whoweare_head {
	background:url("../images/hosbak_whoweare_head.png") no-repeat left top;
	width:900px;
	height:140px;
	border-bottom:1px dotted #FFFFFF; }
	
#whoweare_nav { 
	margin-left:220px;
	padding-top:108px; }
	
#whoweare .content {
	margin-left:380px; }
	
/* OUR WORK */

#ourwork {
	margin:176px 0; }
	
#ourwork_head {
	background:url("../images/hosbak_ourwork_head.png") no-repeat left top;
	width:900px;
	height:140px;
	border-bottom:1px dotted #FFFFFF; }
	
#ourwork_nav { 
	margin-left:170px;
	padding-top:108px; }
	
#ourwork .work_item {
	height:299px;
	border-bottom:1px dotted #FFFFFF; }
	
#ourwork .content {
	margin-left:380px;
	padding-top:130px; }
	
#ourwork .content p {
	width:380px; }
	
/* CONTACT */

#contact {
	margin:176px 0; }
	
#contact_head {
	background:url("../images/hosbak_contact_head.png") no-repeat left top;
	width:900px;
	height:140px;
	border-bottom:1px dotted #FFFFFF; }
	
#contact_nav { 
	margin-left:305px;
	padding-top:108px; }
	
#contact .content p {
	width:470px; }
	
#contact .content {
	margin-left:380px; }
 
/* RECENT WORKS */

#illust_gallery { position: relative; height: 408px; width: 520px; text-align: center; float:left; margin:0 50px;}
    
	#illust_pictures { position: relative; height: 408px; width: 460px; float:left; }
    #illust_pictures img { position: absolute; top: 0; left: 0; }

    #illust_next a { width:30px; height:30px; margin:35% 0; float:left; background:url("../images/buttons.jpg") -30px 0 no-repeat; }
    #illust_next a:hover { background-position:-30px -30px; }
	
	#illust_prev a { width:30px; height:30px; margin:35% 0; float:right; background:url("../images/buttons.jpg") 0 0 no-repeat; }
    #illust_prev a:hover { background-position:0 -30px; }

	#illust_loader { position: absolute; top: 0; left:0; height: 458px; width: 100%; background:url("../images/ajax-loader.gif") white no-repeat center center; z-index: 9999; }