/* CSS Document */


/* *********** body and text decoration *****************/

body
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size:10px;
		font-weight:normal;		
		
		background-color:#3F2309;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		float: center;
		background-image:url(../images/bg.gif);
		background-repeat:repeat-y;
		background-position:center;
	}
	

	a {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		color: #634128;
		
	}
	a:visited {
		color: #634128;
		text-decoration: none;
	}
	a:hover {
		color: #0099CC;
		text-decoration: none;
	}
	a:active {
		color: #FFFFFF;
		text-decoration: none;
	}
	a:link {
		text-decoration: none;
	}
	
	.text_color_size
	{
		color:#00a0c6;
		font-size:10px;
	}
	
	.text_color_size_12px
	{
		color:#00a0c6;
		font-size:12px;
	}
	
	.title
	{
		color:#00a0c6;
		font-size:10px;
		font-weight:bold;
	}
	
	.longuage_style
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size:12px;
	}
	
	.subtract_style
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size:13px;
		color:#FFFFFF;		
	}
	
/* ************* main layout alignment of all contant ***************************/
	
	#main
	{
		width:830px;
		padding:0px;
		border:0px;		
		margin:0px auto;
		position:absolute;
		width:100%;
		height:100%;
		left:0px;
		top:0px;	

	}
	
	#top_header
	{
		background-color:#0099CC;
		width:830px;
		height:20px;
		margin:0px auto;				
	}
	
	#white_contant
	{
		width:790px;
		padding:0px 20px 0px 20px;
		background-color:#FFFFFF;	
        margin:0px auto;
		height:100%;
	}
	
	#wraper
	{
		width:760px;			
		background-color:#cfc8c1;
		padding:0px 15px 15px 15px;
		height:100%;
				
	}
	
	#layer
	{
		width:760px;	
	}
/* ************* main layout alignment of all contant ***************************/	

	/* head with compnay logo and baner */	
	
	#header{
		width:760px;
		height:89px;					
	}
		
		#logo{ 			/* place the company logo	*/
			width:120px;
			height:89px;
			float:left;
		}
					
		#head_right_a
		{
			width:105px;
			height:89px;
			float:left;		
		}
		
		#head_right_b
		{
			width:288px;
			float:left;		
		}
		
		#head_right_c
		{
			width:230px;
			float:right;		
		}	
		
	/* ******************** end of header style ************************ */
	
	#footer_head
	{		
		width:760px;
		height:14px;
		
	}
	#footer_head_left
	{
		width:120px;		
		float:left;
	}
	#footer_head_rihgt
	{
		width:640px;		
		float:left;
	}		
	
	/* ***********************   --------------  Navigation styles  ****************    -------------*/
		
	#navigation
	{
		width:760px;
		height:150px;		
		padding:10px 0px 10px 0px;			
	}
	
	#main_navigation
	{ 			
		width:120px;				
		float:left;
		position:relative;
		left:-15px;	
	}
	
	.menu_li
	{
		list-style:none;		
	}		
	
	#navigation_middle
	{
		width:400px;
		float:left;
	}
	
	#navigation_right
	{
		width:200px;
		float:right;
	}		

	/* ----------- ************** links navigation start  ******************* ----------*/	
					
	#hyperlinks
	{			
		width:640px;
		height:20px;
						
		padding:5px 0px 5px 120px;			
		vertical-align:middle;				
	}
			
	/* end navigation */
	
	
	
	/* horizontal line of image*/

	#hr
	{	
		width:760px;
		height:14px;
		background-image:url(../images/hr_line.jpg);
		background-repeat:repeat-x;		
	}
	/* end */
	
	
	
	
	
	/* ******************************** start main contant  ****************************************/

	#main_contant
	{		
		width:760px;
		padding-top:10px;				
		padding-bottom:10px;
	}
	
	.main_contant_a
	{		
		width:760px;
		padding-top:10px;				
		
	}
	

	
	.main_contant_b
	{		
		width:760px;		
	}
	
	#left_main
	{
		width:118px;
		padding:0px 0 0 0;
		float:left;
	}
	
	.left_main_text
	{
		width:118px;
		
		float:left;
		color:#00a0c6;
		font-size:10px;
	}
	
	.blue
	{
	    color:#00a0c6;
		font-size:10px;
	}
	
	
	#right_main
	{
		width:640px;
		background-color:#FFFFFF;
		float:right;	
	}
	
	.right_main
	{
		width:640px;
		background-color:#FFFFFF;
		float:right;

		
	}
	
	#right_sub_header
	{
	    width:640px;
		background-color:#FFFFFF;
		float:right;
		height:65px;	
	}
	
	
	#col_a
	{
		width:193px;				
		padding:10px;
		height:410px;
		
		float:left;
	}
	
	#col_b
	{
		width:193px;				
		padding:10px;
		height:410px;
		float:left;
	}
	#col_c
	{
		width:193px;				
		padding:10px;
		height:410px;
		float:left;
	}
	#col_d
	{
		width:193px;				
		padding:10px;
		height:410px;
		float:left;
	}
	#col_e
	{
		width:193px;				
		padding:10px;
		height:410px;
		float:left;
	}
	
	.category_text{
	height:	130px;
	padding-bottom:5px;
	}	
	
	#flash_contant
	{
		width:760px;
		height:220px;
		
	}
	
	#txt_contant
	{
		width:760px;
		padding:0px;
	}
	
	.home_text_container
	{
		width:640px;
		padding-left:120px;
		padding-top:16px;

	}
	
	.home_text
	{
	
	font-family:   Helvetica, Arial, sans-serif;
	font-size:18px;    
    color:#ffffff;
	
	}
		
	#imagebox
	{
		width:190px;
		height:190px;
		border:1px solid #000;
		text-align:center;
		vertical-align:middle;
	}
		
	
	/* *********************** ----------- style for Proficiency Print ----------------- ****************************/
	
	#sction_contant
	{
		width:760px;
		background-color:#FFFFFF;
				
		float:left;	
	}
	
	.scetion_title
	{
		width:620px;
		padding:10px;
		font-size:24px;
		color:#00a0c6;
		height:50px;	
		font-size:0px;
	}	
	
	.scetion_title img{
	_margin-bottom:-4px; /*IE 6 FIX*/

	}
	
	.hr_2
	{
		width:620px;
		height:9px;
		margin-left:10px;
		margin-right:10px;
	}
	
	.hr_3
	{
	    width:620px;
		height:15px;
		margin-top:20px;
		margin-left:10px;
		margin-right:10px;
	}
	
	.hr_1
	{
		width:620px;
		height:9px;

	}
	
	#hr_x
	{
		width:760px;
		height:9px;
		
		margin-left:10px;
		margin-right:10px;
				
		background-image:url(../images/hr_2.gif);
		background-repeat:repeat-x;	
				
	}
	
	.section_details{
		width:640px;
		height:190px;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.section_row
	{
		width:760px;
		height:190px;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.section_details_left
	{
		width:190px;
		padding-left:10px;
		padding-right:10px;	
		
		float:left;	
	}	
	
	.section_details_middle
	{
		width:190px;
		padding-left:10px;
		padding-right:10px;		
		
		float:left;
	}
		
	.section_details_right
	{
		width:190px;		
		padding-left:10px;
		padding-right:10px;		
		
		float:right;
	}
	
	
	/* ******** end***************/
	
	
	/** **************** style for proficiency > Print > Selected Project > Zoom *************************/
	
	#zoom_details{
		width:640px;
		height:455px;		
		padding-top:10px;
		padding-bottom:10px;
	}
	
	#left_zoom
	{
		width:150px;		
		padding-left:10px;		
		padding-right:15px;
		float:left;
		overflow:hidden;
	}
	
	#selected_zoom
	{
		width:455px;
		height:455px;		
		padding-right:10px;
		float:right;
	}
	

	
	
	/* -------- end ----------*/
	
	
	/* ------------------------------ print_selected project file --------------------------*/
	
	.selected_project_details{
		width:640px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.link_title
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:# 3F2309;
	}
	
	.weblink
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:# 3F2309;
	}
	
	.services
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size:10px;		
		color:#999999;
		padding-top:10px;
	}
	
	#selected_project_txt
	{
		width:190px;
		height:190px;
		padding-left:11px;
		padding-right:11px;		
		float:left;
	}
	
	.selected_project_thm
	{
		width:190px;
		padding:10px 12px 0px 10px;		
		float:left;
	}
	
	.selected_project_thm_a
	{
		width:190px;
		height:190px;
		
		padding:10px 10px 0px 12px;		
		
		float:right;
	}
	
	.selected_project_thm_c
	{
		width:190px;
		height:190px;
		
		padding:10px 13px 0px 13px;		
		
		float:left;
	}
	
	#empty_height
	{
		height:247px;
	}
	
	#empty_height_b
	{
		height:234px;
	}
	
	#empty_height_c
	{
		height:30px;
	}
	

	.arrow_container
	{
		float:left;
		clear:both;
		position:relative;
		top:0px;
		
	}
	
	.arrow_container_l
	{
		float:left;
		clear:both;
		height:200px;
		position:relative;
	}
	
	.pading10px{
		padding-top:10px;
	}
	.padding6px{
		padding-top:6px;
	}
	/*-------------------------------------------end-----------------------------------------*/
	
	
	
	
	/*********************** end main contant *************************************/
	
	
	
	
	#marge
	{
		clear:both;	background:none;			
	}		
		
	#footer{
		width:800px;
		background-color:#0099CC;	
		padding:0px;
	}

