/* CSS file for SPG Website 2009-2010*/
/*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;
}
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 0px 0px 406px;
	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 0 20 chgd 0202 2010 <<<<<<<<<<<<<<<< */
}

#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;	
	
}

#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;
	
}

.welcomezone3_audio {                                   /* NOT USED.... added 0624 2010 <<<<<<<<<<<<<<<<<<*/
	text-align:left;
	padding:30px 30px 5px 50px;
	
}


.3rdLevelLinks {                /*added on 0211 2010  */
	width: 200px;
	padding:  0px 0px 0px 0px;
	margin: auto;
	
}

#welcomezoneleftAA {  /* added in 0211 2010  */
	width:370px;
	float:left;
	padding:0px 0px 0px 65px;
	text-align:left;
	background:#ffffff;  
}

#welcomezoneleft {
	width:370px;
	float:left;
	padding:0px 0px 0px 65px;
	text-align:left;
	background:#ffffff;  /* added in 0211 2010  */
}

#welcomezoneright {
	width:370px;
	float:left;
	padding:0px 0px 0px 65px;
	text-align:left;
}

#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;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>  FOOTER <<<<<<<<<<<<<<<<<<<<<<< */

#footer {
	font:6px Arial, Helvetica, sans-serif; /* changed to 6px on 07062010 --was 11px  was 12 px on 05132010 */
	text-align:left;
	color:white; /*#737373;*/
	background:#000000;
	height:120px; /* 80  60>>>>>>>>>>>    0223 2010   was 80 on 051310  */
/*	width:890px;  */
	padding:0px 10px 0px 10px;  /* was 30 0 0 0 , then 10 0 0 0   was 10 10 5 10 on 05132010*/
	margin: 0px auto;  /* was 0px auto on 05132010  */ 
}

#footer a:hover{
		color:blue;  /*#212121;  0223 2010 */
		text-decoration:none;
		}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>  <<<<<<<<<<<<<<<<<<<<<<< */

.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
#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;
}
                                         REMMED OUT THE ABOVE 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_side {                          / *      added 06 24 2010   */
	 padding: 0px 20px 0px 0px;
}
.player_layout{                          / *      added 06 24 2010   */
	 text-align:left;
}



/* end of css file  */