@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	background: #827773;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}

a {
	color: #e16600;
	cursor: pointer;
}

a:hover {
	background: #ffc;
}

a img {
	border: none;
}

.cover {
	z-index: 0;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* WRAPPER - the top most container */

#wrapper {
	width: 980px;
	height: 783px;
	margin: 0 auto;
}

/* HEADER - contains the logo and the menu */

#header {
	height: 141px;
}

/* LOGO */

#logo {
	float: left;
	position: relative;
	overflow: hidden;
	width: 320px;
	height: 141px;
}

#logo h1, #logo p {
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#logo .cover {
	background: url(images/home_logo.png);
}

/* MENU */

#menu {
	position: relative;
	float: right;
	width: 660px;
	height: 141px;
	background: url(images/home_menu_bg.jpg);
	z-index: 10;
}

#menu ul {
	padding: 80px 0 0 20px;
	list-style: none;
}

#menu li {
	float: left;
	position: relative;
	margin: 0 0 0 10px;
	padding: 0 0 0 3px;
}

#menu a {
	float: left;
	width: auto;
	padding: 5px 10px 5px 7px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 14px;
	color: #000;
}

#menu a:hover {
	background-color: #464646;
	color: #fff;
}

#menu .submenu ul a:hover {
	color: #FC9F5C !important;
}

#menu li#menu-contact-us {
	float: right;
	margin: 0;
	padding-right: 15px;
}

#menu li#menu-contact-us a {
	padding-left: 33px;
	background: url(images/icon_mail.gif) no-repeat 10px 50%;
}

#menu li#menu-contact-us a:hover {
	background-color: #464646;
}

/* SUBMENU - triggered by :hover */

#menu li.submenu:hover, #menu li.over {
	background: url(images/dropdown_menu_bg.gif) no-repeat 0 -32px;
}

#menu li.submenu:hover a, #menu li.over a {
	background: url(images/dropdown_menu_bg.gif) no-repeat 100% 0;
	color: #fff;
}

#menu li.submenu:hover ul, #menu li.over ul {
	display: block;
}

#menu li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 25px;
	margin: 0;
	padding: 0 0 0 3px;
	background: url(images/dropdown_bg.gif) no-repeat 0 100%;
}

#menu li li {
	float: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#menu li li a {
	float: none;
	display: block;
	padding: 2px 10px 2px 7px;
	font-size: 12px;
	font-weight: normal;
	background: url(images/dropdown_bg.gif) no-repeat 100% 50% !important;
	color: #fff;
}

#menu li li a:hover {
}

#menu li li.first a {
	padding-top: 10px;
	background-position: 100% 0 !important;
}

#menu li li.last a {
	padding-bottom: 10px;
	background-position: 100% 100% !important;
}

/* PAGE - contains the sidebar and the content area */

#page {
	height: 642px;
	background: url(images/home_page_bg.jpg) no-repeat 0 100%;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 320px;
	height: 300px;
	background: #fff url(images/sidebar_bg.jpg);
}

#sidebar .ad-space {
	padding-top: 10px;
	padding-left: 40px;
}

#ad1 {
	height: 120px;
	background: url(images/download.jpg) no-repeat 210px 25px;
}

#ad1 img {
	float: left;
}

#download {
	float: left;
	width: 96px;
	margin-top: 80px;
	padding: 3px 0px;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

#ad2 {
	display: block;
	width: 115px;
	height: 25px;
	padding: 85px 0 0 135px;
	background: url(images/ad2.jpg) no-repeat 50% 0;
	font-weight: bold;
	color: #333;
}

/* SIDEBAR > TAGLINE */

#tagline {
	position: relative;
	height: 75px;
	margin-top: 10px;
}

#tagline h1 {
	text-align: center;
	font-size: 11px;
}

#tagline .cover {
	background: url(images/tagline_bg.gif) no-repeat 50% 0;
}

/* SIDEBAR > TESTIMONIAL */

#testimonial {
	height: 40px;
	padding: 8px 0 0 70px;
	background: url(images/testimonial_bg.gif) no-repeat 34px 0;
	font-size: 10px;
}

/* SIDEBAR > NEWS */

#news {
	padding: 0 40px;
}

#news h1 {
	font-size: 16px;
	color: #E3832E;
}

#news p {
	font-size: 11px;
}

#news a {
	color: #000;
}

/* SIDEBAR > WHITEPAPER */

#latest-whitepaper {
	width: 246px;
	margin: 0 0 0 38px;
}

#latest-whitepaper .entry {
	height: 110px;
}

#latest-whitepaper .title .cover {
	background: url(images/title_latest_white_paper.gif) no-repeat;
}

#latest-whitepaper .image {
	float: left;
	padding: 0 5px;
}

#latest-whitepaper .whitepaper {
	font-size: 11px;
}

#latest-whitepaper .whitepaper span {
	display: block;
	font-weight: normal;
}

#latest-whitepaper .download {
	margin: 0 0 0 135px;
	padding: 50px 0 0 0;
	background: url(images/download.jpg) no-repeat 50% 10px;
	text-align: center;
}

#latest-whitepaper .download a {
	color: #333;
}

