@charset "utf-8";
/* CSS Document */



/* MAIN SECTIONS */

BODY {
	margin: 0 0 0 0;
	background: #000000 url('/images/bg.jpg') top center;
	background-repeat: no-repeat;
}
	
	
#body_container_1 {
	width: 950px;
	height: 100%;
	margin: 0 auto 0 auto;
	background: ;}
	

#flashcontent {
width: 950px;
height:44px;
color:black;
background: #000000 url('/images/menu.jpg') top center;
text-align: center;
}

.wordsp {
padding-left: 30px;
padding-right: 30px;
padding-top:10px;
margin-top:8px;
height: 20px;
float: left;

font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
font-size: x-small;
text-transform: uppercase;
}
.wordsp:hover {
background-color: #000965;
color:white;
cursor:pointer;
	border-left:1px white solid;
	border-right:1px white solid;
padding-left: 29px;
padding-right: 29px;
}
.wordsp_footer {
padding-left: 30px;
padding-right: 30px;
padding-top:10px;
margin-top:8px;
height: 23px;
float: right;
font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
font-size: x-small;
text-transform: uppercase;

}
.wordsp_footer:hover {
background-color: #000965;
color:white;
cursor:pointer;
	border-left:1px white solid;
	border-right:1px white solid;
padding-left: 29px;
padding-right: 29px;
}

.wiw_wright_thumbs {
width: 150px;
vertical-align: top;
}

#header {
	width: 950px;
	height: 96px;


	margin: 0px auto 0px auto;}
	
	
#featured_projects {
	width: 950px;
	height: 280px;
	margin: 0 auto 10px auto;
	text-align: center;}
	
	
#about {
	float: left;
	width: 475px;
	margin: 0 0 10px 15px;}
	
#news {
	float: right;
	width: 475px;
	margin: 0 15px 10px 0;}
	
	
#work {
	clear: both;
	width: 950px;
	margin: 0 auto 10px auto;}	
	
	
#clients {
	float: left;
	width: 475px;
	margin: 0 0 10px 0px;}
	
	
#contact {
	float: right;
	width: 475px;
	margin: 0 0px 10px 0;}	
	
	
#footer {
	text-align: left;
	width: 950px;
	height: 48px;
}
	
#clearer {
	clear: both;
	width: 100%
	height: 1px;}




/* BOX 1 - HALF WIDTH BACKGROUND*/

#box-1 {
	width: 460px;
	margin: 0 auto 0 auto;}
	
.box-1_top{
	display: block;
	height: 33px;
	margin: 0 0 0 0;
	padding: 0px 0 0px 5px;
	color: #999999;
	font-family: verdana;
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: -1px;
	text-transform: lowercase;
	background: url('images/box/1/top.jpg') no-repeat;}
	
.box-1_middle {
	padding: 5px 10px 0 10px;
	height: 220px;
	background: url('images/box/1/mid.jpg') repeat-y;}
	
.box-1_bot {
	display: block;
	width: 460px;
	height: 17px;
	background: url('images/box/1/bot.jpg') no-repeat top center;}
		
.box-1_content {
	color: black;
	}
	



/* BOX 1 - HALF WIDTH BACKGROUND*/

#box-1a {
	width: 460px;
	margin: 0 auto 0 auto;}
	
.box-1a_top{
	display: block;
	height: 33px;
	margin: 0 0 0 0;
	padding: 0px 0 0px 5px;
	color: #999999;
	font-family: verdana;
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: -1px;
	text-transform: lowercase;
	background: url('images/box/1/top.jpg') no-repeat;}
	
.box-1a_middle {
	padding: 5px 10px 0 10px;
	height: 180px;
	background: url('images/box/1/mid.jpg') repeat-y;}
	
.box-1a_bot {
	display: block;
	width: 460px;
	height: 17px;
	background: url('images/box/1/bot.jpg') no-repeat top center;}
		
.box-1a_content {
	color: black;
	}





/* BOX 2 - FULL WIDTH BOX*/

