@charset "utf-8";
/* CSS Document */

/*********************************************/
  /******  BODY & CONTAINER ELEMENTS  ******/
/*********************************************/

html,body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #4B4B4B;
	background: #86AEA0 url(../../images/body_bground.jpg) repeat-x top;
}

#container {
	width: 948px;
	margin: 0 auto 0 auto;
	text-align: left;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/*********************************************/
      /******  HEADER ELEMENTS  ******/
/*********************************************/

#head {
	width: 940px;
	height: 107px;
	margin: 0 4px;
	overflow: auto;
}

	#head img.logo {
		float: left;
		margin-top: 32px;
		border: none;
	}
	
	#head img.tag {
		float: right;
		margin-top: 28px;
	}

/*** Navigation ***/

#nav {
	width: 948px;
	overflow: auto;
	/*background-color:#00FFFF;*/
	font-size: 0.7em;
	letter-spacing: 0.1em;
}

#nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#nav li {
		float: left;
		margin: 0;
		padding: 0;
	}
	
	#nav a {
		display: block;
		padding: 4px 0 3px 0;
		color: #fff;
		text-decoration: none;
	}
	
	#nav a.current {
		text-decoration: underline;
	}
	
	
		#nav li.home {
			background: #194659 url(../../images/btn_hm_left.jpg) no-repeat top left;
		}
		
			#nav li.home a {
				padding: 11px 18px 8px 18px;
				background: url(../../images/btn_hm_right.jpg) no-repeat top right;
			}
			
			#nav li.home a:hover {
				color: #BAC8CE;
				text-decoration: underline;
			}
		
		#nav li.examples {
			background: #602240 url(../../images/btn_exmp_left.jpg) no-repeat top left;
		}
		
			#nav li.examples a {
				padding: 11px 18px 8px 14px;
				background: url(../../images/btn_hm_right.jpg) no-repeat top right;
			}
			
			#nav li.examples a:hover {
				color: #D0BDC6;
				text-decoration: underline;
			}
			
		#nav li.contact {
			background: #8C2F1B url(../../images/btn_con_left.jpg) no-repeat top left;
		}
		
			#nav li.contact a {
				padding: 11px 18px 8px 14px;
				background: url(../../images/btn_con_right.jpg) no-repeat top right;
			}
			
			#nav li.contact a:hover {
				color: #E3C5BF;
				text-decoration: underline;
			}
		
	#top-shadow {
		height: 4px;
		width: 948px;
		margin-top: -4px;/**/
		background: url(../../images/top_shadow.png) no-repeat;
		overflow: hidden;
	}	
	.ie6 #top-shadow {
 		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top_shadow.png', sizingMethod='crop');
  		background: none;
	}/**/
	
/*********************************************/
      /******  CONTENT ELEMENTS  ******/
/*********************************************/

h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 28px;
}

	#home h1 {
		color: #2E7C85;
	}
	
	#examples h1 {
		color: #983665;
	}
	
	#contact h1 {
		color: #C95D49;
	}

#content {
	width: 948px;
	/*background-color:#00FFFF;*/
	background: #fff url(../../images/shadow_left.gif) no-repeat top left;
}

#content-inner {
	width: 944px;
	margin-left: 4px;
	/*background-color:#00FFFF;*/
	background: url(../../images/shadow_right.gif) no-repeat top right;
	padding: 10px 0;
}

#column-container {
	width: 920px;
	overflow: auto;
	/*background-color:#00FFFF;*/
	margin: 0 10px 10px 10px;
}

	#home #column-container {
		background: #097784 url(../../images/right_column_home.jpg) repeat-x bottom;
	}
	
	#examples #column-container {
		background: #983665 url(../../images/right_column_examples.jpg) repeat-x bottom;
	}
	
	#contact #column-container {
		background: #CA5E4A url(../../images/right_column_contact.jpg) repeat-x bottom;
	}

