/***********************************************/
/* The Human Touch - Style Sheet  
HTML tag styles                             */
/***********************************************/ 

body{
	margin: auto;
	padding: 0px;
	width: 970px;
	background-color:#64C0D3;
	text-align: center;
	SCROLLBAR-FACE-COLOR: #f1f1f1; SCROLLBAR-HIGHLIGHT-COLOR: #f1f1f1; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #35b8b6; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	
}

html,body {
	height: 100%;
}

#container {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/bg_line.gif);
	background-color: #FFFFFF;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}


a{
	text-decoration: none;
	color: #35b8b6;
}

a img { border: none ; }

a:link{
color: #35b8b6;
	text-decoration: none;
}

a:visited{
color: #35b8b6; ;
}

a:hover{
color: #70D9F7; ;
}

a.one:link {
	color: #35b8b6;

}
a.one:visited {color: #35b8b6;}
a.one:hover {color: #70D9F7; }

a.two:link {color: #808040; text-decoration: none; font-weight: none;}
a.two:visited {color: #666666; text-decoration: none; font-weight: none;}
a.two:hover {color: #99CC33; text-decoration: none; font-weight: none;}

a.three:link {color: #999933; text-decoration: underline;}
a.three:visited {color: #cccccc; text-decoration: underline; }
a.three:hover {color: #999999; text-decoration: underline;}

h1{
	font-size: 18px;
	color: #35b8b6;
	padding: 0px;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
}

h2{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

h3{
	font-size: 14px;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
	color: #64C0D3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1f1;
	font-family: Arial, Helvetica, sans-serif;
}



ul{
	list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

p {
	text-align: left;
	line-height: 16px;
}


.large{
	font-size: 18px;
	color: #35b8b6;
	padding: 0px;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#masthead{
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 150px;
	border-bottom: solid 2px #ffffff;
}

#navBar{
	float: left;
	height: auto;
	width: 157px;
	background-color: #CEEBE9;
}

#mainImage{
	float: right;
	width: 812px;
	background-image:url(images/i_main2.jpg);
	height: 240px;
}

#hometext{
	float: right;
	width: 220px;
	margin-right: 20px;
}

#button {
	padding: 0 0 0px 0px;
	margin-left: 0px;
        }
		
#button table{
	width: 157px;
	font-family: Arial, Helvetica, sans-serif;
		color: #000066;
}

#button table td{
	background-color: #CEEBE9;

}

#button td a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #000066;
	text-decoration: none;
}
#button td a:hover {
	background-image: url(images/icon_nav.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #64C0D3;
	font-family: Arial, sans-serif;
	color: #71A3C6;
	font-size: 14px;
	text-align: left;
font-weight: lighter;
	text-decoration: none;
}
		
#button ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
	background-color: #DDF3F2;
	font-size: 14px;
	text-align: left;
	font-weight: lighter;
	line-height: 22px;
	margin: 0;
	padding: 0px 0px 0px 0px;
}
                
#button li {
	border-bottom: 1px solid #FFFFFF;
}
				
#button li a {
	display: block;
	padding: 2px 0px 4px 6px;
	v-align: middle;
	color: #003366;
	text-decoration: none;
	letter-spacing: 0.01em;
}


#button li a:hover {
	border-left: 0px solid #CEEBE9;
	padding: 2px 0px 4px 10px;
	color: #fff;
	background-color: #71CBD2;
	background-image: url(images/icon_nav.gif);
}

#content{
	float: left;
	width: 780px;
	padding: 0px 0px 10px 20px;
	moz-box-padding: 0px 20px 0px 0px;
	text-align: left;
	height: auto;
	background-color: #ffffff;
	border-left-color: #333333;
}

#content_home{
	float: right;
	width: 760px;
	moz-box-padding: 0px 20px 0px 0px;
	text-align: left;
	height: auto;
	margin: 0px 36px 10px 10px;
}
/************* #breadCrumb styles *************/


/*******************************************/
#navBarRightHold{
	float: right;
	border-left: solid 1px #CEEBE9;
	width: 200px;
	background-color: #fafafa;
}
#navBarRightHold table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding: 0px;

}
#navBarRightHold td{
		padding: 2px 0px 0px 2px;
			moz-box-padding:  0px 0px 0px 0px;
		border-bottom: solid 1px #CEEBE9;
}
.nbr a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #72CBD1;
	border: none;
}

#tablemain {
}

.tablemain td{
	border-bottom: solid 1px #CEEBE9;
		border-left: solid 0px #CEEBE9;
			border-right: solid 0px #CEEBE9;
		padding: 4px 1px 2px 4px;
		font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #fafafa;
	table-spacing: 4px;
	width: 200px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 0px;
	moz-box-padding: 0px;
	background-color: #FFFFFF;
}


/************* #globalNav styles **************/

