/* CSS file for SPG Website 2009-2010*/
/* style_FOR_aic_0215.css - was stylebgROOK2.css */

body, ul, ol, p, li, hr {
	padding:0px;
	margin:0px;
	list-style:none;
}

body {
	font:12px Arial, Helvetica, sans-serif;
	color:#212121;
	background:#e5e5e5 url(../images/bg.gif) left top repeat-x;
}
a{color:#212121;
		text-decoration:underline;
		}
a:hover{text-decoration:none;
		}
div.text_align{text-align:left;
			}
#layout {
	width:925px;
	text-align:justify;
	line-height:20px;
	margin:0px auto;
	 /*background: #ffffff;  added 0215   */
}
h1, h2, h3, h4, h5{line-height:normal;
		}
#topzone {
	height:70px;
}

#topzoneleft {
	float:left;
	padding:33px 0px 0px 0px;
}

#topzoneright {
	float:right;
	width:322px;
}

#banner {
	height:189px;  /* 239*/
		/* background:url(../images/banner.gif) left top no-repeat;   CHANGED IMAGE*/	
	/* background:url(../images/banner_spg_925x171.jpg) left top no-repeat;*/
	background:url(../images/banner_126.jpg) left top no-repeat;	 
	}

#bannerblock {
	padding:25px 60px 0px 360px; /*25 0 0 406  0215 */
	text-align:right;
}

#logo {
	padding:0px 0px 30px 175px;
	text-align:left;
}

#bodycontainer {
	background:#ffffff;
	border:1px solid #bab9b9;
	margin:13px 0px 23px 0px;
	padding:20px 20px 20px 20px;  /* 20 20 20 20 0215 <<<<<<<<<<<<<<<< */
	 /* background:url('../images/bg_chessboard_rook_BW_930x554_80n40.jpg') left top;  added 0215  */
}

#welcomezone {
	text-align:center;
	padding:0px;    /* 0 0 10 0  0202 2010 */
	/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> added next line */
	/*background:url(../images/bg_chess_928x440_60.jpg) left top;*/
/*	background:url('../images/bg_chessboard_rook_BW_930x554_80n40.jpg') left top;	REMMED OUT 0211 2010*/
	
}

.welcomezone_aic {
	text-align:center;
	 padding: 0px 50px 0px 30px;   /* 0 0 10 0  0202 2010 */
	/*margin: 0px 100px 0px 100px;   added 0215 */
 
	
}

#welcomezone_long {
	text-align:center;
	padding: 20px 20px 20px 20px;    /* 0 0 10 0  chgd 0215 */
	/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> added next line */
	/*background:url(../images/bg_chess_928x440_60.jpg) left top;*/
 	background:url('../images/bg_chessboard_rook_BW_930x554_80n40.jpg') left top;	 
	}

#welcomezone_res {
	text-align:center;
	padding:0px 0px 0px 0px;    /* 0 0 10 0  0202 2010 */
	/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> remmed out next line 
	background:url(../images/bg_chessboard_rook_BW_930x554_80n40.jpg) left top;	*/
}

#welcomezone2 {    /* added 0202 2010 <<<<<<<<<<<<<<<<<<*/
	text-align:center;
	padding:30px 30px 5px 200px;
	/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> added next line */
	background:url(../images/bg_chessboard_rook_BW_930x554_80n40.jpg) left top;	
}

.welcomezone3 {                                   /* added 0202 2010 <<<<<<<<<<<<<<<<<<*/
	text-align:left;
	padding:30px 30px 5px 50px;
	
}
#welcomezone_long {
	text-align:center;
	padding: 20px 20px 20px 20px;    /* 0 0 10 0  chgd 0215 */
	/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> added next line */
	/*background:url(../images/bg_chess_928x440_60.jpg) left top;*/
 	background:url('../images/bg_chessboard_rook_BW_930x554_80n40.jpg') left top;	 
	}
	
.3rdLevelLinks {                /*added on 0211 2010  */
	width: 200px;
	padding:  0px 0px 0px 0px;
	margin: auto;	
}


#welcomezoneleft {
	width:370px;
	float:left;
	padding:0px 0px 0px 65px;   /*   0 0 0 65  0215 */
	text-align:left;
	background:#ffffff;  /* added in 0211 2010  */
}

#welcomezoneright {
	width:370px;
	float:left;
	padding:0px 0px 0px 65px;
	text-align:left;
}