#left-column {
	float: left;
	width: 472px;
	/*min-height: 498px;*/
	padding: 42px 40px 60px 40px;
	background-color: #fff;
}

	#left-column p {
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	#home #left-column p.para-bottom {
		margin-bottom: 0;
	}

	#home #left-column {
		border-top: 1px solid #CCE1E4;
		border-left: 1px solid #CCE1E4;
		border-bottom: 1px solid #CCE1E4;
	}
	
		#home #left-column p.intro {
			color: #076873;
		}
	
	#examples #left-column {
		border-top: 1px solid #DFC4D0;
		border-left: 1px solid #DFC4D0;
		border-bottom: 1px solid #DFC4D0;
	}
	
		#examples #left-column p.intro {
			color: #983665;
		}
		
	#contact #left-column {
		border-top: 1px solid #E7BDB6;
		border-left: 1px solid #E7BDB6;
		border-bottom: 1px solid #E7BDB6;
	}
	
		#contact #left-column p.intro {
			color: #C95D49;
		}

#right-column {
	width: 367px;
	float: right;
	/*min-height: 500px;
	background-color: #FF00FF;*/
	color: #fff;
}

#right-column p {
	font-size: 0.7em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	padding: 0;
}

#right-column h2 {
	font-size: 24px;
	line-height: 22px;
	margin: 20px 0 5px 0;
	padding: 0;
}

#contact #right-column h2 {
	margin: 50px 0 15px 50px;
}
	
	#home #right-column a {
		color: #fff;
		text-decoration: none;
	}

div.item {
	width: 270px;
	margin: 50px 0 0 50px;
}

	#home div.item {
		overflow: hidden;
	}
	
	#examples div.item {
		border-bottom: 1px solid #91657A;
		margin-bottom: 50px;
	}
	
		#examples div.item a {
			color: #D0BDC6;
		}

#home div.image-container {
	width: 247px;
	height: 157px;
	background-color: #317E8B;
	/*background: #2F8792 url(../../images/img_container_bground2.jpg) repeat-x bottom;*/
	padding: 10px 10px 10px 10px;
	border: 1px solid #fff;
}

#examples div.image-container {
	width: 247px;
	height: 157px;
	background-color: #924C6D;
	/*background: #A35279 url(../../images/img_container_bground_exp2.jpg) repeat-x bottom;*/
	padding: 10px 10px 10px 10px;
	border: 1px solid #fff;
}

#right-column p.examples-url {
	padding: 5px 0 8px 0;
	margin: 0;
	border-top: 1px solid #91657A;
}

#home #right-column p.examples-url {
	clear:both;
	width: 267px;
	margin-left: 50px;
	border-top: 1px solid #5D7E8A;
	border-bottom: 1px solid #5D7E8A;
	text-align: right;
}

	#home #right-column p a {
		text-decoration: underline;
		color: #C4D1D7;
	}
	
	#home #right-column p a:hover {
		color: #fff;
	}
/** Examples List Formatting begins **/
		
.examplelist {
	font-size: 0.7em;
}
		
ul.examplelist {
width: 20em;
margin: 20px 0 0 0;
padding: 0;
list-style-type: none;
}

.examplelist li {
	margin: 0;
	display: block;
	padding: 5px 0 5px 5px;
	border-bottom: 1px dotted #D3AFBF;/**/
}

.examplelist li.examples-hover {
	cursor: pointer;
	background-color: #FCF8FA;
	text-decoration: underline;
}

.examplelist li.examples-selected  {
	color: #924C6D;
	background-color: #F4ECF0;
	border-bottom: 1px solid #D3AFBF;
		/*padding-left: 10px;
		background: url(../../images/bullet_1.gif) no-repeat 0 0.45em;*/
}

.SpryHiddenRegion {
	display: none;
}

.loader {
	width: 267px;
	padding-top: 80px;
	text-align: center;
}



/*********************************************/
      /******  FOOTER  ******/
/*********************************************/

#footer {
	padding: 10px;
	margin: 0 14px 0 10px;
	color: #fff;
	font-size: 0.7em;
}

	#footer {
		padding: 10px;
	}
	
	#home #footer {
		background-color: #317E8B;
	}
	
	#examples #footer {
		background-color: #924C6D;
	}
	
	#contact #footer {
		background-color: #C36A59;
	}

	#footer p {
		margin: 0;
		padding: 0;
	}
	
	#bottom-shadow {
		height: 4px;
		width: 948px;
		background: url(../../images/bottom_shadow.gif) no-repeat;
		margin-bottom: 40px;
	}