#globalNav{
	font-size: 14px;
	background-image: url(images/globalnav.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	height: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#globalNav p{
	text-align: center;
	padding: 0px;
	color: #FFFFFF;
}

#globalNav a {
	padding: 0;
	color: #FFFFFF;
}

#globalNav a:hover {
	padding: 0;
	background-color: #97b1b7;
	color: #FFFFFF;
}








/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	width: 970px;
	font-size: 12px;
	background-color: #64C0D3;
	color: #CEEBE9;
	padding: 4px 0px 4px 0px;
	moz-box-padding: 0px;
	text-align: center;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
#FootLinks{
	clear: both;
	width: 970px;
	font-size: 14px;
	background-color: #012B7D;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	moz-box-padding: 0px;
	text-align: center;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0px 2px 0px;
	font-weight: lighter;
}

#siteInfo a{
	clear: both;
	font-size: 11px;
	color:  #DDF3F2;
	text-align: center;
}


.smalltxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 10px;
	border: none;
}
.smallstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #64C0D3;
	border: none;
	padding: 2px 0px 2px 2px;
	height: 20px;
}

.offers{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #cc0000;
	font-family: Arial, Helvetica, sans-serif;
}



.tablenorm {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px 0px 2px 0px;
	text-align: left;
}
.smallstyle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #012B7D;
}
.listone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	list-style-position: outside;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	line-height: 20px;
	list-style-image: url(images/icon_list.gif);
}
.listtwo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	line-height: 16px;
	list-style-image: url(images/icon_list.gif);
}

#offer{
padding: 10px;
border-top: solid 2px #cc0000;
border-bottom: solid 2px #cc0000;
background-color: #DDF3F2;
}

/*FORM*/


#mail {
	width: 700px;
	background-color:#DDF3F2;
	padding: 15px;
}



input[type="text"], textarea {

	}


#label1 {
	width: 170px;
	text-align: left;
	height: 30px;
	margin-top: 2px;
	margin-right: 20px;
	font-size: 14px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #35b8b6;
	font-weight: bold;
} 


#label {
	
	width: 150px;
	text-align: left;
		height: 30px;
	margin-top: 2px;
	margin-right: 40px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
		color: #495fa2;
		font-weight: bold;
} 

#field {
	
	width: 250px;
	text-align: left;
			float: left;
	font-family: Arial, Helvetica, sans-serif;
		color: #495fa2;
} 

#field5 {
	
	width: 250px;
	text-align: left;
			float: left;
	font-family: Arial, Helvetica, sans-serif;
		color: #495fa2;
		margin-top: 5px;
}   

#field4 {
	
	width: auto;
	text-align: right;
	margin-left: 20px;
	margin-top: 10px;
		float: left;
		}   

#field2 {
	
	width: 180px;
	text-align: right;
	height: 30px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
		color: #495fa2;
		background-color: #f1f1f1;
}

#field3 {
	
	width: 180px;
	text-align: right;
	margin: 8px 0px 0px 0px;
		float: left;
	font-family: Arial, Helvetica, sans-serif;
		color: #495fa2;
			background-color: #f1f1f1;
			padding: 10px 10px 4px 10px;
	
}


#row {
	
	width: 540px;
	height: 40px;
		background-color: #ffffff;
}

#row1 {
	width: 650px;
	height: 40px;
}

#row2 {
	width: 650px;
	height: 100px;
}


.button {
	width: 170px;
	margin-left: 180px;
	font-family: Arial, Helvetica, sans-serif;
		color: #495fa2;
		font-weight: bold;
		}
	



input[type="text"], textarea {
	width: 400px;
	-moz-opacity:0.7;
	filter:Alpha(Opacity=70);
	font-family: Arial, Helvetica, sans-serif;
	color: #495fa2;
	font-size: 12px;
}

input[type="text2"], textarea {
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	color: #495fa2;
	font-size: 12px;
	height: 100px;
}


div.spacer {
	clear: both;
}

/************** #image styles **************/

#images{
	float: right;
	margin-left: 10px;
	background-color: f1f1f1;
	padding: 5px;
	border: 1px solid #cbcbcb;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#caption{
	margin: 10px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #495fa2;
	font-size: 14px;
	float: left;
	width: 280px;
	font-weight: lighter;
	}

.imageright {
	clear: left;
	float: right;
	
}
.imageleft {
	clear: right;
	float: left;
	margin-right: 2px;
}


/*CSS FOR EXPAND/COLLAPSE TEXT ON SERVICES PAGE*/


.technology{ /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	margin: 10px 0;
	font-size: 12px;
	font-weight:lighter;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
}
.thelanguage{
padding: 0px 0px 12px 4px;
background-image: url(images/bg_expand.gif);
background-repeat:repeat-x;
background-position:bottom;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#003366;}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:#003366;
}