/* CSS DISPLAY SCREEN ARRK GROUP */

/* ---------- 1.0 MISC ---------- */

*   {
	padding:0;
	margin:0;
	border:0;
	}
	
body {
	text-align:center;
	padding:14px 0 40px 0;
	margin:0;
	}
	
.end {
	clear:both;
	list-style:none;
	font-size:1em;
	text-indent:-2000em;
	line-height:0;
	display:block;
	padding:0;
	margin:0;
	}

#container {
	width:940px;
	margin:0 auto;
	position:relative;
	z-index:5;
	text-align:left;
	}


.skipContent {
	position:absolute;
	top:-100px;
	z-index:100;
	}

/* ---------- 2.0 TOP LINKS ---------- */

#topLinks{
	position:absolute;
	right:0;
	top:-24px;
	}

#topLinks li {
	list-style:none;
	display:block;
	}
	
/* ---------- 3.0 HEADER ---------- */

#header {
	padding-left:9px;
	}
	
h1 {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	width:148px;
	height:69px;
	float:left;
	}

h1 a {
	width:148px;
	height:69px;
	display:block;
	text-decoration:none;
	cursor:pointer;
	background:url(../../images/arrk_logo.gif) 0 0 no-repeat;
	}

	/* ---------- 3.1 MAIN MENU ---------- */

	#menu {
		width:750px;
		float:right;
		}
	
	#menu ul {
		padding:42px 20px 0 0;
		text-align:right;
		}
	
	#menu h3 {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		position:absolute;
		left:0;
		}
		
	#menu li {
		display:inline;
		float:left;
		}

	/* ---------- 3.2 SUBMENU ---------- */
	
	#submenu {
		width:931px;
		clear:both;
		}
		
	#submenu h3 {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		position:absolute;
		left:0;
		}
		
	#submenu ul {
		padding:11px 14px 9px 10px;
		text-align:right;
		background:url(../../images/submenu_repeat_y.gif) 100% 0 repeat-y;
		}

	#submenu li {
		display:inline;
		}
	



/* ---------- 4.0 COLRIGHT ---------- */

#colRight {
	width:682px; 
	float:right;
	padding-top:30px;
	}

	/* ---------- 4.1 YOU ARE HERE ---------- 
	
	#youAreHere {
		padding:10px 0 25px 0;
		}
	
	*/

	
	/* ---------- 4.2 CONTENT ---------- */
	
	#content 
	{
		width:682px;
		}
		
		
		 /*---------- 4.2.1 MAIN CONTENT ---------- */

		#main .blockWrapper, #main .testimonial, #main .podcast  {
			margin-bottom:2.4em;
			padding-right:75px;
			}
		
			/*---------- 4.2.1.1 TESTIMONIALS---------- */
			
			#main .testimonial {
				padding:30px 75px 30px 15px;
				border-top: 1px solid #313131;
				border-bottom: 1px solid #313131;
				}

			/*---------- 4.2.1.2 PODCAST---------- */
			
			#main .podcast {
				background:url(../../images/podcast/pod_j_howiston.jpg) 0 0 no-repeat;
				margin:30px 0 0 0;
				padding:0 75px 85px 215px;
				}
				
				
			/* ---------- 4.2.1.3 NAVIGUATION PAGES ---------- */
			
			
			/* ---------- 4.2.1.4  EXPANDED CONTENT ---------- */
			
			.expandedContent {
				padding-left:25px;
				margin-bottom:2em;
				display:none;
				}
				
			.expandedContent dl {
				margin-bottom:2em;
				}

			.expandedContent dd {
				margin-bottom:0.6em;
				}
			
			
			
			
		
		/* ---------- 4.2.2 BOXES ---------- */
	
		#content .boxes li {
			display:block;
			float:left;
			width:329px;
			background:#151515;
			border:1px solid #313131;
			position:relative;
			padding-bottom:30px;
			margin-bottom:30px;
			}

		#content .boxes li.boxLeft {
			margin-right:16px;
			}
		
		
	/* ---------- 4.3 INTRO ---------- */
			
	#intro {
		width:937px;
		height:398px;
		border:1px solid #313131;
		background:url(../../images/splash_bg_new.jpg) 0 100% no-repeat;
		margin-top:30px;
		/*padding:15px 15px 220px 15px;*/
		font-family:Arial, Helvetica, sans-serif;
		}
    #intro h2
    {
		font-family:"Trebuchet MS",Arial,Tahoma,Verdana;
		color:#AC00F1;
        padding-top:27px;
        padding-left:76px;
        font-size:2.3em; 
        }
        
        #intro p
        {
		font-family:"Trebuchet MS",Arial,Tahoma,Verdana;
		color:#999999;
		width:470px;
        padding-top:15px;
        padding-left:76px;
        font-size:1.3em; 
        }

	#intro .colLeft {
		width:285px;
		padding-left:56px;
		float:left;
		}

	#intro .colRight {
		width:540px;
		float:right;
		}
	#intro div.btnList
	{
		padding-top:1px;
        padding-left:70px;
        
		}
	#intro .direction li {
		list-style:none;
		margin-bottom:15px;
		width:400px;
		}			
