/* SDS Web Site Format
Author:	Andy Waschick
Version:	2009.11.10  */

/* Gestalt system required CSS definitions */
@import url("gestalt.css");  

/* Main styles */
body, html  {
	margin: 0px; 
	padding: 0px; 
	background-color: #fff; 	
	color: #444; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px; 
	text-align: center; 
	}

h1 {
	font-size: 16px; 
	}

#fixed-origin {
	position: fixed; 
	top: 0px; 
	right: 0px; 
	width: 100%; 
	height: 100px; 
	}

.bg-purple {
	background-color: rgb(187,43,138); 
	}
	
.bg-red {
	background-color: rgb(205,41,45); 
	}

.bg-green {
	background-color: rgb(118,188,55); 
	}

.bg-teal {
	background-color: rgb(0,171,182); 
	}

.galleryprompt {
	color: #555; 
	font-size: 12px; 
	position: relative; 
	top: 8px; 
	}

.page {
	position: relative;
	margin: 0 auto;
	width: 100%;
	top: 0px; 
	}

	#page_fixed {
		position: absolute; 
		left: 0px; 
		top: 0px; 
		height: 100px; 
		}
		
	#page_scroll {
		position: absolute; 
		left: 0px; 
		}
		
	.wrapper {
		margin: 0px; 
		padding: 0px; 
		line-height: 20px; 
		width:1000px; 
		padding-bottom: 30px; 
		}
		
		#wrapper_fixed {
			height: 100px; 
			}
		
		#wrapper_fixed.portfolio {
			padding-bottom: 0px; 
			}
			
		#wrapper_fixed.portfolio-home {
			padding-bottom: 0px; 
			}
			
		#wrapper_scroll {
			}
		
		.main {
			text-align: left;
			width:1000px;
			}
			
			#main_fixed {
				height: 100px; 
				}
				
				#main_fixed #blackgap {
					position: absolute; 
					right: 0px; 
					left: 1000px; 
					top: 0px; 
					height: 590px; 
					background-color: #000; 
					}
				
				#main_fixed #banner {
					position: absolute; 
					width: 800px; 
					left: 200px; 
					top: 0px; 
					height: 140px; 
					background-color: #000; 
					}
					
					#main_fixed #banner #logo {
						position: absolute; 
						left: -200px; 
						bottom: 0px;
						width: 450px; 
						height: 200px; 
						}
						
					#main_fixed #banner #navigation {
						position: absolute; 
						left: 525px; 
						top: 86px; 
						width: 275px; 
						height: 54px; 
						overflow: hidden; 
						}
						
						#main_fixed.home #banner #navigation {
							background-color: rgb(0,171,182); /* teal */ 
							}
							
						#main_fixed.process #banner #navigation {
							background-color: rgb(118,188,55); /* green */ 
							}
						
						#main_fixed.portfolio #banner #navigation {
							background-color: rgb(244,117,33);  /* orange */
							}
							
						#main_fixed.portfolio-home #banner #navigation {
							background-color: rgb(244,117,33);  /* orange */
							}
							
						#main_fixed.studio #banner #navigation {
							background-color: rgb(187,43,138); /* purple */ 
							}
							
						#main_fixed.contact #banner #navigation {
							background-color: rgb(205,41,45); /* red */
							}
							
						#main_fixed.blog #banner #navigation {
							background-color: rgb(0,171,182);  /* teal */ 
							}
						
						#main_fixed #banner #navigation .content {
							color: #000; 
							text-transform: uppercase; 
							position: relative; 
							top: 2px; 
							left: 17px; 
							font-size: 11px; 
							width: 500px; 
							}
							
							#main_fixed #banner #navigation .content ul {
								margin-left: auto; 
								margin-right: auto; 
								padding: 0px; 
								}
								
								#main_fixed #banner #navigation .content ul li {
									float: left; 
									list-style-type: none; 
									margin-right: 8px; 
									}
									
							#main_fixed #banner #navigation .content a {
								text-decoration: none; 
								color: #000; 
								}
								
								#main_fixed #banner #navigation .content a:hover {
									color: #fff; 
									}
								
								#main_fixed #banner #navigation .content .selection a {
									color: #fff; 
									}
									
					#main_fixed #banner #secondary-navigation {
						position: absolute; 
						left: 420px; 
						top: 22px; 
						width: 375px; 
						height: 80px; 
						text-align: right; 
						}
						
						#main_fixed #banner #secondary-navigation .content {
							font-size: 11px; 
							}
							
							#main_fixed #banner #secondary-navigation .content a {
								color: #fff; 
								text-decoration: none; 
								}
								
								#main_fixed #banner #secondary-navigation .content a:hover {
									color: #eee; 
									text-decoration: underline; 
									}
						
				#main_fixed #bodyblock {
					position: absolute; 
					left: 0px; 
					top: 140px; 
					width: 725px; 
					height: 450px; 
					}
					
					#main_fixed.blog #bodyblock {
						width: 10px; 
						}
					
					#main_fixed #bodyblock #pluscolumn {
						position: absolute; 
						top: 0px; 
						left: 0px;
						width: 200px; 
						height: 450px; 
						background-image: url('/templates/sds/pix/sds-side-pattern.gif'); 
						background-position: -2px 6px; 
						background-repeat: repeat-y;
						}
						
						#main_fixed.blog #bodyblock #pluscolumn {
							display: none; 
							}
				
					#main_fixed #article {
						position: absolute; 
						top: 0px;
						left: 725px; 
						width: 275px; 
						height: 420px; 
						font-family: arial,helvetica,sans-serif; 
						font-size: 12px; 
						line-height: 22px; 
						color: #000; 
						background-color: #fff; 
						padding-bottom: 30px; 
						overflow: auto; 
						}
						
						#main_fixed #article .content {
							margin: 20px; 
							}						
							
							#main_fixed #article .content .special-title {
								background-color: #000; 
								color: #fff; 
								margin-left: -17px; 
								padding-top: 3px; 
								padding-bottom: 3px; 
								padding-left: 17px; 							
								}
								
								#main_fixed #article .content .special-title a {
									color: #fff !important; 
									text-decoration: none; 
									}
									
									#main_fixed #article .content .special-title a:hover {
										color: rgb(0,171,182); 
										}
									
							#main_fixed #article .content .special-title-selected {
								background-color: rgb(0,171,182); 
								color: #fff; 
								margin-left: -17px; 
								padding-top: 3px; 
								padding-bottom: 3px; 
								padding-left: 17px; 
								}
								
								#main_fixed #article .content .special-title-selected a {
									color: #fff !important; 
									text-decoration: none; 
									}
									
									#main_fixed #article .content .special-title-selected a:hover {
										color: #000; 
										}
										
							#main_fixed #article .content a {
								text-decoration: none; 
								}
								
							#main_fixed #article .content b , #main_fixed #article .content strong {
								font-weight: bold; 
								}
								
							#main_fixed #article .content .highlight {
								}
									
								#main_fixed.blog #article .content .highlight, #main_fixed.blog #article .content a, #main_fixed.blog #article .content h1 {
									color: rgb(0,171,182);  /* teal */
									}
						
						
						
					#main_fixed #bodyblock #mainstage {
						position: absolute; 
						top: 0px; 
						left: 200px;
						width: 525px; 
						height: 450px; 
						}
						
						#main_fixed.blog #bodyblock #mainstage {
							display: none; 
							}
						
						#main_fixed.process #bodyblock #mainstage {
							width: 800px; 
							}
							
						#main_fixed.home #bodyblock #mainstage {
							width: 800px; 
							}
							
						#main_fixed #bodyblock #mainstage .content {
							margin: 20px; 
							overflow: hidden; 
							width: 485px; 
							height: 410px; 
							}
							
							#main_fixed.process #bodyblock #mainstage .content {
								width: 780px; 
								height: 430px; 
								}
							
							#main_fixed.home #bodyblock #mainstage .content {
								width: 780px; 
								height: 270px;
								margin: 0px; 
								margin-left: 20px; 
								}
								
								#main_fixed #bodyblock #mainstage .content img {
									}
									
							#main_fixed #bodyblock #mainstage .thumbnail {
								float: left; 
								margin: 10px; 
								}
								
								#main_fixed #bodyblock #mainstage .thumbnail img {
									width: 60px; 
									height: 60px; 
									}
					
					#main_fixed #bodyblock #feature-blocks {
						position: absolute; 
						top: 278px; 
						left: 200px;
						width: 800px; 
						height: 180px; 
						}
						
						#main_fixed #bodyblock #feature-blocks .content {
							margin-left: 20px; 
							width: 780px; 
							height: 180px; 
							}
							
							#main_fixed #bodyblock #feature-blocks .content ul {
								margin-left: auto; 
								margin-right: auto; 
								padding: 0px; 							
								}
								
								#main_fixed #bodyblock #feature-blocks .content ul li {
									float: left; 
									list-style-type: none; 
									width: 190px; 
									height: 180px; 
									}
									
									#main_fixed #bodyblock #feature-blocks .content ul li.first {
										}
									
									#main_fixed #bodyblock #feature-blocks .content ul li.last {
										}
									
									#main_fixed #bodyblock #feature-blocks .content ul li .title {
										text-align: center;
										font-size: 12px; 
										text-transform: uppercase; 
										letter-spacing: 1px; 
										margin-bottom: 8px; 
										white-space: nowrap; 
										}
										
										#main_fixed #bodyblock #feature-blocks .content ul li.first .title {
											}
											
										#main_fixed #bodyblock #feature-blocks .content ul li.last .title {
											}
											
									#main_fixed #bodyblock #feature-blocks .content ul li .thumbnail {
										border-top: 1px solid #000; 
										padding-top: 20px; 
										margin-top: 0px; 
										text-align: center; 
										}
											
										#main_fixed #bodyblock #feature-blocks .content ul li .thumbnail img {
											width: auto; 
											height: 110px; 
											}																									
								
					
					#main_fixed #bodyblock #footer {
						position: absolute; 
						top: 475px; 
						left: 220px;
						width: 525px; 
						height: 80px; 
						text-transform: uppercase; 
						color: #aaa; 
						font-size: 9px; 
						}
						
						#main_fixed.blog #bodyblock #footer {
							display: none; 
							}
						
			#main_scroll {
				}
				
				#main_scroll #scrollbody {
					position: absolute; 
					top: 140px;
					left: 200px; 
					width: 525px; 
					font-family: arial,helvetica,sans-serif; 
					font-size: 12px; 
					line-height: 25px; 
					color: #000; 
					}
			
					#main_scroll.home #scrollbody {
						display: none; 
						}
						
					#main_scroll.process #scrollbody {
						display: none; 
						}						
						
					#main_scroll.portfolio #scrollbody {
						display: none; 
						}
						
					#main_scroll.portfolio-home #scrollbody {
						display: none; 
						}						
						
					#main_scroll.studio #scrollbody {
						display: none; 
						}						
						
					#main_scroll.contact #scrollbody {
						display: none; 
						}						
						
					#main_scroll.blog #scrollbody {
						}
					
					#main_scroll #scrollbody .content {
						margin: 20px; 
						}
						
						#main_scroll #scrollbody .content .comment {
							margin-bottom: 10px; 
							padding-top: 10px; 
							border-top: 1px solid #ccc; 
							}
							
							#main_scroll #scrollbody .content .comment .title {
								font-weight: bold; 
								}
								
							#main_scroll #scrollbody .content .comment .author {
								margin-left: 10px; 
								color: #888; 
								}
								
								#main_scroll #scrollbody .content .comment .author a {
									color: #888; 
									text-decoration: none; 
									}
								
									#main_scroll #scrollbody .content .comment .author a:hover {
										color: #000; 
										text-decoration: underline; 
										}
									
							#main_scroll #scrollbody .content .comment .commentbody {
								margin-left: 10px; 
								padding-left: 10px; 
								border-left: 1px solid #ccc; 
								}
								
							#main_scroll #scrollbody .content .comment .stats {
								font-style: italic; 
								color: #888; 
								}
						
						#main_scroll #scrollbody .content .blog-post {
							position: relative; 
							left: -28px; 
							border-left: 8px solid #000; 
							padding-bottom: 40px; 
							padding-left: 22px; 
							}
							
							#main_scroll #scrollbody .content .blog-post .blog-date {
								position: absolute; 
								left: -58px;
								top: 0px; 
								width: 50px; 
								height: 65px; 
								background-color: #000; 
								}
								
								#main_scroll #scrollbody .content .blog-post .blog-date .day {
									color: rgb(0,171,182); 
									font-family: times, 'times new roman', palatino, serif; 
									font-size: 35px; 
									position: absolute; 
									right: 2px; 
									top: 12px; 
									text-align: right; 
									}

								#main_scroll #scrollbody .content .blog-post .blog-date .month {
									color: #fff; 
									font-size: 17px; 
									position: absolute; 
									right: 2px; 
									bottom: 4px; 
									text-align: right; 
									text-transform: uppercase; 
									}
									
							#main_scroll #scrollbody .content .blog-post .blog-author {
								text-transform: uppercase; 
								font-size: 11px; 
								font-weight: bold; 
								color: #888; 
								}
								
								#main_scroll #scrollbody .content .blog-post .blog-author a {
									text-decoration: none; 
									color: #888; 
									}
							
									#main_scroll #scrollbody .content .blog-post .blog-author a:hover {
										color: rgb(0,171,182); 
										}
									
							#main_scroll #scrollbody .content .blog-post .blog-headline {
								font-size: 23px;
								font-weight: bold; 
								color: rgb(0,171,182);
								}
								
							#main_scroll #scrollbody .content .blog-post .blog-body {
								margin-top: 8px; 
								}
								
								#main_scroll #scrollbody .content .blog-post .blog-body a {
									color: rgb(0,171,182);
									text-decoration: none; 
									}
																	
									#main_scroll #scrollbody .content .blog-post .blog-body a:hover {
										text-decoration: underline; 
										}
									
								#main_scroll #scrollbody .content .blog-post .blog-body img {
									max-width: 450px;
									}
									
							#main_scroll #scrollbody .content .blog-post .blog-metadata {
								font-size: 11px; 
								text-transform: uppercase; 
								font-weight: bold; 
								color: #888; 
								margin-top: 15px; 
								border-top: 1px solid #888; 
								border-bottom: 1px solid #888; 
								line-height: 15px; 
								padding-top: 5px; 
								padding-bottom: 5px; 
								}
								
								#main_scroll #scrollbody .content .blog-post .blog-metadata span {
									}
									
									#main_scroll #scrollbody .content .blog-post .blog-metadata span a {
										text-decoration: none; 
										color: #888; 
										}
										
										#main_scroll #scrollbody .content .blog-post .blog-metadata span a:hover {
											color: rgb(0,171,182);
											}	
										
								#main_scroll #scrollbody .content .blog-post .blog-metadata .category {
									margin-right: 10px; 
									padding-right: 10px; 
									border-right: 1px solid #888; 
									}
								
								#main_scroll #scrollbody .content .blog-post .blog-metadata .comments {
									}
									
								#main_scroll #scrollbody .content .blog-post .blog-metadata .socialmedia {
									float: right; 
									position: relative; 
									/* top: -15px;  */ 
									}
									
									#main_scroll #scrollbody .content .blog-post .blog-metadata .socialmedia select {
										width: 100px; 
										height: 15px; 
										border: 1px solid #bbb; 
										font-family: arial, helvetica; 
										font-size: 11px; 
										color: #ccc; 
										text-transform: none !important;
										}
										
				#main_scroll #article {
					position: absolute; 
					top: 140px;
					left: 725px; 
					width: 275px; 
					min-height: 450px; 
					font-family: arial,helvetica,sans-serif; 
					font-size: 12px; 
					line-height: 22px; 
					color: #000; 
					background-color: #fff; 
					padding-bottom: 30px; 
					}
				
					#main_scroll.process #article {
						display: none; 
						}
				
					#main_scroll.home #article {
						display: none; 
						}
						
					#main_scroll #article .content {
						margin: 20px; 
						}						
						
						#main_scroll #article .content .special-title {
							background-color: #000; 
							color: #fff; 
							margin-left: -17px; 
							padding-top: 3px; 
							padding-bottom: 3px; 
							padding-left: 17px; 							
							}
							
							#main_scroll #article .content .special-title a {
								color: #fff !important; 
								text-decoration: none; 
								}
								
								#main_scroll #article .content .special-title a:hover {
									color: rgb(0,171,182); 
									}
										
								#main_scroll.portfolio-home #article .content .special-title a:hover {
									color: rgb(244,117,33);
									}
									
						#main_scroll #article .content .special-title-selected {
							background-color: rgb(0,171,182); 
							color: #fff; 
							margin-left: -17px; 
							padding-top: 3px; 
							padding-bottom: 3px; 
							padding-left: 17px; 
							}
													
							#main_scroll.portfolio-home #article .content .special-title-selected {
								background-color: rgb(244,117,33);
								}
							
							#main_scroll.portfolio #article .content .special-title-selected {
								background-color: rgb(244,117,33);
								}
							
							#main_scroll #article .content .special-title-selected a {
								color: #fff !important; 
								text-decoration: none; 
								}
								
								#main_scroll #article .content .special-title-selected a:hover {
									color: #000; 
									}
									
						#main_scroll #article .content a {
							text-decoration: none; 
							}
							
							#main_scroll.home #article .content a {
								}
								
								#main_scroll.home #article .content a:hover {
									text-decoration: underline; 
									}
							
							#main_scroll.portfolio-home #article .content a {
								color: #000; 
								}
								
								#main_scroll.portfolio-home #article .content a:hover {
									color: rgb(244,117,33);
									}		
							
			
							#main_scroll.portfolio #article .content a {
								color: rgb(244,117,33);
								text-decoration: none; 
								}
								
								#main_scroll.portfolio #article .content a:hover {
									color: #000;
									text-decoration: underline; 
									}
									
								#main_scroll.portfolio #article .content .link-list a {
									color: #000; 
									}
									
									#main_scroll.portfolio #article .content .link-list a:hover {
										color: rgb(244,117,33);
										}		
							
						#main_scroll #article .content b , #main_scroll #article .content strong {
							font-weight: bold; 
							}
							
						#main_scroll #article .content .highlight {
							}
							
							#main_scroll.home #article .content .highlight, #main_scroll.home #article .content a, #main_scroll.home #article .content h1 {
								color: rgb(0,171,182); /* teal */ 
								}
								
							#main_scroll.process #article .content .highlight, #main_scroll.process #article .content a, #main_scroll.process #article .content h1 {
								color: rgb(118,188,55); /* green */ 
								}								
							
							#main_scroll.portfolio #article .content .highlight, #main_scroll.portfolio #article .content a, #main_scroll.portfolio #article .content h1 {
								/* color: rgb(244,117,33); orange */  
								}
							
							#main_scroll.portfolio-home #article .content .highlight, #main_scroll.portfolio-home #article .content a, #main_scroll.portfolio-home #article .content h1 {
								/* color: rgb(244,117,33); orange */  
								}
								
							#main_scroll.studio #article .content .highlight, #main_scroll.studio #article .content a, #main_scroll.studio #article .content h1 {
								color: rgb(187,43,138); /* purple */ 
								}								
								
							#main_scroll.contact #article .content .highlight, #main_scroll.contact #article .content a, #main_scroll.contact #article .content h1 {
								color: rgb(205,41,45); /* red */
								}
								
							#main_scroll.blog #article .content .highlight, #main_scroll.blog #article .content a, #main_scroll.blog #article .content h1 {
								color: rgb(0,171,182);  /* teal */
								}
					
			
.container-tools {
	border: 1px solid #ddd; 
	background-color: #eee; 
	font-size: 11px !important; 
	padding: 3px; 
	margin: 3px; 
	}
	
.container-preview {
	border: 1px solid #ddd !important; 
	background-color: #e8cece; 
	font-size: 11px !important; 
	padding: 3px; 
	margin: 3px; 
	}

#edit-spacer {
	display: none; 
	}