/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
a, a img                                { border: 0; text-decoration: none; outline: 0; }

#page-wrap                              { width: 1000px; padding: 0px; margin: 0px 0px; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }

ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font: 15px Arial; margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white;  letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           {  }
#textSlide h4                           { text-transform: uppercase; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }



/* JQUERY CAPTION CSS */
	.boxgrid{ 
				width: 1000px; 
				height: 400px; 
				
				float:left; 
				background:#161613; 
				/* border: solid 1px #000000; */
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid .imgbg{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					margin: 0px 0px 10px 0px; 
					color:#afafaf; 
					font-weight:bold; 
					font:0.8em "arial"; 
					text-align: justify;
				}
				.boxgrid a{ color: #ffffff; text-decoration: none; float: right; }
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 210px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				cursor: pointer;
				z-index: 20;
				top: 320px; 
 			}
 				.captionfull .boxcaption {
 					top: 270;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 270;
 					left: 0;
 				}
		h3 { font-size: 1.0em; margin: 6px 0px 6px 10px; color: #ffffff; }
		.boxes { height: 200px; padding: 3px; margin-bottom: 10px; border: solid 1px silver; }
		
		.leftcontent { float: left; clear: none; width: 1000px; }
		.rightcontent { float: right; clear: none; width: 220px; padding: 32px 10px; text-align: right; }