/* CSS Document */

body {
	background:url(../images/bg-index-page2.jpg) no-repeat;
	background-position:center top;
	margin:0px auto;
	font-family:Verdana;
	background-color:#000000;
}

.clear {
	clear:both;
	height:1px;
}

#wrapper {
	width:958px;
	margin:0px auto;
}

#header {
	height:200px;
	width:950px;
	margin:0px auto;
}
		#footer ul li.selected a {
				color:#FFFFFF;
				text-decoration:none;
			}

	#tags {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#8280A1;
		width:940px;
		height:24px;
		float:right;
		padding-right:10px;
	}
	
		#tags ul{
			list-style:none;
			margin:0px;
			padding:0px;
			padding-left:430px;
			padding-top:5px;
		}
		
		#tags ul li{
			padding-right:10px;
			display:inline;

		}
		
#tags ul li a {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
					color:#86A3B4;
			text-decoration:none;
			border-right:solid 1px #86A3B4;
			padding-right:8px;

		}
		
				
#tags ul li.last a {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
					color:#86A3B4;
			text-decoration:none;
			border:0;
			padding-right:0px;

		}
		
		
		
		#tags ul li a:hover{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#FFFFFF;

		}
		
		#tags ul li.selected a {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#FFFFFF;
		}

	#header-content {
		background:url(../images/bg-header.gif) no-repeat;
		background-position:top center;
		width:950px;
		height:177px;
		float:left;
	}
	
		#logo {
			width:600px;
			height:125px;
			float:left;
		}
		
		#top-menu {
			width:350px;
			height:125px;
			float:left;
		}
		
			#top-menu ul{
				list-style:none;
				margin:0px;
				padding:0px;
				padding-top:90px;
			}
	
			#top-menu ul li{
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				margin:0px;
				padding:0px;
				display:inline;
			}
			
			#top-menu ul li a{
				background:url(../images/icon-topmenu.gif) no-repeat;
				background-position:left center;
				color:#FFFFFF;
				padding-left:14px;
				padding-right:12px;
				text-decoration:none;
						font-weight:bold;
			}
			
			#top-menu ul li a:hover{
				background:url(../images/icon-topmenu-hover.gif) no-repeat;
				background-position:left center;
				color:#0099db;
				padding-left:14px;
				padding-right:12px;
				text-decoration:none;
			}
			
			#top-menu ul li.selected a{
				background:url(../images/icon-topmenu-hover.gif) no-repeat;
				background-position:left center;
						color:#0099db;
				text-decoration:none;
			}
			
		#main-menu {
			width:950px;
			height:52px;
			float:left;
		}
		
			#main-menu ul{
				list-style:none;
				margin:0px;
				padding:0px;
				padding-left:23px;
				padding-top:12px;
			}
			
			#main-menu ul li{
				display:inline;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				padding-right:8px;
				padding-left:8px;
				color:#FFFFFF;
				text-decoration:none;
				border-right:1px solid #FFFFFF;
			}
			
			#main-menu ul li.last{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#FFFFFF;
				text-decoration:none;
				border:0 none;
				padding-left:9px;
				margin:0px;
				display:inline;
			}
			
			#main-menu ul li a{
				color:#ccd9e7;
				text-decoration:none;
				font-weight:bold;
			}
			
			#main-menu ul li a:hover{
				color:#0099db;
				text-decoration:none;
			}
			
			#main-menu ul li.selected a{
				color:#0099db;
				text-decoration:none;
			}
	
	#banner {
		height:124px;
		margin:0px auto;
		padding:0px;
	}
	
	#content-wrapper {
		width:958px;
		float:left;
	}
	
		#left-panel {
			width:680px;
			margin:0px;
			padding-left:13px;
			padding-bottom:10px;
			float:left;
		}
		
			#feature {
				width:680px;
				float:left;
			}
			
			#feature-01 {
				width:226px;
				background:url(../images/bg-feature-01.gif) no-repeat;
				background-position:top center;
				height:175px;
				float:left;
			}
				#feature-01 .feature-content{
					width:172px;
					height:70px;
					float:left;
					margin-top:48px;
					padding-left:30px;
					font-family:Verdana, Helvetica, sans-serif;
					font-size:15px;
					color:#7AB3D4;
				}
				
				.feature-content a {
					color:#7AB3D4!important;
					text-decoration:none;
				}
				
				.feature-content a:hover {
					color:#7AB3D4;
					text-decoration:underline;
				}
				
				#feature-01 .more{
					width:172px;
					height:16px;
					float:left;
					padding-left:30px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#FFFFFF;
				}
					
					#feature-01 .more a{
						color:#FFFFFF;
						text-decoration:none;
					}
					
					#feature-01 .more a:hover{
						color:#FFFFFF;
						text-decoration:underline;
					}
			
			#feature-02 {
				width:221px;
				background:url(../images/bg-feature-02.gif) no-repeat;
				background-position:top center;
				height:175px;
				float:left;
			}
				
				#feature-02 .feature-content{
					width:172px;
					height:70px;
					float:left;
					margin-top:48px;
					padding-left:24px;
					font-family:Verdana, Helvetica, sans-serif;
					font-size:15px;
					color:#E8B77C;
				}
				
				#feature-02 .feature-content a {
					color:#E8B77C!important;
					text-decoration:none;
				}
				
				#feature-02 .feature-content a:hover {
					color:#E8B77C!important;
					text-decoration:underline;
				}
				
				#feature-02 .more{
					width:172px;
					height:16px;
					float:left;
					padding-left:24px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#FFFFFF;
				}
					
					#feature-02 .more a{
						color:#FFFFFF;
						text-decoration:none;
					}
					
					#feature-02 .more a:hover{
						color:#FFFFFF;
						text-decoration:underline;
					}
			
			#feature-03 {
				width:233px;
				background:url(../images/bg-feature-03.gif) no-repeat;
				background-position:top center;
				height:175px;
				float:left;
			}
			
			#feature-03 .feature-content{
					width:172px;
					height:70px;
					float:left;
					margin-top:48px;
					padding-left:25px;
					font-family:Verdana, Helvetica, sans-serif;
					font-size:15px;
					color:#C1E196;
				}
				
				#feature-03 .feature-content a {
					color:#C1E196!important;
					text-decoration:none;
				}
				
				
				#feature-03 .feature-content a:hover {
					color:#C1E196;
					text-decoration:underline;
				}
				
				#feature-03 .more{
					width:172px;
					height:16px;
					float:left;
					padding-left:25px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#FFFFFF;
				}
					
					#feature-03 .more a{
						color:#FFFFFF;
						text-decoration:none;
					}
					
					#feature-03 .more a:hover{
						color:#FFFFFF;
						text-decoration:underline;
					}
			
			#content {
				width:630px;
				float:left;
				background-color:#FFFFFF;
				padding:0px 20px 10px 30px;
			}
			
				#content h1{
					font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					color:#000000;
					padding:0px;
					margin:0px;
					padding-bottom:10px;
				}
				
				#content p{
					font-family:Verdana, Helvetica, sans-serif;
					font-size:12px;
					color:#000000;
					padding:0px;
					margin:0px;
					padding-bottom:10px;
					line-height:16px;
				}
		
		#right-panel {
			width:210px;
			margin-left:25px;
			float:left;
		}
		
			#service  {
				margin-top:40px;
				width:210px;
				float:left;
			}
			
			#service-01 {
				width:157px;
				float:left;
			}
			
			#service-02 {
				width:157px;
				float:left;
			}
			
			#service-03 {
				width:157px;
				float:left;
			}
			
			#service-04 {
				width:157px;
