body {
	margin: 0;
	font-family: "Arial";
	font-size: 14px;
	line-height: 1.5;
	background: #c5c5c5 url('img/background_fade.jpg');
	background-repeat:repeat-x;
	text-align: center;
	background-color:#e5e5e5;
	
}

#container {
	margin: 5% auto 0 auto;
	display: block;
	width: 15px; 
}

.title {
	font-size: 30px;
	font-family: Georgia;
	font-style: italic;
	font-weight: bold;
	color: #161616;
	margin: 2em 0 1em 0;
	text-shadow: 0px 1px 0px #fff;
	display: block;
}

ul {
	margin-left: -5em;
}

#menu-css li, #menu-jquery li {
	display: inline;
	list-style: none; 
}


/* For jQuery Menu */

#menu-jquery li a {
	
	/* Border Radius */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	 width: 80px;
	
	/* Border Shadow */
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
	box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
			
	color: #ffffff;
	background: rgba(0,0,0,0.2);
	display: inline-block;
	padding: 5px 15px;
	outline: none;
	text-decoration: none;
	text-align: center;
	
}

	#menu-jquery li a:active {
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4); 
		box-shadow: 1px 1px 1px rgba(0,0,0,0.4); 
		
	}
	
a, a:visited {
	color: #161616;
	text-decoration: none;
	border: none;	
}
a:focus { outline: 0; }
a img { border: 0; }

/*Menu...*/
#description {margin-left:150px; width:510px;}
#page {padding:20px 0; width:100%;}
#menu {position:relative; top:0px; left:51px; display:none;}
/*dock styling...*/
/*...set the cursor...*/
#menu div.jqDock {cursor:pointer;}
/*label styling...*/
div.jqDockLabel {padding-bottom:8px; font-weight:bold; white-space:nowrap; color:red; cursor:pointer;}

/*box grid...*/
h3{ margin: 10px 10px 0 10px; color:red; font:20pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
h2{ margin: 10px 10px 0 10px; color:red; font:12pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
.boxgrid{ 
				width: 350px; 
				height: 200px; 
				float:left; 
				overflow: hidden; 
				position: relative; 
				padding:0px; margin:0px;
			}
				.boxgrid img{ 
					position: center; 
					top: 0; 
					left: 0; 
					border: 0; 
					padding:0px; margin:0px;
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color: #000; 
					font-weight:bold; 
					font:12pt "Lucida Grande", Arial, sans-serif; 
					padding:0px; margin:0px;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				height: 100px; 
				width: 100%; 
				opacity: .8;			
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				padding:0px; margin:0px;
 			}
 				.caption .boxcaption {
 					top: 135;
 					left: 0;						
 				}