#box-2 {
	width: 935px;
	margin: 0 auto 0 auto;}
	
.box-2_top{
	display: block;
	height: 33px;
	margin: 0 0 0 0;
	padding: 0px 0 0px 5px;
	color: #000000;
	font-family: verdana;
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: -2px;
	text-transform: lowercase;
	background: url('images/box/2/top.jpg') no-repeat;}
	
.box-2_middle {
	padding: 5px 5px 0 5px;
	background: url('images/box/2/mid.jpg') repeat-y;}
	
#box-2_middle2 {
	padding: 5px 5px 0 5px;
	border: 1px #666666 solid;
	border-top: 0px;
	background: url('images/box/2/mid-2.jpg') no-repeat top center;}
	
.box-2_bot {
	display: block;
	width: 935px;
	height: 17px;
	background: url('images/box/2/bot.jpg') no-repeat center center;}
		
.box-2_content {
	color: black;
	background: url('images/box/2/mid-top.jpg') no-repeat top center;}











/* HEADER */

.title_ag {
	float: left;
	padding-left:200px;
	cursor:pointer;}


.toplinks {
	float: right;
	border:1px gray solid;
	padding-left:3px;
	padding-right:3px;
	color: #666666;}
	
.toplinks a {
	color: #999999;
	font-family: verdana, sans-serif;
	font-size: x-small;
	text-decoration: none;
	text-transform: capitalize;}
.toplinks a:hover {
	color: #000000;
	background: #dcdcdc;}


	
	
	
	
/* ABOUT  */
	
.about_content {
	height: 190px;
	overflow:none;
	padding:10px;
	filter:chroma(color=#f3f0e1);
	scrollbar-face-color: #f3f0e1; 
	scrollbar-track-color: #f3f0e1;
	scrollbar-3dlight-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color:#666666; 
	scrollbar-dark-shadow-color:#666666;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: x-small;
	line-height: 12px;}
	
	
.about_content p {
	margin-top: 0px;
	padding-top: 0px;}
	
	
	
	
/* NEWS */

.news_content {
	height: 220px;
	overflow:auto;
	filter:chroma(color=#f3f0e1);
	scrollbar-face-color: #f3f0e1; 
	scrollbar-track-color: #f3f0e1;
	scrollbar-3dlight-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color:#666666; 
	scrollbar-dark-shadow-color:#666666;}
	
.news_date {
	padding: 1px;
	margin: 0 10px 0 0;
	color: #dcdcdc;
	font-family: tahoma, sans-serif;
	font-size: x-small;
	background: #666666;}
	
.news_subject {
	margin: 0 0 0 0;
	color: #333333;
	font-family: verdana, sans-serif;
	font-size: small;
	font-weight: bold;}
	
.news_story {
	display: block;
	margin: 0 0 0 60px;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: x-small;
	line-height: 10px;}
	
	
	
	
	
	
/* WORK */



#workinfo_boxes {
	width: 925px;
	margin: 0 auto 0 auto;}
	
/* work information text box */
#box-workinfo1 {
	float: left;
	width: 441px;
	height: 196px;
	margin: 0 0 0 10px;
	background: #000000;}
	
/* work information picture preview box */	
#box-workinfo2 {
	float: right;
	width: 441px;
	height: 196px;
	margin: 0 10px 0 0;
	background: #000000;}
	
	
.box-workinfo_top {
	height: 13px;
	background: url('images/box/workinfo/top.jpg') repeat-x;}
.box-workinfo_top-left {
	float: left;
	width: 13px;
	height: 13px;
	background: url('images/box/workinfo/top-left.jpg') repeat-x;}
.box-workinfo_top-right {
	float: right;
	width: 13px;
	height: 13px;
	background: url('images/box/workinfo/top-right.jpg') repeat-x;}
	
.box-workinfo_mid {
	height: 171px;
	padding: 15px;
	color: white;
	background: url('images/box/workinfo/side.jpg') repeat-y;}
	

.box-workinfo_bot {
	height: 13px;
	background: url('images/box/workinfo/bot.jpg') repeat-x;}
.box-workinfo_bot-left {
	float: left;
	width: 13px;
	height: 13px;
	background: url('images/box/workinfo/bot-left.jpg') repeat-x;}
.box-workinfo_bot-right {
	float: right;
	width: 13px;
	height: 13px;
	background: url('images/box/workinfo/bot-right.jpg') repeat-x;}


#work_info {
	width: 100%;
	height: 230px;
	margin: 0 0 10px 0;}
	
	
	
#work_info_writeto {
	position: absolute;
	top: 440px;
	width: 925px;
	height: 192px;
	color: green;}
	
.wiw_pleasewait1 {
	float: left;
	margin: 75px 0 0 140px;
	color: #666666;
	font-family: verdana, sans-serif;
	font-size: x-small;}
.wiw_pleasewait2 {
	float: right;
	margin: 75px 140px 0 0;
	color: #666666;
	font-family: verdana, sans-serif;
	font-size: x-small;}
	
#work_flash {
	width: 100%;
	height: 225px;
	margin: 0 0 0px 0;
	color: white;
	border: 0px black solid;}
	
	
.work_nav_hint {
	width: 100%;
	margin: 0 auto 5px auto;
	padding: 0 0 5px 0;
	text-align:center;
	color: #ffffff;
	font-family: tahoma, sans-serif;
	font-size: 7pt;}
.work_nav_hint:hover {
	color: #FF6;}
	
#work_extra {
	width: 100%;
	margin: 2px 0 10px 0;
	padding: 0 0 10px 25px;}
	
	#work_extra_cols {
	width: 90%;
	margin: 0 auto 0 auto;}
	
	#extra_col1 {
		float: left;
		width: 24%;
		border-right: 1px #333333 dotted;}
		
	#extra_col2 {
		float: left;
		width: 25%;
		border-right: 1px #333333 dotted;}
		
	#extra_col3 {
		float: left;
		width: 25%;
		border-right: 1px #333333 dotted;}
		
	#extra_col4 {
		float: right;
		width: 25%;}
		
		#extra_list {
			padding: 0 0 0 10px;
			list-style: none;}
		
		#extra_list li {
			padding: 0 0 0 12px;
			background: url('images/work/arrow.gif') no-repeat 0px 3px;}
		
		#extra_list li a {
			color: #ffffff;
			font-family: arial, sans-serif;
			font-size: 8pt;
			text-decoration: none;
			line-height: 60%;
			text-transform: capitalize;}
		#extra_list li a:hover {
			color: #FF9;
			text-decoration: underline;}
		
	
