/* CSS Document */

html
{
height: 100%;
}

body {
		text-align: center; 
		background-image:url(../images/bgImg.gif);
		background-repeat:repeat-x;
		background-color:#DADCDE;
		background-position: 0 1pix; 
		margin:0px 0px; 
		padding:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px;
		height: 100%;
	} 
	
INPUT, textarea{

border: 1px #999999 solid;
border-left: 1px #999999 solid; border-top: 1px #999999 solid; padding: 2px;
}

.fromButton {
	
	background-color:#2286C5;
	border-left:1px solid #f3f5f6;
	border-top:1px solid #f3f5f6;
	border-right:1px solid #DADCDE;
	border-bottom:1px solid #DADCDE; 
	padding: 2px 2px 2px 2px;
	text-align:center;
	color:#FFFFFF; font-size:10px; font-weight:bold;
	}
.fromButton_hover {
	
	background-color:#1b6696;
	border-left:1px solid #DADCDE;
	border-top:1px solid #DADCDE;
	border-right:1px solid #f3f5f6;
	border-bottom:1px solid #f3f5f6; 
	padding: 2px 2px 2px 2px;
	text-align:center;
	color:#FFFFFF; font-size:10px; font-weight:bold;
	}
	
			
img{ 

	border:none;
	
	}
* {
	margin:0;
	padding:0;

	}
	
#topPage {

			width:830px;
			margin:0px auto 0px auto;
			text-align:left;
			}
			
#midPage {

			width:830px;
			margin:0px auto 0px auto;
			text-align:left;
			}
#botPage {

			width:830px;
			margin:0px auto 0px auto;
			text-align:left;
			clear:both;
			}
#header {
	width:830px;
	}

#footer{ 
	
	position:relative;
	width: 830px;
	min-height: 100%;
	margin-top: 5px; 
	margin-bottom: 5px;
	}
	
* html #footer
{
height: 100%; margin-top: 5px;
}
	
#leftshall {
	border-top:5px solid #383838;
	float:left;
	width:650px; 
	}
	
#rightshall {
	float:left;
	width:180px;
	height:65px;
	}
	
#header #leftshall .logo{ 
	float:left; 
	margin-top: 20px; 
	width:400; 
	}
	
#header #leftshall .slogan{
	float:right; 
	width:25opx; 
	margin-top: 50px; 
	}
	
.blu {color:#2688c7;}
.error{color:#FF0000;}
.white{color: #FFFFFF;}
br { clear: both; }
.heading { 

		color:#2286C5; 
		font-size:16px; 
		font-weight:bold;
		}
inputbox{

background: #FFFFFF; border: #EFEFEF solid 1px; color:#000000; height:20px;}
#error{color:#FF0000; text-align:center;}
		
#contain .address a{color:#FFFFFF; text-decoration: none;}
#contain .address a:hover{color:#FFFFFF; text-decoration: underline;}
/* ---------- Home -----------*/
#home #contain,{ position: relative; width:830px;}
#home #contain .leftshall {
	float:left;
	width:650px; 
	}
#home #contain .rightshall {
	float:right;
	width:175px;
	height:480px;
	}
#home #contain p {padding: 5px 5px 5px 5px; text-align:justify; }
#home #contain .homeImg {
	border: #5C839B dotted 1px; 
	background-color: #2286C5; 		
	background-image:url(../images/home_img.jpg);
	width:648px;
	height: 476px; 
	}
#home #contain .homeText{ width: 60%; color:#FFFFFF;}

	
/* ---------- Approach -----------*/
#approach #contain, {width:830px;}
#approach #contain .leftshall {
	float:left;
	width:648px; 
	
	}
#approach #contain .rightshall {
	float:right;
	width:175px;
	height:480px;
	
	}
#approach #contain p {padding: 5px 5px 5px 5px; text-align:left; }
#approach #inerpage {
	border: #B0B1B2 dotted 1px ; 
	background-color: #EDEDED;
	width:648px;
	height: auto; 
	text-align:center;  
	}
	
#approach #inerpage{min-height: 476px;}
*html #approach #inerpage {height: 476px;}
#approach #inerpage #contain .Img {
	width:650px;
	height: auto; 
	}
#approach #inerpage #contain .Img{min-height: 250px;}
#approach #inerpage #contain .address a{color:#00FF00; text-decoration: none;}
#approach #inerpage #contain .address a:hover{color:#00FF00; text-decoration: underline;}
#approach #inerpage .row {
	width:640px; height:310px; 
	margin-left: 8px;
	text-align:center; margin-bottom: 8px;
	}