/* ---------- 5.0 COLLEFT ---------- */	

#colLeft {
	padding:101px 47px 0 0;
	width:208px;
	float:left;
	}		
	
#colLeft .blockWrapper {
	margin-bottom:25px;
	}


	/* ---------- 5.1 IN DETAILS  ---------- */
	
	.inDetails, .relatedLinks {
		margin-bottom:25px;
		}


/* ---------- 6.0 SUMMARY ---------- */

	#summary1 {
		width:940px;
		background:url(../../images/footer_customer_repeat.png) 0 0 repeat-y;
		font-family:Arial, Helvetica, sans-serif;
		}

	#summary2 {
		background:url(../../images/footer_customer_top.png) 0 0 no-repeat;
		padding:15px 0 15px 0;
		}

	#summary2 .colRight {
		width:300px;
		float:right;
		padding:0 15px 0 20px;
		}

	#summary2 .colLeft {
		width:235px;
		float:left;
		padding:0 25px 0 20px;
		}

	#summary2 .colCenter {
		width:300px;
		float:left;
		
		}
	#customer #summary2 #flashTeam {
		width:645px;
		}
	#summary2 ul {
		margin:0 0 20px 15px;
		}



/* ---------- 7.0 MEMBERSHIP ---------- */	

	#membership {
	width:918px;
	border:1px solid #313131;
	height:60px;
	margin-top:10px;
		}

	#customer #membership {

		}

	#membership dd {
		float:left;
		padding:4px 13px 0 13px;
		width:auto;         /* -- Anagha added on June 16, 2007 to solve Architect home client logo defect*/
	}

	#membership dt {
		padding-top:9px;
		padding-right:50px;
		padding-left:50px;
	}
		#membership dt.customer {
		padding-left:16px;
	}



			
/* ---------- 8.0 FOOTER ---------- */				
			
		
#footer {
	background:url(../../images/footer.jpg) 100% 0 no-repeat;
	width:940px;
	margin-top:50px;
	float:right;            /* Anagha on June 18, 2007 for Contact Us problem*/
	}

#home #footer, #customer #footer {
	margin-top:0;
	background:none;
	}
	
	
	/* ---------- 8.1 COLRIGHT ---------- */	
	
	#footer .colRight 
	{
		width:680px;
		float:right;
		padding:10px 0 0 0;
		}

	
		/* ---------- 8.1.1 TALK TO JHON ---------- */

		.talkToJohn {
			padding-left:358px;
			margin-bottom:75px;
        /*    float:right;             Anagha on June 18, 2007 for Contact Us problem*/
			}
			

		#home .talkToJohn {
			padding:25px 0 0 372px;/*25px 0 0 249px - 350px to 377px*/
			margin:0;
			}
			
        #home .talkToJohn dd.telIndia a
        {
            color:#fff;
        }

		#customer .talkToJohn {
			padding:0;
			margin:0;
			}
		
		
		
		/* ---------- 8.1.2 LINKS FOOTER ---------- */

		#footerLinks {
			text-align:right;
			}

		#footerLinks li {
			display:inline;
			list-style:none;
			}


		
			/* ---------- 8.2 COLLEFT ---------- */	
	
	#footer .colLeft {
		width:208px;
		float:left;
		padding:0 50px 0 0;
		}
	
	
		


/* Arrk Addresses styles*/

#main .address h3
{
    color: #B200F9;
    font-size: 160%;
}
.address table
{
    font-family:Verdana;
 /*   border-color:White;
    border-style:solid;
    border-width:thin;
    padding:5px;*/
}

.address table td 
{
    font-family:Verdana;
    padding:0px;
}

.address table th 
{
    font-family:Verdana;
    padding:2px;
}
.c1
{
    width:300px;
}

/* ----- Login styles ---- */
#loginContainer
{
	float:right;
}