.work_viewtype1 {
	color: #333333;
	font-family: verdana, sans-serif;
	font-size: x-small;}
	
.work_viewtype2 {
	color: #666666;
	font-family: verdana, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;}
.work_viewtype2:hover {
	text-decoration: underline;}
	
/* work info box styles for project_info.php */	
	
.work_info_writeto_left {
	float: left;
	width: 405px;
	margin: 0 0 0 22px;
	padding: 0px 5px 5px 5px;}	
	
.work_info_writeto_right {
	float: right;
	width: 405px;
	margin: 0 22px 0 0;
	padding: 0px 5px 5px 5px;
	background: url('http://beta.akiragraphics.com/images/work/loading.gif') no-repeat 280px 80px;}	
	
.wiw_left_cat {
	padding: 0 5px 0 0;
	color: #666666;
	vertical-align: top;
	font-family: tahoma, sans-serif;
	font-size: x-small;
	text-transform: uppercase;}

.wiw_left_value {
	width: 330px;
	color: #ffffff;
	font-family: tahoma, sans-serif;
	font-size: small;
	font-weight: normal;
	border-bottom: 1px #333333 solid;}

.wiw_left_description {
	display: block;
	width: 330px;
	text-transform: none
	height: 140px;
	line-height: 17px;
	background: url('images/work/underlines.gif');}
	
	
	
	
.wiw_right_preview {
	float: right;
	width: 227px;
	height: 180px;}
	
	
	
	
	
	
/* CLIENTS */
	
#client_header {
	height: 70px;
	margin: 0 0 0 10px;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: x-small;}
	
	.client_logo {
		float: right;
		margin: 0 0 0 10px;}
		