#approach #inerpage #column02, #column03 {
						
						position:relative; 
						margin-bottom: 8px; 
						width: 209px; 
						float:left; 
						height:auto;
						border-bottom:#B0B1B2 dotted 1px;
						border-top:#B0B1B2 dotted 1px;
						border-right:#B0B1B2 dotted 1px; 
						}
#approach #inerpage #column01 {
						
						position:relative;
						margin-bottom: 8px;
						width: 210px; 
						float:left; 
						height:auto;
						border-bottom:#B0B1B2 dotted 1px;
						border-top:#B0B1B2 dotted 1px;
						border-right:#B0B1B2 dotted 1px;
						border-left:#B0B1B2 dotted 1px;  
						}
						
#approach #inerpage #column02, #column03 { min-height: 325px;}
#approach #inerpage #column01{ min-height: 325px;}
* html #approach #inerpage #column02, * html #column03 { height: 325px;}
* html #approach #inerpage #column01{ height: 325px;}
#approach #inerpage .V_line_dot{border-right:#5C839B dotted 1px;}
#approach .hover { background-color: #FFF; }

/* ---------- Product -----------*/
#product #contain, {width:830px; }
#product #contain .leftshall {
	float:left;
	width:648px; 
	}
#product #contain .rightshall {
	float:right;
	width:175px;
	height:480px;
	}
#product #contain  #inerpage p {padding: 5px 5px 5px 5px; text-align:left; }
#product #contain #inerpage {
	border: #B0B1B2 dotted 1px ; 
	background-color: #EDEDED;
	width:648px;
	height: auto; 
	text-align:center; margin-bottom: 8px;  
	}
	
#product #contain #inerpage{min-height: 476px;}
*html #product #contain #inerpage {height: 476px;}
#product #cont li { 
	list-style: none; 
	margin-bottom: 15px;
	text-align: left; 
	margin-left: 20px; 
	margin-right: 5px;
	}
	
/* ---------- Sketch Pad -----------*/
#pad #contain, {width:830px; }
#pad #contain .leftshall {
	float:left;
	width:648px; 
	}
#pad #contain .rightshall {
	float:right;
	width:175px;
	height:730px;
	}
#pad #contain  #inerpage p {padding: 10px 20px 10px 20px; text-align:left;}
#pad #contain #inerpage {
	border: #B0B1B2 dotted 1px ; 
	background-color: #EDEDED;
	width:648px;
	height: auto; 
	text-align:center; margin-bottom: 8px;  
	}
	
#pad #contain #inerpage{min-height: 730px;}
*html #pad #contain #inerpage {height: 730px;}
#pad #contain #inerpage .date {font-size:9px}
#pad #contain #inerpage .padHeading{font-size: 18px; font-weight:bold; color:#2688c7;}
#pad #contain #inerpage #more {width:100px; float:right; margin-right:20px;}

#pad #contain #inerpage a {
	
	color:#2286C5; font-weight:bold;
	text-decoration:none; border-bottom:dotted #333333 1px;
	}
	
#pad #contain #inerpage a:hover{

	color:#2286C5; font-weight:bold;
	text-decoration: none; border-bottom:#2286C5 1px solid;
	
	}
#pad #contain #inerpage #blog{ 

	border-bottom:3px double #CCC;
	width:620px;
	height: auto; 
	text-align:center; 
	margin:0px auto 10px auto;
	}

#pad #contain #inerpage #blog p {padding: 5px 5px 5px 5px; text-align:left;}

#blog form { margin: 10px 0 5px; }
#blog form div {  }
#blog form p { line-height: 1.4; }
#blog form p label {
	float: left;
	width: 100px;
}

#rightHeading{
	background-color: #00568C;
	padding: 5px 5px 5px 5px;
	width: 150px;
	display:block;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold; margin-bottom:5px;
	}
#cat {
margin-left: 0px;
}

#cat li{
	list-style: none;
	margin-bottom: 2px; margin-left:5px; 
	}
#cat li a{
	
	width: 150px; font-size:12px;
	text-align:left;
	color:#FFFFFF;
	text-decoration:none;
	}
	
#cat li a:hover{

	width: 150px;
	color:#001928;
	font-size:12px;
	text-align:left;
	text-decoration: underline;
	}
	
.blog {
	border: #DADCDE double 3px;
	background-color: #2286C5;
	padding: 5px 5px 5px 5px; 
	display:block; 
	}
	
/* ---------- Jobs -----------*/
#jobs #contain, {width:830px; }
#jobs #contain .leftshall {
	float:left;
	width:648px; 
	}
#jobs #contain .rightshall {
	float:right;
	width:175px;
	height:480px;
	}
