body {
	background:url(../images/layout/bodyBg.gif) repeat-x left top;
	font-size:0.8em;
}
li {
	list-style:none;
}
a {
	color:#8d9e13;
}

#header {
	background:url(../images/layout/logoBg.png) no-repeat;
	height:387px;
	position:relative;
}
#logo {
	background:url(../images/layout/logo.png) no-repeat;
	width:207px;
	height:57px;
	text-indent:-9999px;
	margin:19px 0 0 66px;
	float:left;
}

/* top menu */
#topMenu {
	margin:58px 23px 0 0;
}
#topMenu li {
	background:url(../images/illustrations/divider.png) no-repeat right center;
	padding:0 12px 0 7px;
	margin:0; /* to overwrite the default css */
}
#topMenu li:last-child {
	padding-right:0;
}
#topMenu li a {
	color:#FFF;
	text-decoration:none;
	padding:5px 0 13px;
	font-size:1.1em;
}
#topMenu li a:hover, #topMenu li a.active {
	background:url(../images/layout/topMenuHover.png) no-repeat center bottom;
	padding-bottom:14px;
	
}
#topMenu li:last-child  {
	background:none;
}

/* spotlight */
/* BOX-SHADOW
   1. The horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box.
   2. The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.
   3. The blur radius, if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
   4. Color 
*/

img#soptlight {
	/*margin-top:63px;*/
	-moz-box-shadow: 0 0 15px #929090;
  	-webkit-box-shadow: 0 0 5px #929090;
  	box-shadow: 0 0 15px #929090;
	position:absolute;
	top:151px;
	left:0;
}



/* MAINCONTENT */
#mainContent {
	margin-top:39px;
}

/* left sidebar */
#leftSidebar {
	background:url(../images/illustrations/leftSidebarBg.jpg) repeat-x left top;
	float:left;
	width:192px;
	margin-right:25px;
	border:1px solid #ededed;
}
#leftSidebar h2 {
	background:url(../images/illustrations/leftSidebarBgTop.gif) repeat-x left top;
	height:36px;
	color:#FFF;
	font-size:1.4em;
	padding:7px 0 0 15px;
	text-transform:capitalize;
	margin:0;
}
#leftSidebar ul {
	padding:15px 15px 50px;
}
#leftSidebar li, .rightMiddle li {
	background:url(../images/illustrations/leftMenuIcon.gif) no-repeat left 4px;
	padding:0 0 15px 14px;
}
#leftSidebar li a, #productGallery a  {
	color:#404040;
	text-decoration:none;
	font-size:1.1em;
}
#leftSidebar li a:hover, #leftSidebar li.active a, #productGallery a:hover {
	color:#7f9105;
}


/* right sidebar*/
#rightSidebar {
	float:right;
	width:728px;
}
#rightSidebarTop h1#speakerSuppiler {
	background:url(../images/illustrations/speakerSuppiler.png) no-repeat left top;
	height:26px;
	text-indent:-9999px;
	padding-bottom:0;
}
/* heading*/
#rangeOfSpeakers {
	background:url(../images/illustrations/rangeOfSpeakers.png) no-repeat left top;
	height:21px;
	text-indent:-9999px;
	margin:35px 0 0 0;
	padding-bottom:0;
}
p#introduction {
	width:690px;
}

/* testimonials */
#testimonials {
	width:320px;
	float:left;
	padding-right:29px;
	margin:25px 44px 45px 0;
	border-right:1px solid #eaebeb;
}
#testimonials h2 {
	background:url(../images/illustrations/testimonialsHeading.png) no-repeat left top;
	height:17px;
	text-indent:-9999px;
}
#testimonials img#testimonialsImage {
	float:left;
	width:108px;
	overflow:hidden;
	margin-right:12px;
}
#testimonials p.content  {
	float:right;
	width:265px;
	position:relative;
}
#bottomRightQuote {
	position:absolute;
	right:80px;
	bottom:-35px;
}
#testimonials span {
	color:#7f9105;
	display:block;
}
#testimonials span#director {
	color:#2c2a2d;
}
#testimonials p {
	float:right;
	width:265px;
}


#advantages {
	width:296px;
	float:left;
	margin-top:25px;
}
#advantages h2 {
	background:url(../images/illustrations/advantagesHeading.png) no-repeat left top;
	height:17px;
	text-indent:-9999px;
}
#advantages li {
	background:url(../images/illustrations/advantagesBullet.gif) no-repeat left 5px;
	margin-bottom:10px;
	padding-left:18px;
}


/* productGallery */
#productGallery {
	margin-top:38px;
}
#productGallery li {
	float:left;
	margin:0 22px 39px 0;
	border:1px solid #e0e1e2;
	padding:5px;
}
#productGallery li img {
	display:block;
	padding-bottom:8px;
}
#productGallery a {	
	font-size:1.0em;
}
#productGallery p {
	background:url(../images/layout/galleryTextBg.jpg) no-repeat left bottom;
	height:25px;
	margin:0;
}




/* footer */
#footer {
	background:url(../images/layout/footer.jpg) repeat-x left top;
	height:67px;
	margin-top:50px;
	padding:0;
}
#footerElements {
	width:975px;
	margin:0 auto;
	float:none;
	padding:15px 0 0;
}
#footerElements p {
    float: left;
    margin:5px 0 0 0;
    width: 440px;
}
#footer ul {
	float:right;
	margin-top:8px;
}
#footer li {
	margin:0;
}
#footer li a {
	color:#FFF;
	text-decoration:none;
	padding:0 5px;
}
#footer li a:hover, #footer li a.active {
	color:#889816;
}

/* HACK TO ABSOLUTELY POSITION FOOTER ON BOTTOM OF BROWSER WINDOW */
html, body, #mainWrapper {height:100%;}

body > #mainWrapper {height:auto; min-height:100%;}

#mainContent {margin-bottom:200px;}  /* must be same height as the footer */

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {display:block;}
/* End hide from IE-mac */