height:120px;
				float:left;
			}

				#service .click {
					width:157px;
					height:16px;
					float:left;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#FFFFFF;
				}
				
					#service .click a{
						color:#FFFFFF;
						text-decoration:none;
					}
					
					#service .click a:hover{
						color:#FFFFFF;
						text-decoration:underline;
					}
				
				#service .line-separator {
					height:1px;
					float:left;
					padding-top:10px;
					padding-bottom:20px;
				}
				
		#footer {
			background-color:#131313;
			width:958px;
			height:77px;
			float:left;
		}
		
			#footer ul{
				list-style:none;
				float:left;
				margin:0px;
				padding:0px;
				margin-top:28px;
				padding-left:50px;
			}
			
			#footer ul li{
				font-family:Verdana, Helvetica, sans-serif;
				font-size:11px;
				color:#0C4768;
				display:inline;
				padding-right:20px;
			}

			
			#footer ul li a{
			color:#86A3B4;
				text-decoration:none;
			}
			
			#footer ul li a:hover{
				color:#FFFFFF;
				text-decoration:none;
			}
		#content h1{
					font-family:Verdana, Helvetica, sans-serif;
					font-size:15px;
					color:#007DC6;
					padding:0px;
					margin:0px;
					
					padding-bottom:20px;
					line-height:20px;
					font-weight:normal;
				}
				
				#content h2{
					font-family:Verdana, Helvetica, sans-serif;
					font-size:14px;
					color:#00AEEF;
					padding:0px;
					margin:0px;
					padding-bottom:10px;
					line-height:18px;
				}
				
				#content h3{
					font-family:Verdana, Helvetica, sans-serif;
					font-size:13px;
					color:#515150;
					padding:0px;
					margin:0px;
					padding-bottom:10px;
					line-height:18px;
				}
				
				#content h4{
					font-family:Verdana, Helvetica, sans-serif;
					font-size:12px;
					color:#515150;
					padding:0px;
					font-weight:bold!important;
					margin:0px;
					padding-bottom:10px;
					line-height:18px;
				}
				
				#content p{
					font-family:Verdana, Helvetica, sans-serif;
					font-size:12px;
					color:#515150;
					padding:0px;
					margin:0px;
					padding-bottom:10px;
					line-height:18px;
				}
				
				#content a, a:visited{
					color:#ED1C24;
					text-decoration:none;
				}
				
				#content a:hover{
					color:#F7941E ;
					text-decoration:none;
				}
				
				#content ul{
					list-style-type:circle;
					padding:0px;
					margin:0px;
					padding-bottom:20px;
				}
				
				#content ul li{
					font-family:Verdana, Helvetica, sans-serif;
					font-size:12px;
					color:#515150;
					margin-left:25px;
					padding-bottom:10px;
				}