#clients_cols {
	width: 414px;
	margin: 10px auto 0 auto;}
	
	#clients_col1 {
		float: left;
		width: 33%;
		border-right: 1px #999999 dotted;}
		
	#clients_col2 {
		float: left;
		width: 33%;
		border-right: 1px #999999 dotted;}
		
	#clients_col3 {
		float: right;
		width: 33%;}
		
		
		
		
		#client_list {
			padding: 0 0 0 10px;
			list-style: none;}
		
		#client_list li {
			padding: 0 0 0 12px;
			background: url('images/clients/arrow.gif') no-repeat 0px 3px;}
		
		#client_list li a {
			color: #000000;
			font-family: arial, sans-serif;
			font-size: 8pt;
			text-decoration: none;
			text-transform: capitalize;
			line-height: 150%;}
		#client_list li a:hover {
			text-decoration: underline;}
	
	
	
	
	
	
	
.clients_content {
	height: 220px;
	overflow:auto;
	filter:chroma(color=#f3f0e1);
	scrollbar-face-color: #f3f0e1; 
	scrollbar-track-color: #f3f0e1;
	scrollbar-3dlight-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color:#666666; 
	scrollbar-dark-shadow-color:#666666;}
	
	
	
#client_namelist {
	padding: 7px 0 0 0;
	width: 405px;
	height: 28px;
	margin: 5px;}	
	
.company_name {
	display: block;
	margin: 5px 0 0 0;
	padding: 3px;
	color: #333333;
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;}
.company_name:hover {
	background: #ffff00;}
	
.company_logo {
	margin: 0 0 0 0;
	float: right;}
	
	
	
	
	
	
	
	
	
	

	
	
/* CONTACT */
	
.contact_top {
	width: 100%;
	height: 130px;
	margin: 0 0 20px 0;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: x-small;}
	
	.contact_graphic {
		float: left;
		margin: 0 0px 0 0;}
		
	#contact_email_options {
		margin: 20px 0 0 150px;}
		
		#contact_email_options li {
			list-style-image: url('images/contact/arrow.gif');}
			
		#contact_email_options li a {
			padding: 0 0 5px 0;
			color: #000000;
			font-family: verdana, sans-serif;
			font-size: small;
			text-decoration: none;}
		#contact_email_options li a:hover {
			text-decoration: underline;}
	
		
#contact_table {
	margin: 0 auto 0 auto;}		
		
	.contact_table_cat {
		width: 50px;
		padding: 0 3px 0 0;
		vertical-align: top;
		color: #666666;
		font-family: serif;
		font-size: 8pt;
		text-align:right;
		font-weight: bold;
		border-right: 1px #999999 solid;}
	
	.contact_table_value {
		vertical-align: top;
		padding: 2px 20px 0 5px;
		vertical-align: top;
		color: #000000;
		font-family: verdana;
		font-size: x-small;}
		
		

	
.contact_category {
	display: block;
	margin: 10px 0 0 0;
	color: #666666;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;}
	
.contact_value {
	display: block;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: x-small;}
	
	
/* FOOTER */

.copyright {
	float: left;
	text-align: left;
	width: 300px;
	color: #ffffff;
	font-family: tahoma, verdana, sans-serif;
	font-size: x-small;}
	
.ac_group {
	color: #ffffff;
	font-family: tahoma, verdana, sans-serif;
	font-size: x-small;}
	
.community {
	float: right;
	text-align:right;
	color: #ffffff;
	font-family: tahoma, verdana, sans-serif;
	font-size: 7pt;}
	
.community_table a {
	color: #ffffff;
	text-decoration: none;
	font-size: 7pt;}