/**
 * Custom Styles for the SS.com side of the fence.
 */

/* HEADER */
#header {

}
	#header h1 span,
	#header h1 a {
		background: url(../images/SG_logo.png) no-repeat top right;
	}
	
/* CONTENT */
#content_container {
	min-height: 10em;
	_height: 1%;
	background: #fff url(../images/bg-gradient.png) repeat-x top;
	padding: 0px  25px;
}

body.home #content_container {
	padding: 16px 0 0 0;	
}

/* TYPOGRAPHY FOR .COM */

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5 {
}
.typography h1 {
	color: #0D73B8;
}

.typography h2 {
	color: #0D73B8;
	margin-bottom: 0.6em;
}

.typography h3 {
	font-size: 110%; /* 14px */
	color: #0D73B8; /* old color: #666; */
}

.typography h4 {
	color: #0D73B8;
}

.typography h5 {
	color: #333;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

/* LIST ITEMS */
.typography ul li
{
	background: url(../images/arrow-com.gif) 5px 10px no-repeat;
}

.typography ul li.odd-row
{
	background: #F2FAFF url(../images/arrow-com.gif) 5px 10px no-repeat;
}

.typography ul li.quickguide
{
	/*background: url('http://www.soundgraph.com/Download/supports/hardware/quickguide/QuickGuide.jpg') 5px 10px no-repeat;*/
	background: none;
	padding: none; 
}

/* INTRODUCTION TEXT 
-------------------------------------------- */

.typography p.introduction,
.typography #content p.introduction {
	display: block;
	font-size: 16px;
	line-height: 1.4em;
	text-align: justify;
	_height: 1%;
}
	.typography p.introduction {
		width: 639px;
		
	}
	.typography #content p.introduction {
		width: 420px;
	}
		.typography p.introduction a {
			color: #333;
			border-bottom: 1px solid #333;
		}


#blog_snippet #inner,
#blog_snippet #bottom {
	padding: 10px 13px 35px 13px;
}

/* Content div (only applied if you have a menu on the left) */
#content {
	margin-left: 232px;
	_margin-left: 225px;
	_height: 1%;
}
#BlogContent {
	margin-left: 234px;
	_height: 1%;
	_margin-left: 230px;
}
.blogSummary {
	overflow: visible;	
	_height: 1%;
}

/* gridList style */

/* @group Sidebar Menu */

#sidebar {
	float: left;
	width: 210px;
	position: relative;
	padding: 44px 0px;
	_padding: 44px 0px;
	}

	#sidebar ul {
		margin: 0;
		background: none;
		border: 0;
		border-top: 1px solid #d6d6d6;
	}
		#sidebar ul li {
			border: 0;
			border-bottom: 1px solid #d6d6d6;
			padding: 4px 0 4px 15px;
			background: none;
		}
			#sidebar ul li.section {
				padding-bottom: 0;
			}
			#sidebar ul li.current.last,
			#sidebar ul li.current.first {
				border-bottom: 1px solid #d6d6d6;
			}
			#sidebar ul li span.inPage {
				color: #0D73B8;
				font-size: 11px;
			}
				#sidebar ul li span {
					display: block;
					padding-top: 6px;
					padding-bottom: 6px;
				}
				#sidebar ul li span em {
					font-style: normal;
				}
					#sidebar ul li li span {
						padding: 4px 0;
					}
			#sidebar ul li a {
				color: #333;
				font-size: 11px;
				border-bottom: none;
			}
				#sidebar ul li.current {
					background: url(../images/nav-arrow-selected.png) 0px 12px no-repeat;
				}
					#sidebar ul li li.current {
						background: url(../images/nav-arrow-selected.png) 0px 9px no-repeat;
					}
				#sidebar ul li.section a {
					color: #0D73B8;
				}
				#sidebar ul li.current a {
					color: #0D73B8;
					font-weight: bold;
				}
					#sidebar ul li a:hover {
						color: #0D73B8;
					}
		