#content_leftAA {  /* added in 0211 2010  */
	width:400px;   /* WAS 370 PX   0215 */
	  height:800px;       /*      was800px              0215  */
	float:left;
	padding:0px 50px 0px 5px;     /*0 0 0 65  0215 */
	text-align:left;
	/* background:#ffffff;   */
}

#content_rightBB {   /* added 0211 2010 8 pm */
	width:370px;
	 height:800px;             /*      0    0215 */
	float:right;           /*              was right 0215   */
	padding:0px 0px 0px 5px;  /* 0 0 0 65  0215 */
	text-align:left;
	/*background:#ffffff;   added 0215 */
}

#row2 {
	padding:0px 0px 15px 0px;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#communicationzone {
	width:267px;
	float:left;
	padding:0px 19px 0px 0px;
	border-right:1px dashed #b1b1b1;
	font: 12px; /* added */
	color:#00004F;  /* added */
}

#solutionzone {
	width:269px;
	float:left;
	padding:0px 19px 0px 19px;
	border-right:1px dashed #b1b1b1;
}

#developmentzone {
	width:267px;
	float:right;
	padding:0px 0px 0px 19px;
}

/* moved header specs from here 0331 */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>  <<<<<<<<<<<<<<<<<<<<<<< */

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

p.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

/*	Img Style Start Here  */

#bannerblock .readmore {
	text-align:right;
	padding:10px 0px 0px 0px;
}

.readmore {
	padding:10px 0px 0px 0px;
}

#welcomezone .readmore {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/hline.jpg) 0% 50% repeat-x;
}

#welcomezone .readmore a {
	background:#fff;
	padding:0px 5px 0px 5px;
}

/*	Img Style End Here  */

/*	Form Style Start Here  */

form.searchzone {     
	width:300px;  /* width:307px;  */
	height:40px;  /* was 30 */
	margin:10px 0px 0px 0px;   /*margin:0px 0px 0px 0px;  */
	padding:0px 0px 4px 0px;  /*padding:8px 0px 4px 15px;  CHANGED 127 FROM 5. . . TO 15*/
					/*background:#2f1a15 url(../images/searchbg.gif) left bottom no-repeat;*/
	background:#e5e5e5;  /*  url(../images/RyanC_head50x50.jpg) left bottom  no-repeat;  */
		float:right;
		font:bold 12px Arial, Helvetica, sans-serif;

}

/*  >>>>>>>>>>>>>>>>  remmed out >>>>>>>>>>>>>
.searchzone label {
	float:left;
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	display:block;
	margin:4px 5px 0px 0px;   /*margin:9px 5px 0px 0px;      */   
	padding:0px 0px 20px 0px;
	background:#e5e5e5 url(../images/searchicon.gif) 0px 7px no-repeat;  /* Added bg color of e5e5e5 */
}


 .searchzone input.txtbox {
	width:194px;
	height:19px;
	background:#fff;
	border:1px solid #acacac;
	float:left;
	margin:5px 10px 0px 0px;
}  

.searchzone input.gobutton {
	float:left;
	margin:5px 0px 0px 0px;
}  >>>>>>>>>>>>>>>>>>>>  remmed out <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*	Formtop Style End Here  */

/*	Text Style Start Here  */

#welcomezone h1 {
	font:30px Georgia, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px 0px 10px 0px;
	margin:0px;
}

.subheading {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ca6e23;
	display:block;
	padding:0px 0px 10px 0px;
}

#bannerblock .subheading {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#843d00;
	display:block;
	padding:0px 0px 10px 0px;
}

.bannerheading {
	font:25px Arial Narrow, Arial, Helvetica, sans-serif;
	color:#000000;
	display:block;
	padding:0px 0px 5px 0px;
}

.whitefont {
	color:#fff;
}

/*	Text Style End Here  */

/*	Menu Style Start Here  */

ul.topmenu {
	display:block;
}

.topmenu li {
	display:block;
	float:left;
	background:url(../images/menudevider.gif) right top no-repeat;
	list-style:none;
	padding:0px 5px 0px 0px;
	margin:0px;
}

.topmenu li a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#555555;  /*#4f4f4f;>>>>>>>>>>> chgd 0202-2010*/
	text-decoration:none;
	text-transform:capitalize;
	display:block;
	float:left;
	padding:0px 0px 0px 9px;
	background:url(../images/topmenuleft.gif) left top no-repeat;
}

.topmenu li a span {
	display:block;
	float:left;
	padding:4px 17px 10px 7px;
	cursor:pointer;
	background:url(../images/topmenuright.gif) right top no-repeat;
}

.topmenu li a:hover {
	color:navy; /* fff;  <<<<<<<<<<<<<< 0202 2010 */
	background:url(../images/topmenulefthover.gif) left top no-repeat;
}