/* BOX STYLE */

.box {
}

.box .title {
	position: relative;
	overflow: hidden;
	height: 35px;
}

.box .entry {
	background: #fff;
	border: 3px solid #E5E5E5;
	border-top: none;
	border-bottom: none;
}

.box .bottom {
	height: 7px;
	background: url(images/box_bottom_bg.gif) no-repeat 0 100%;
}

/* CONTENT */

#content {
	float: right;
	width: 660px;
	height: 642px;
	background: url(images/home_content_bg.jpg);
}

/* CONTENT > SERVICES - for homepage */

.home #services {
	width: 500px;
	height: 370px;
	padding: 0 0 0 14px;
	background: url(images/home_services_normal.jpg) no-repeat 100% 100%;
}

.home #services .title {
	position: relative;
	height: 90px;
	background: url(images/home_services_title_hover.jpg) no-repeat;
}

.home #services .title .cover {
	background: url(images/home_services_title.jpg) no-repeat;
}

.home #services .title a:hover .cover {
	background-image: url(images/home_services_title_hover.jpg);
}

.home #services .title h1 {
	font-size: 11px;
}

.home #services ul {
	list-style: none;
}

.home #services li {
	float: left;
}

.home #services .entry a {
	float: left;
	position: relative;
	cursor: pointer;
}

.home #services .cover {
	background: url(images/home_services_hover.jpg) no-repeat 0 0;
}

.home #service1 a, .home #service1 .cover {
	width: 166px;
	height: 86px;
	background-position: 0 0;
}

.home #service2 a, .home #service2 .cover {
	width: 119px;
	height: 86px;
	background-position: -166px 0;
}

.home #service3 a, .home #service3 .cover {
	width: 215px;
	height: 86px;
	background-position: -285px 0;
}

.home #service4 a, .home #service4 .cover {
	width: 166px;
	height: 83px;
	background-position: 0 -86px;
}

.home #service5 a, .home #service5 .cover {
	width: 119px;
	height: 83px;
	background-position: -166px -86px;
}

.home #service6 a, .home #service6 .cover {
	width: 215px;
	height: 83px;
	background-position: -285px -86px;
}

.home #service7 a, .home #service7 .cover {
	width: 500px;
	height: 111px;
	background-position: 0 -169px;
}

/* HOME > SERVICES MENU > HOVER */

.home .service1-hover #service1 .cover {
	background-image: url(images/home_services_normal.jpg);
}

.home .service2-hover #service2 .cover {
	background-image: url(images/home_services_normal.jpg);
}

.home .service3-hover #service3 .cover {
	background-image: url(images/home_services_normal.jpg);
}

.home .service4-hover #service4 .cover {
	background-image: url(images/home_services_normal.jpg);
}

.home .service5-hover #service5 .cover {
	background-image: url(images/home_services_normal.jpg);
}

.home .service6-hover #service6 .cover {
	background-image: url(images/home_services_normal.jpg);
}

.home .service7-hover #service7 .cover {
	background-image: url(images/home_services_normal.jpg);
}

/* SUBPAGE - overrides the default styles */

.subpage #menu {
	background-image: url(images/sub_menu_bg.jpg);
}

.subpage #page {
	background-image: url(images/sub_page_bg.jpg);
}

.subpage #sidebar {
	background-image: url(images/sub_sidebar_bg.jpg);
}

.subpage #content {
	background-image: url(images/sub_content_bg.jpg);
}

/* SUBPAGE > SERVICES MENU */

.subpage #services {
	float: right;
	width: 150px;
	height: 570px;
	margin-top: -78px;
}

.subpage #services ul {
	list-style: none;
}

.subpage #services li, .subpage #services .cover {
	display: block;
	background: url(images/sub_services.jpg) no-repeat;
	cursor: pointer;
}

.subpage #services a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
}

.subpage li#service1, .subpage li#service1 .cover {
	height: 73px;
	background-position: 0 0;
}

.subpage li#service2, .subpage li#service2 .cover {
	height: 72px;
	background-position: 0 -73px;
}

.subpage li#service3, .subpage li#service3 .cover {
	height: 68px;
	background-position: 0 -145px;
}

.subpage li#service4, .subpage li#service4 .cover {
	height: 59px;
	background-position: 0 -213px;
}

.subpage li#service5, .subpage li#service5 .cover {
	height: 44px;
	background-position: 0 -272px;
}

.subpage li#service6, .subpage li#service6 .cover {
	height: 69px;
	background-position: 0 -316px;
}

.subpage li#service7, .subpage li#service7 .cover {
	height: 66px;
	background-position: 0 -385px;
}

.subpage li#service8, .subpage li#service8 .cover {
	height: 119px;
	background-position: 0 -451px;
}

/* SUBPAGE > SERVICES MENU > HOVER */

.subpage .service1-hover #service1 .cover {
	background: url(images/sub_service1_hover.jpg) !important;
}

.subpage .service1-hover #service2 .cover {
	background: url(images/sub_service1_hover2.jpg) !important;
}

.subpage .service2-hover #service2 .cover {
	background: url(images/sub_service2_hover.jpg) !important;
}

