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

html, body{
	background: transparent url(../images/common/tile-striped.gif) top left repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; color:#808080; line-height:24px;
	}

/* COMMON LINK STYLES */
/* COMMON LINK STYLES */
/* COMMON LINK STYLES */
a:link, a:visited{
	color:#cccccc;
	text-decoration:none;
	}
	a:hover{
		text-decoration:underline; color:#ffffff;
		}
	
/* END COMMON LINK STYLES */
/* END COMMON LINK STYLES */
/* END COMMON LINK STYLES */


/* COMMON TEXT STYLES */
/* COMMON TEXT STYLES */
/* COMMON TEXT STYLES */
p{
	margin-bottom:18px;
	}
/* END COMMON TEXT STYLES */
/* END COMMON TEXT STYLES */
/* END COMMON TEXT STYLES */


/* COMMON LAYOUT STYLES */
/* COMMON LAYOUT STYLES */
/* COMMON LAYOUT STYLES */

div#pageWrap{
	background: transparent url(../images/common/tile-gradient.png) top left repeat-x;
	width:100%;
	}
	
	div#centeringWrap{
		width:942px; margin:0 auto;
		}
		
		/* Header */
		div#headerWrap{
			width:942px; height:128px;
			position:relative;
			}
			div#headerWrap a{
				font-size:12px; 
				position:absolute; top:105px; left:0;
				}
		
		/* Feature Images */	
		div#featureImageWrap{
			width:942px; height:358px;
			position:relative;
			}
			
			div#featureImage-left{
				width:540px; height:356px;
				border:1px solid #666666;
				position:absolute; top:0; left:0;
				}
			div#featureImage-right-top{
				width:390px; height:256px;
				border:1px solid #666666;
				position:absolute; top:0; left:550px;
				}				
			div#featureImage-right-bottom{
				width:390px; height:90px;
				border:1px solid #666666;
				position:absolute; bottom:0; left:550px;
				}
				
				/* rotator css */
				div.rotator ul li {
					float:left;
					position:absolute;
					list-style: none;
					z-index:0;
					}
				/* rotator image style */	
				div.rotator ul li.show{
					z-index:10;
					}								
					
					
		div#aboutWrap{
			width:940px;
			margin:10px 0 0 0;
			}
			div#aboutWrap h2.trigger {
				width:940px; height:40px;
				color:#4a4a4a;
				border:1px solid #666666;
				background:#4a4a4a url(../images/common/aboutButton.gif) left top no-repeat;
				}
			div#aboutWrap h2.trigger:hover {
				background:#5d0063 url(../images/common/aboutButton.gif) left -40px no-repeat;
				}
			div#aboutWrap h2.active {
				background:#4a4a4a url(../images/common/aboutButton.gif) left bottom no-repeat;
				}
			
		
		div#galleryWrap{
			width:940px;
			margin:10px 0 12px 0;
			}
			
			div#galleryWrap h2.trigger {
				width:940px; height:40px;
				color:#4a4a4a;
				border:1px solid #666666;
				background:#4a4a4a url(../images/common/viewButton.gif) left top no-repeat;
				}
			div#galleryWrap h2.trigger:hover {
				background:#5d0063 url(../images/common/viewButton.gif) left -40px no-repeat;
				}
			div#galleryWrap h2.active {
				background:#4a4a4a url(../images/common/viewButton.gif) left bottom no-repeat;
				} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

			h2.trigger a {
				width:940px; height:40px;
				display: block;
			}
			.toggle_container {
				width: 940px;
				border:1px solid #666666;
				border-top: none;
				background: #454545;
				overflow: hidden;
				clear: both;
				}
				div#aboutWrap .toggle_container .block {
					width:820px;
					margin:30px auto;
					}
				div#galleryWrap .toggle_container .block {
					width:820px;
					margin:30px 60px 30px 70px;
					}
					div#galleryWrap img{
						border:1px solid #666666; margin:0 20px 20px 0;
						}

		div#footerWrap{
			width:940px;
			position:relative;
			}
			div#copyright{
				position:absolute; top:0; left:0;
				color:#999999; font-size:12px;
				}
			div#credit{
				position:absolute; top:0; right:120px;
				color:#666666; font-size:12px;
				}
			div#caldwellCreative{
				position:absolute; top:3px; right:0;
				}
										



/* END COMMON LAYOUT STYLES */
/* END COMMON LAYOUT STYLES */
/* END COMMON LAYOUT STYLES */