/* menu 3 */		
	#sidebar ul li ul,
	#sidebar ul li.current ul {
		border-top: 0;
	}
		#sidebar ul li ul li.first {
			border-top: 1px solid #d6d6d6;
		}
		#sidebar ul li.section ul li,
		#sidebar ul li.current ul li {
			padding-bottom: 3px;
		}
		#sidebar ul li.current ul li.last,
		#sidebar ul li.section ul li.last {
			border-bottom: 0;
		}
		#sidebar ul li.current ul li a,
		#sidebar ul li.section ul li a {
			color: #333;
			font-weight: normal;
		}
		#sidebar ul li.section ul li.current a {
			color: #0D73B8;
			font-weight: bold;
		}
		#sidebar ul li.section ul li a:hover,
		#sidebar ul li.current ul li a:hover {
			color: #0D73B8;
		}

/* CONTACT PAGE */

#contact-list {
	overflow: hidden;
	padding-left: 12px;
	position: relative;
	left: -12px;
	_width: auto;
}

#contact-list .gridItem {
	height: 520px;
}
	#contact-list .gridItem p {
		margin-bottom: 15px !important;
	}
	
#company-details .gridItem {
	height: 180px;
}
	
span.blue {
	color: #0B89E2;
}

/* SERVICES LIST */

#services_list {
	margin-top: 20px;
	margin-left: 20px;
	overflow: hidden;
	padding-left: 12px;
	position: relative;
	left: -12px;
	width: 100%;
	_width: auto;
}
	#services_list .gridItem {
		width: 190px;
	}
	#services_list .shadowed {
		margin: 0 0 12px -9px;
	}
 	#about_list .shadowed_large {
		margin: 6px 0 12px -11px;
		float: none;
	}		
	#contact-list .shadowed_large {
		margin: 0 0 12px -11px;
		float: left;
	}	
		
#header ul.nav li.active:hover {
	margin-right: 0;
	padding-right: 0;
}

#header ul.nav li.silverstripe a {
	padding: 112px 48px 0 48px;
	display: block;
	margin: 0;
}
/* ABOUT LIST */

	/* Override for double wide core team pic */
#top_tagline,
body.home .findMoreLink,
#feature_images span,
#featured_service p,
#feature_content p,
#secfeature_content p,
#sitename {
text-align: justify;
}

body.home .findMoreLink {
	background: #fff;
	font-size: 11px;
	padding: 3px;
	border-bottom: none;
	text-decoration: underline;
}

#featured_service h4,
#latest_news_header {
	text-transform: uppercase;
}
	#featured_service h4 span,
	#latest_news_header span {
		color: #0D73B8;
	}
	#latest_news_header p
	{
	}
	#latest_news_header {
		padding: 0px 0px 10px 0px;
	}

#home_feature {
	background: url(../images/feature_bg.png);
	margin-top: 20px;
	height: 400px;
	position: relative;
}
	#feature_content,
	#feature_images,
	#featured_service,
	#secondary_feature {
		position: absolute;
	}
		#feature_content {
			top: 65px;
			right: 27px;
			width: 326px;
		}
			#sitename {
				color: #0D73B8;
				text-transform: uppercase;
				font-size: 16px;
			}
			#feature_content h2,
			#feature_content p {
				color: #ccc;
			}
			#feature_content h4
			{
				font-size: 16px;
				color: #ccc;
			}
				#feature_content p {
					font-size: 14px;
					margin-bottom: 15px;
				}
		#feature_images {
			top: 0;
			left: 36px;
			text-align: center;
			width: 500px;
		}
			#feature_images a {
				border: none;
				padding-top: 3px;
				padding-bottom: 3px;
			}
			#feature_images .hide {
				display: none;
			}
			#feature_images .featureItem {
				position: absolute;
				top: 0;
				left: 0;
				width: 500px;
				height: 377px;
			}
			
			.featureText {
				margin: 330px auto 0 auto;
				display: block;
				color: #0D73B8;
				text-align: center;
				font-size: 11px;
			}
				.featureText span {
					background: #fff;
				}
				.featureText a {
					background: #0D73B8;
					color: #fff;
					padding: 0 4px;
					text-decoration: underline;
				}
			
		#featured_service {
			top: 405px;
			left: 0px;
			width: 535px;
		}
			#featured_service p {
				font-size: 14px;
				color: #666;
				margin-bottom: 5px;
			}
			#featured_service h4 {
				height: 20px;
			}
		#secondary_feature {
			top: 325px;
			right: 27px;
			width: 325px;
			height: 180px;
		}
			#secfeature_content {
				padding-right: 170px;
			}
				#secfeature_content h3 {
					font-size: 16px;
					margin-bottom: 10px;
				}
				#secfeature_content h4 {
					font-size: 16px;
				}
				#secfeature_content p {
					font-size: 14px;
				}
			#orgsite_button {
				position: absolute;
				bottom: 0;
				right: 0;
				background: url(../images/visitSSorg.gif) no-repeat left center;
				width: 163px;
				height: 36px;
				text-indent: -90000px;
				color: #fff;
				font-size: 11px;
				border: none;
			}
			