.subpage .service2-hover #service3 .cover {
	background: url(images/sub_service2_hover2.jpg) !important;
}

.subpage .service3-hover #service3 .cover {
	background: url(images/sub_service3_hover.jpg) !important;
}

.subpage .service3-hover #service4 .cover {
	background: url(images/sub_service3_hover2.jpg) !important;
}

.subpage .service4-hover #service4 .cover {
	background: url(images/sub_service4_hover.jpg) !important;
}

.subpage .service4-hover #service5 .cover {
	background: url(images/sub_service4_hover2.jpg) !important;
}

.subpage .service5-hover #service5 .cover {
	background: url(images/sub_service5_hover.jpg) !important;
}

.subpage .service5-hover #service6 .cover {
	background: url(images/sub_service5_hover2.jpg) !important;
}

.subpage .service6-hover #service6 .cover {
	background: url(images/sub_service6_hover.jpg) !important;
}

.subpage .service6-hover #service7 .cover {
	background: url(images/sub_service6_hover2.jpg) !important;
}

.subpage .service7-hover #service7 .cover {
	background: url(images/sub_service7_hover.jpg) !important;
}

.subpage .service7-hover #service8 .cover {
	background: url(images/sub_service7_hover2.jpg) !important;
}

.subpage .service8-hover #service8 .cover {
	background: url(images/sub_service8_hover.jpg) !important;
}

/* SUBPAGE > SERVICES MENU > ACTIVE */

.subpage .service1-on #service1 .cover {
	background: url(images/sub_service1_on.jpg);
}

.subpage .service1-on #service2 .cover {
	background: url(images/sub_service1_on2.jpg);
}

.subpage .service2-on #service2 .cover {
	background: url(images/sub_service2_on.jpg);
}

.subpage .service2-on #service3 .cover {
	background: url(images/sub_service2_on2.jpg);
}

.subpage .service3-on #service3 .cover {
	background: url(images/sub_service3_on.jpg);
}

.subpage .service3-on #service4 .cover {
	background: url(images/sub_service3_on2.jpg);
}

.subpage .service4-on #service4 .cover {
	background: url(images/sub_service4_on.jpg);
}

.subpage .service4-on #service5 .cover {
	background: url(images/sub_service4_on2.jpg);
}

.subpage .service5-on #service5 .cover {
	background: url(images/sub_service5_on.jpg);
}

.subpage .service5-on #service6 .cover {
	background: url(images/sub_service5_on2.jpg);
}

.subpage .service6-on #service6 .cover {
	background: url(images/sub_service6_on.jpg);
}

.subpage .service6-on #service7 .cover {
	background: url(images/sub_service6_on2.jpg);
}

.subpage .service7-on #service7 .cover {
	background: url(images/sub_service7_on.jpg);
}

.subpage .service7-on #service8 .cover {
	background: url(images/sub_service7_on2.jpg);
}

.subpage .service8-on #service8 .cover {
	background: url(images/sub_service8_on.jpg);
}

/* SCROLLER - holds the main content */

#title {
	float: left;
	width: 440px;
	height: 51px;
	padding: 27px 0 0 10px;
}

#scroller {
	float: left;
	width: 443px;
	height: 469px;
	padding-left: 10px;
	overflow: auto;
}

#scroller .entry {
	padding: 20px 30px 0 20px;
}

#scroller .entry p, #scroller .entry ul, #scroller .entry ol {
	margin: 0 0 19px 0;
	line-height: 17px;
	font-size: 11px;
}

#scroller .entry ul {
	list-style: none;
}

#scroller .entry ul li {
	padding-left: 15px;
	background: url(images/dot1.gif) no-repeat 0 50%;
}

/* TITLES */

.title-image {
	position: relative;
	font-size: 11px;
}

.parent {
	padding-left: 5px;
	text-transform: lowercase;
	font-weight: bold;
}

.parent span {
	padding-right: 13px;
	background: url(images/arrow1.gif) no-repeat 100% 52%;
}

#title1 {
	height: 35px;
}

#title1 .cover {
	background: url(images/title1.gif) no-repeat;
}

/* SCROLLER > TESTIMONIALS */

.quote-image {
	text-indent: -999em;
}

.quote-image p {
	margin: 0;
}

#quote1 {
	height: 50px;
	background: url(images/quote1.gif);
}

/* JQUERY SCROLL PANE */


.jScrollPaneContainer {
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}

.jScrollPaneDrag {
	position: absolute;
	background: #DCDCDC;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #666 url(images/basic_arrow_up.gif) repeat-x 0 0;
	height: 9px;
}

a.jScrollArrowUp:hover {
	background-color: #f60;
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #666 url(images/basic_arrow_down.gif) repeat-x 0 0;
	height: 9px;
}

a.jScrollArrowDown:hover {
	background-color: #f60;
	background-position: 0 -15px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

/* FOOTER */

#footer {
	width: 960px;
	margin: 0 auto;
}

#footer p {
	float: right;
	position: relative;
	margin-top: -20px;
	text-align: right;
	font-size: 8px;
	color: #fff;
}

#footer a, #footer a:hover {
	background: none !important;
	color: #fff !important;
}