.studio_content{
		padding-left:10px;
		padding-right:25px;
}

.studio_text{
font-size:16px;
line-height:20px;
font-family: Helvetica, Arial, Verdana, sans-serif;
color:#00a0c6;
}

.studio_link
{
font-size:12px;
font-weight:normal;
font-family: Helvetica, Arial, Verdana, sans-serif;
color:#634128;
}



/*   coda styles starts here*/


/* The slide-y content box thingy */

#frame, #frame div.button, #scroller, .section { height: 450px; }

#frame {
	overflow: hidden;
	margin: 0 auto;
	width: 450px;
	float:right;
	position:relative;
	}
	
#all_content
{
float:left;
}	
	
#frame div.button {
	position: absolute;
	top: 40%;
	}
	
#left
{
float:right;
padding-bottom:7px;
}

#right {
float:right;
padding-left:24px;
padding-bottom:7px;
}

#scroller {
	width: 450px;
	height:450px;
	float:left;
	margin: 0 auto;	
	overflow: hidden;
	}

#content {
	width: 900000px;
	}
	
.section {
	width: 450px;
	height:450px;
	float: left;
	background-color:#666666;
	}
	
#toolbar
{
visibility:hidden;
height:0px;
position:absolute;
left:0px;
top:0px;
}
/*   coda styles ends here*/

.level2{
padding-left:21px;
border-bottom:1px solid #CFC8C1;
background-color:#E7E4E0;
padding-top:2px;
padding-bottom:2px;
}

.top_home_nav{
border-bottom:1px solid white;
border-top:1px solid white;
padding-top:2px;
padding-bottom:2px;
padding-left:15px;
}

.top_selected_nav{
border-bottom:1px solid white;
padding-top:2px;
padding-bottom:2px;
padding-left:15px;
}

.top_proficiency_nav{
border-bottom:1px solid white;
padding-top:2px;
padding-bottom:2px;
padding-left:15px;
}