#latest_stuff {
	overflow: hidden;
	padding: none;
}
	#latest_news {
		float: left;
		padding: 10px 0px 10px 10px;
		width: 500px;
	}
	
	#latest_news p{
		margin-bottom: 10px;
	}	
	
	#latest_news h4 {
		font-weight: 100%;
		font-style: bold;
		font-size: 15px;
	}	
	
	#highlights {
		float: right;
		width: 350px;
		padding: 0px 0px 22px 0px;
	}
		#highlights .box {
			float: left;
			width: 280px;
			padding-left: 60px;
			margin-bottom: 10px;
			border-bottom: 1px solid #ddd;
		}
			#highlights .box h4 {
				font-size: 15px;
				background: url(../images/box_arrow.png) no-repeat 95% 0;
				margin-bottom: 0 !important;
			}
				#highlights .box h4 a {
					display: block;
					border: none;
				}
			#highlights .box p {
				padding-right: 45px;
				font-size: 14px;
				line-height: 1.4em;
				margin-bottom: 15px;
			}
		
		#onlineshop-box {
			background: url(../images/OnlineShop.gif) no-repeat bottom left;
		}
		#download-box {
			background: url(../images/Download.gif) no-repeat bottom left;
		}
		#forums-box {
			background: url(../images/Forums.gif) no-repeat bottom left;
		}
		#demo-box {
			background: url(../images/Demo.gif) no-repeat bottom left;
		}
		#blog-box {
			background: url(../images/Blog.gif) no-repeat bottom left;
		}
		#support-box {
			background: url(../images/support_bg.png) no-repeat bottom left;
		}
		#careers-box {
			background: url(../images/careers_bg.png) no-repeat 5px center;
		}

		#contact-box {
			background: url(../images/contact_bg.png) no-repeat left center;
			border-bottom: none !important;
		}
	#latest_content {
		background: #f2faff;
		padding: 10px 0px 10px 10px;
	}
		#latest_content p {
			margin-bottom: 15px;
			padding-left: 0px;
		}
		#latest_content ul,
		#latest_content ol {
			margin-bottom: 20px;
		}
			#latest_content ul li,
			#latest_content ol li {
				background: none!important;
				clear: left;
				padding-left: 0px;
			}
				#latest_content ul li img,
				#latest_content ol li img {
					border: 1px solid #ddd;
					float: left;
					
				}
				#latest_content h4 {
					font-weight: 100%;
					font-style: bold;
					font-size: 15px;
				}
				#latest_content p {
					font-weight: normal;
					font-size: 14px;
				}	
				
	#latest_event {
		background: #f2faff;
		padding: 10px 0px 10px 10px;
		margin-bottom: 20px;
	}
		#latest_event p {
			margin-bottom: 15px;
			padding-left: 0px;
		}
		#latest_event ul,
		#latest_event ol {
			margin-bottom: 20px;
		}
			#latest_event ul li,
			#latest_event ol li {
				background: none!important;
				clear: left;
				padding-left: 0px;
			}
				#latest_event ul li img,
				#latest_event ol li img {
					border: 1px solid #ddd;
					float: left;
					
				}
				#latest_event h4 {
					font-weight: 100%;
					font-style: bold;
					font-size: 15px;
				}
				#latest_event p {
					font-weight: normal;
					font-size: 14px;
					margin-left: 50px;
				}					
		
.sidebarBox {
		_height: 1%;
}
	.sidebarBox h3 {
		margin-bottom: 8px;
		font-size: 13px;
		font-weight: bold;
	}

	

/* SITE MAP */
#SiteMap ul li,
#SiteMap ul li.odd-row {
	background: url(../images/arrow-com.gif) no-repeat scroll 5px 5px;
}
		
/* PARTNERS PAGE */

#sidebar h3 {
	margin: 0.5em 0;
	font-weight: bold;
	font-size: 110%;
}

#content.partners .right {
	float: right;
	margin-left: 10px;
}