#jobs #contain  #inerpage p {padding: 10px 20px 10px 20px; text-align:left;}
#jobs #contain #inerpage {
	border: #B0B1B2 dotted 1px ; 
	background-color: #EDEDED;
	width:648px;
	height: auto; 
	text-align:center; margin-bottom: 8px;  
	}
	
#jobs #cont {list-style: none; }
#jobs #cont li { 
	margin-bottom: 15px;
	text-align: left; 
	margin-left: 20px; 
	margin-right: 5px;
	}
	
#button {width:80px;}
	
#button a {
	
	background-color:#2286C5; 
	border: 1px outset #DADCDE;
	padding: 5px 5px 5px 5px;
	width: auto;
	display:block; 
	text-align:center;
	color:#FFFFFF; font-size:10px; font-weight:bold;
	text-decoration:none; margin-top: 5px;
	}
	
#button a:hover{

	background-color: #004570; 
	border-style: inset 1px #DADCDE;
	padding: 5px 5px 5px 5px;
	width: auto;
	display:block;
	color:#FFFFFF;
	font-weight:bold; font-size:10px;
	text-decoration:none; margin-top: 5px;
	}
	
 #buttonBig {width:80px; float:left; margin-left: 5px; }
	
	#buttonBig a {
	
	background-color:#2286C5; 
	border: 1px outset #DADCDE;
	padding: 5px 5px 5px 5px;
	width: auto;
	display:block; 
	text-align:center;
	color:#FFFFFF; 
	font-size:10px; 
	font-weight:bold;
	text-decoration:none; 
	margin-top: 5px;
	}
	
 #buttonBig a:hover{

	background-color: #004570; 
	border-style: inset 1px #DADCDE;
	padding: 5px 5px 5px 5px;
	width: auto;
	display:block;
	color:#FFFFFF;
	font-weight:bold; 
	font-size:10px;
	text-decoration:none; 
	margin-top: 5px;
	}
	

/* ---------- Contact Us -----------*/
#contact #contain, {width:830px; }
#contact #contain .leftshall {
	float:left;
	width:648px; 
	}
#contact #contain .rightshall {
	float:right;
	width:175px;
	height:480px;
	}
#contact #contain  #inerpage p {padding: 5px 5px 5px 5px; text-align:left;}
#contact #contain #inerpage {
	border: #B0B1B2 dotted 1px ; 
	background-color: #EDEDED;
	width:648px;
	height: auto; 
	text-align:center; margin-bottom: 8px;  
	}
#contact #contain #inerpage{min-height: 476px;}
*html #contact #contain #inerpage {height: 476px;}

#contact #contain #inerpage a {
	
	color:#2286C5; font-weight:bold;
	text-decoration:none; border-bottom:dotted #333333 1px;
	}
	
#contact #contain #inerpage a:hover{

	color:#2286C5; font-weight:bold;
	text-decoration: none; border-bottom:#2286C5 1px solid;
	
	}
#contact #contain #inerpage #blog{ 

	border-bottom:3px double #CCC;
	width:620px;
	height: auto; 
	text-align:center; 
	margin:0px auto 0px auto;
	}

#contact #contain #inerpage #blog p {padding: 5px 5px 5px 5px; text-align:left;}

#contact #blog form { margin: 5px 0 5px; }
#contact #blog form div {  }
#contact #blog form p { line-height: 1.4; }
#contact #blog form p label {
	float: left;
	width: 115px;
}


	
/* ---------- right Navigation -----------*/

#nav {
margin-left: 0px;
}
#nav li{
	list-style: none;
	margin-bottom: 5px; 
	}
#nav li a {
	
	background-color:#2286C5; 
	border: 3px double #DADCDE;
	padding: 15px 0px 5px 5px;
	width: 165px;
	display:block; 
	text-align:left;
	color:#FFFFFF; font-weight:bold;
	text-decoration:none;
	}
	
*html #nav li a {border: 3px double #2286C5;}
	
#nav li a:hover{

	background-color: #004570; 
	border-style: 3px double #DADCDE;
	padding: 15px 0px 5px 5px;
	width: 165px;
	display:block;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
*html #nav li a:hover {border: 3px double #004570;}
.open {

	background-color: #00568C;
	border: #DADCDE double 3px;
	padding: 15px 0px 5px 5px;
	width: 165px;
	display:block;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
*html .open {border: 3px double #00568C;}
.address {
	border: #DADCDE double 3px;
	background-color: #2286C5;
	padding: 5px 5px 5px 5px; 
	display:block; 
	font-size:10px; 
	color:#FFFFFF;
	}
	
.addressTitle{font-size:12px; font-weight:bold;}
	
.subheading{

	color:#383838; 
	font-size:14px; 
	font-weight:bold; 
	}