/* These styles are used only on the home page of the website. */

/* Navigation */

#nav {
	background: url('../images/structure/nav/navbar.png') top center;	
}

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	background-image: url('../images/structure/nav/navbar.png');
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

/* Set Hover States */

ul.MenuBarHorizontal li a#navAbout:hover,  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover#navAbout {
	background: url('../images/structure/nav/navbar.png') -1px 66px;
}
ul.MenuBarHorizontal li a#navPeople:hover,  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover#navPeople {
	background: url('../images/structure/nav/navbar.png') -107px 66px;
}
ul.MenuBarHorizontal li a#navServices:hover,  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover#navServices { /* Extra definition here is for when submenu for services is open */
	background: url('../images/structure/nav/navbar.png') -213px 66px;
}
ul.MenuBarHorizontal li a#navClients:hover,  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover#navClients {
	background: url('../images/structure/nav/navbar.png') -319px 66px;
}
ul.MenuBarHorizontal li a#navNetworks:hover,  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover#navNetworks {
	background: url('../images/structure/nav/navbar.png') -425px 66px;
}
ul.MenuBarHorizontal li a#navCSR:hover,  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover#navCSR {
	background: url('../images/structure/nav/navbar.png') -531px 66px;
}
ul.MenuBarHorizontal li a#navContact:hover,  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover#navContact {
	background: url('../images/structure/nav/navbar.png') -637px 66px;
}
ul.MenuBarHorizontal li a#navGallery:hover,  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover#navGallery {
	background: url('../images/structure/nav/navbar.png') -743px 66px;
}
ul.MenuBarHorizontal li a#navExplorer:hover,  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover#navExplorer {
	background: url('../images/structure/nav/navbar.png') -849px 66px;
}

/* End Navigation */


#topRow {
	background: #8ca3ae url('../images/structure/topRow_bg.png') repeat-x;
	color: #fff;
	overflow:hidden;
	width: 956px;
}

#topRow div h2 {
	display: block;
	height: 42px;
	margin: 0 auto 30px auto;
	text-indent: -9999px;
	width: 208px;
}

#topRow a {
	color: #fff;
}

#bottomRow {
	background: #e6eaf1 url('../images/structure/bottomRow_bg.png') repeat-x;
	overflow: hidden;	
	width: 956px ;
}

#bottomRow div h2 {
	display: block;
	height: 46px;
	margin: 0 auto 25px auto;
	text-indent: -9999px;
	width: 208px;
}

#topRow div {

}

/* Top Row Panels */

#testimonials {
	float:left;
	height:350px;
	padding: 0 15px;
	width:266px;
}

#testimonials h2 {
	background: url('../images/structure/sectiontitles/testimonials.png') no-repeat;
}

#ourstory {
	float:left;
	height:350px;
	padding: 0 15px;
	width:334px;
}

#ourstory h2 {
	background: url('../images/structure/sectiontitles/ourstory.png') no-repeat;
}

#ourevents {
	width:266px;
	height:350px;
	padding: 0 15px;
	float:left;
}

#ourevents h2 {
	background: url('../images/structure/sectiontitles/ourevents.png') no-repeat;
}

/* Bottom Row Panels */

#latestnews {
	float:left;
	padding: 0 15px;
	width:266px;
}
#latestnews h2 {
	background: url('../images/structure/sectiontitles/latestnews.png') no-repeat;
}
#gallery {
	float:left;
	height:187px;
	padding: 0 15px;
	width:334px;
}
#gallery h2 {
	background: url('../images/structure/sectiontitles/gallery.png') no-repeat;
}
#connect {
	float:left; 
	height:187px;
	padding: 0 15px;
	width:236px;
}

#connect h2 {
	background: url('../images/structure/sectiontitles/connect.png') no-repeat;
}

#connect a {
	color: #000;	
}

#connect hr {
	background: #ccc;
	color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 10px;
}