.topmenu li a:hover span {
	background:url(../images/topmenurighthover.gif) right top no-repeat;
}

.topmenu li a.active{
	color:#fff;
	background:url(../images/topmenulefthover.gif) left top no-repeat;
}

.topmenu li a.active span {
	background:url(../images/topmenurighthover.gif) right top no-repeat;
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>> REMMED OUT THIS SECTION 0401 10
#footer ul {
	margin:0px;
	padding:0px 0px 5px 0px;
}

#footer ul li {
	display:inline;
	padding:0px 5px 0px 5px;
	border-right:1px solid #aeaeae;
}

#footer li a {
	font:11px Arial, Helvetica, sans-serif;
	color:#aeaeae;
	text-transform:capitalize;
	text-decoration:none;
}

#footer li a:hover {
	color:#e1e1e1;
}
>>>>>>>>>>>>>>>>>  END OF REMMED SECTION                 */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> FOOTER - moved footer section here 0331  */
#footer {  
	font:8px Arial, Helvetica, sans-serif; /* was 11px  --was 12 px on 5 12 10*/
	text-align:left;
	color:white; /*#737373;*/
	background:#000000;
	height:140px; /* 60 80 on 0331 120 on 5/13/10 */
	width:890px;  /* added on 0331 was 925 0401  */
	padding:10px 10px 15px 10px;  /* was 30 0 0 0 , then 10 0 0 0, then 10 10 5 10 on 0331  0401*/
	margin: 0px 0px 0px 0px;  /* was 0 0 0 0  0331   */
}

#footer a{color:#212121;
		text-decoration:underline;
		}
/*  end of moved footer section  */

ul.welcomelink {
	padding:20px 0px 0px 0px;
	margin:0px;
}

.welcomelink li {
	background:url(../images/servicedisc.gif) 0px 7px no-repeat;
	padding:0px 0px 5px 0px;
}

.welcomelink li a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#686868;
	background:url(../images/welcomedisc.gif) 0px 5px no-repeat;
	padding:0px 0px 0px 15px;
	text-decoration:none;
}

.welcomelink li a:hover {
	color:#b80000;
	background:url(../images/welcomedischover.gif) 0px 5px no-repeat;
}

ul.listlink {
	padding:5px 0px 0px 0px;
	margin:0px;
	color:#B35625;
	font: 12px Arial, sans-serif;  /* added this on 02 01  2010  */
}

.listlink li {
	background:url(../images/listdisc.gif) 0px 7px no-repeat;
	padding:0px 0px 5px 14px;
	color:#B35625;
 	font: 12px Arial, sans-serif;  /* added this on 02 01  2010  */
}

.listlink li a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#B35625;  /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>#a4540d;*/
	text-decoration:none;
}

.listlink li a:hover {
	color:#00004F;   /*#e5e5e5;*/
}

/*	Menu Style End Here  */

/* inner pages css start */
.aboutus-img{float:right; border:4px solid #fff;	margin:0 0px 10px 20px;}
h5{font-size:15px;font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #666;	margin:0px 0px 10px 0px;}
h6{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}

.project-img{float:right; margin-left:20px;	border: 6px solid #555;}
.project-img2{border: 6px solid #555;}  /* added 0202-2010  */

.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #666; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */

.Section1_contact{     /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> added this on 02 01  2010  <<<<<<<<<  */
	padding:5px 0px 0px 0px;
	margin:0px 200px 0px 200px;
	color:#555555;   /*#B35625;*/
	font: bold 18px Arial, sans-serif;
	
.question_form {    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> added this on 02 01  2010  <<<<<<<<<  */
	padding:25px 0px 0px 0px;
	margin:0px 100px 20px 100px;
	font:12px Arial;     /* added  0202 2010  <<<<<<<<<< */
	}
	
   /* .text_staff {        added 0202 2010 <<<<<<<<<<<<<<<<<<<   
	color:#555555; 
	font:18px Arial; 
	padding:  40px 0px 0px 0px;
	}*/
	
.audio_right {
 	padding:0px 0px 15px 0px;   /* was 0 0 15 100    chgd 0331 */
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:left;
}

.player_layout {            /* added 0215  */
	margin: 100px 0px 10px 0px;  /* was 10 0 10 0   0331  */
	text-align:left;   /* added 0331 */
}
  
.right_links {   /* added 0331  */
	padding: 0px 5px 0px 15px; 
	text-align:left;  /* added 0331  */

}

/* end of css file  */
