/* @override 
	http://localhost:3000/stylesheets/styles.css
	http://drakerlabs.local/stylesheets/styles.css?1
	http://drakerlabs.local/stylesheets/styles.css?4
*/

/* @group General */

html {
	background: url(/images/graphics/bg_gradiant.png) repeat-x center top #648fa7;
}

body {
	width: 950px;
	margin: 0 auto;
}

a:link {
	color: #f3942f;
}

a:visited {
	color: #8a8a8a;
}

a:hover, a:active {
	color: #678fa7;
}

/* @end */

#sub-nav {
	width: 220px;
	float: left;
	background: url(/images/graphics/bg_sub_nav.gif) no-repeat left top;
	color: #fff;
	padding-top: 20px;
}

/* @group Sections */

#fix-width {
	background-color: #fff;
	padding: 0 0 10px 10px;
	padding-top: 0;
	border: 1px outset #aaa;
	clear: both;
}

#top {
	height: 120px;
	background: url(/images/graphics/under_nav_shadow.png) no-repeat center bottom;
}

/* @end */

/* @group Helpers */

div.clear {
	clear: left;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* @end */

/* @group Header */

#header {
	margin-top: 15px;
	margin-left: 15px;
	float: left;
}

#header a {
	background: url(/images/graphics/drakerlogo.gif) no-repeat left top;
	height: 100px;
	width: 256px;
	float: left;
	text-decoration: none;
}

#header a span {
	visibility: hidden;
}

/* @end */

/* @group Login/Contact */

#contact-login {
	margin-top: 50px;
	text-align: right;
}

#contact-login #contact-info {
	color: #97bbcf;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 680px;
	display: inline;
	float: left;
	line-height: 30px;
}

#contact-login #contact-info span {
	color: #999;
}

#contact-login #client-login {
	float: right;
	width: 140px;
	height: 29px;
	line-height: 30px;
	background: url(/images/graphics/bg_client_login.png) no-repeat center center;
}

#contact-login #client-login a {
	padding-right: 10px;
	color: #ccc;
	font-weight: bold;
}

/* @end */

/* @group Search Box */

#search-box {
	margin-top: 15px;
	margin-right: 15px;
	text-align: right;
	float: right;
}

#search-box input.text {
	border: 1px solid #97bbcf;
	padding: 2px 2px;
	margin-right: 4px;
	bottom: 6px;
	position: relative;
}

/* @end */

/* @group Navigation */

#nav {
	padding-top: 16px;
	margin-left: 450px;
	clear: right;
}

#nav div {
	float: left;
	height: 60px;
	background: url(/images/graphics/nav_divider.png) no-repeat right bottom;
	padding: 0 11px 0 11px;
	line-height: 75px;
}

#nav div.last {
	background: none;
}

#nav div a, #nav div.selected a {
	font-size: 14px;
	font-weight: bold;
	display: block;
}

#nav div a {
	color: #678fa7;
}

#nav div.selected a {
	color: #f3942f;
	background: url(/images/graphics/selected_page_arrow.png) no-repeat center 48px;
}

#nav a:link, #nav a:visited {
	text-decoration: none;
}

#nav a:hover, #nav a:active {
	text-decoration: underline;
	color: #f3942f;
}

/* @end */

/* @group Sub Page Wrap */

div#sub-page-wrap {
	margin-top: 15px;
	background-color: #8a8a8a;
	width: 100%;
}

/* @end */

/* @group Sub Navigation */

#sub-nav h2 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

#sub-nav ul {
	margin: 0 0 0 10px;
}

#sub-nav ul li {
	padding: 3px 0 5px 18px;
	background: url(/images/graphics/bullet_white.png) no-repeat left center;
}

#sub-nav ul li.selected {
	background: url(/images/graphics/bullet_orange.png) no-repeat left center;
	font-weight: bold;
}

#sub-nav a {
	font-size: 18px;
}

#sub-nav ul li.selected a {
	color: #fff;
}

#sub-nav a:link, #sub-nav a:visited {
	text-decoration: none;
	color: #ccc;
}

#sub-nav a:hover, #sub-nav a:active {
	color: #f3942f;
	text-decoration: underline;
}

#sub-nav .screenshot {
	margin-top: 15px;
	text-align: center;
}

#sub-nav .divider {
	background: url(/images/graphics/gray_shadow.png) no-repeat center center;
	height: 40px;
	margin-bottom: 10px;
}

#sub-nav a.button {
	display: block;
	padding: 10px 10px;
	background: url(/images/graphics/bg_sub_nav_button.png) no-repeat center center;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
	text-decoration: none;
}

/* @end */

/* @group Breadcrumb */

.breadcrumb {
	margin-bottom: 20px;
	color: #464646;
}

.breadcrumb a {
	font-weight: normal;
}

.breadcrumb a:link, .breadcrumb a:visited
.breadcrumb a:hover, .breadcrumb a:active {
	color: #678fa7;
}

/* @end */

/* @group Page Content */

#content {
	float: left;
	width: 693px;
	background-color: #fff;
	padding: 10px 0 0 25px;
}

#content p {
	margin: 15px 0 15px;
	font-size: 1em;
	line-height: 1.4em;
}

#content h1 {
	font-size: 2.4em;
	color: #f3942f;
	margin-bottom: 8px;
}

#content h2 {
	font-size: 1.8em;
	color: #678fa7;
	margin-bottom: 3px;
}

#content h3 {
	font-weight: bold;
	color: #678fa7;
	font-size: 16px;
}

/* @end */

/* @group Home */

#fix-width.home {
	padding: 0 0 15px 24px;
}

.home #header {
	margin-left: 1px;
}

/* @group Hero */

#hero {
	clear: left;
	width: 100%;
	background: url(/images/graphics/under_hero_shadow.png) no-repeat center 200px;
	height: 220px;
}

#hero #flash {
	width: 650px;
	height: 200px;
	float: left;
	display: none;
}

#hero #slideshow {
	width: 650px;
	height: 200px;
	float: left;
}

#hero .desc {
	float: left;
	width: 250px;
	height: 200px;
	background: url(/images/graphics/bg_hero_desc.gif) no-repeat center center;
	font-weight: bold;
	color: #fff;
	line-height: 34px;
}

#hero .desc .large {
	font-size: 32px;
	padding: 20px 0 0 20px;
}

#hero .desc .experience {
	font-size: 14px;
	background: url(/images/graphics/home_bg_experience.png) no-repeat left center;
	margin-top: 15px;
	padding-left: 20px;
}

#hero .desc .experience a {
	color: #fff;
}

#hero .desc .experience a:link,
#hero .desc .experience a:visited {
	text-decoration: none;
}

#hero .desc .experience a:hover,
#hero .desc .experience a:active {
	text-decoration: underline;
}

#hero .desc .experience a span {
	color: #f3942f;
	font-size: 20px;
}

/* @end */

/* @group Home Callouts */

#home-callouts a {
	font-weight: bold;
	font-size: 22px;
}

#home-callouts a:link, #home-callouts a:visited {
	text-decoration: none;
}

#home-callouts a:hover, #home-callouts a:active {
	text-decoration: underline;
}

#home-callouts .left, #home-callouts .middle {
	display: block;
	float: left;
	width: 297px;
	margin-right: 18px;
	line-height: 24px;
}

#home-callouts .left {
	background: url(/images/graphics/home_left_callout_bg.jpg) no-repeat left top;
	padding: 10px 0 0 10px;
	height: 162px;
	color: #242424;
}

#home-callouts .middle {
	background: url(/images/graphics/home_middle_callout_bg.jpg) no-repeat left top;
	color: white;
	padding: 110px 0 0 10px;
	height: 61px;
}

#home-callouts .right {
	float: left;
	width: 250px;
	height: 171px;
	background: url(/images/graphics/home_right_callout_bg.jpg) no-repeat left top;
	color: #fff;
}

#home-callouts .right .learn_more {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0 0 22px;
	line-height: 24px;
}

#home-callouts .right .learn_more b {
	font-size: 26px;
}

#home-callouts .right .products {
	display: block;
	text-align: center;
	margin-top: 35px;
	padding: 10px 0;
	background: url(/images/graphics/home_right_contact_bg.png) no-repeat center center;
}

/* @end */

/* @end */

/* @group Products */

#sentalis-logo {
	margin-bottom: 15px;
}

/* @group Overview */

#products-overview-left {
	width: 310px;
	float: left;
}

#content.products {
	background: url(/images/photos/bg_commercial_pv.jpg) center bottom no-repeat #fff;
	padding-bottom: 60px;
	
}

#content.products h1 {
	float: left;
}

#products-overview-left a.contact {
	display: block;
	padding: 8px 0 8px 30px;
	background: url(/images/graphics/bg_contact_draker.png) no-repeat left center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	margin-top: 20px;
}

#product-fork {
	background: url(/images/graphics/bg_product_overview_right.png) no-repeat left top;
	width: 373px;
	float: right;
	margin-bottom: 10px;
}

#product-fork h3 {
	margin: 25px 0 0 95px;
	font-size: 20px;
	font-weight: bold;
	color: #678fa7;
}

#product-fork ul {
	margin: 20px 0 15px 75px;
}

#product-fork ul li {
	background: url(/images/graphics/bullet_black.png) no-repeat left center;
	padding-left: 10px;
}

#product-fork a {
	margin-left: 70px;
	font-weight: bold;
}

#product-fork #pv-product {
	margin-bottom: 40px;
}

#product-fork #green-product {
	margin-bottom: 35px;
}

div.scrollable.commercial div.bs {
	background-image: url(/images/graphics/products/sentalis_logo.png);
}

div.scrollable.commercial div.em {
	background-image: url(/images/graphics/products/hardware_cluster.png);
}

div.scrollable.commercial div.ps {
	background-image: url(/images/graphics/products/software_screenshots.png);
}


div.scrollable.commercial div.es {
		background-image: url(/images/graphics/products/field_services.png);
}

div.scrollable.green-monitoring div.bs {
	background-image: url(/images/graphics/products/overview_icon.png);
}

div.scrollable.green-monitoring div.em {
	background-image: url(/images/graphics/products/technologies_graphic.png);
}

div.scrollable.green-monitoring div.ps {
	background-image: url(/images/graphics/products/public_displays.png);
}


div.scrollable.green-monitoring div.es {
	background-image: url(/images/graphics/products/public_displays.png);	
}


/* @end */

/* @group Commercial PV */

#content.commercial-pv #sentalis-logo,
#content.green-technology #sentalis-logo,
#content.products #sentalis-logo
 {
	float: left;
}

#content.commercial-pv ul.top_bullets,
#content.green-technology ul.top_bullets {
	float: left;
	width: 220px;
	margin-left: 60px;
	padding-top: 4px;
}

#content.products ul.top_bullets {
	float: left;
	width: 280px;
	margin-left: 40px;
	padding-top: 4px;
}

ul.top_bullets a {
	color: #678fa7;
}

ul.top_bullets a:link,
ul.top_bullets a:visited {
	text-decoration: none;
}

ul.top_bullets a:hover {
	text-decoration: underline;
}

#content.commercial-pv .top_bullets li,
#content.green-technology .top_bullets li,
#content.products ul.top_bullets li {
	background: url(/images/graphics/bullet_orange.png) no-repeat left center;
	color: #8a8a8a;
	font-size: 14px;
	padding-left: 20px;
}

#content.commercial-pv .copy,
#content.green-technology .copy,
#content.why-monitor .copy,
#content.downloads .copy,
#content.products .copy {
	float: left;
	width: 430px;
	margin-right: 10px;
}

#content .copy p.disclaimer {
	font-size: 9px;
	color: #999;
	line-height: 11px;
}

#content.commercial-pv p.first,
#content.green-technology p.first,
#content.downloads p.first,
#content.products p.first {
	margin-top: 0;
}

#content.commercial-pv .contact-callout,
#content.green-technology .contact-callout,
#content.why-monitor .contact-callout,
#content.downloads .contact-callout,
#content.products .contact-callout {
	width: 249px;
	float: right;
	padding-top: 20px;
	height: 131px;
	text-align: center;
	background: url(/images/graphics/bg_products_right_callout.png) no-repeat right top;
	color: #678fa7;
	font-size: 15px;
	font-weight: bold;
}

#content.commercial-pv .contact-callout a.contact,
#content.green-technology .contact-callout a.contact,
#content.why-monitor .contact-callout a.contact,
#content.downloads .contact-callout a.contact,
#content.products .contact-callout a.contact
 {
	display: block;
	padding: 8px 0;
	background: url(/images/graphics/bg_callout_contact_draker.png) no-repeat center center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	margin: 8px 0;
}

#content.commercial-pv .contact-callout span,
#content.green-technology .contact-callout span,
#content.why-monitor .contact-callout span,
#content.downloads .contact-callout span,
#content.products .contact-callout span {
	color: #8c8c8c;
	font-size: 12px;
}

.commercial-pv #top_tabs div,
.green-technology #top_tabs div,
.products #top_tabs div {
	width: 323px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/images/graphics/products/inactive_tab.png);
	color: #ccc;
	height: 34px;
	font-size: 18px;
	line-height: 34px;
	padding-left: 20px;
	cursor: pointer;
	font-weight: bold;
}

.commercial-pv #top_tabs div.active,
.commercial-pv #top_tabs div:hover,
.green-technology #top_tabs div.active,
.green-technology #top_tabs div:hover,
.products #top_tabs div.active,
.products #top_tabs div:hover {
	background-image: url(/images/graphics/products/active_tab.png);
	color: #fff;
}

div.scrollable {
	position: relative;
	overflow: hidden;
	width: 685px;
	height: 176px;
	clear: left;
}

div.scrollable div.items {
	width: 20000em;
	position: absolute;
	height: 176px;
}

div.items div.active {
	border: 1px inset #ccc;
	background-color: #fff;
}

ul.product_tabs {
	margin-bottom: 25px;
}

ul.product_tabs li {
	float: left;
	height: 36px;
	margin-right: 1px;
	padding: 3px 0 0 8px;
	color: #ccc;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	width: 105px;
}

ul.product_tabs li.active,
ul.product_tabs li:hover {
	color: #fff;
	font-weight: bold;
	background-position: left bottom;
}

.product_tabs li.bs {
	background-image: url(/images/graphics/products/tab_lower_orange.png);
}

.product_tabs li.em {
	background-image: url(/images/graphics/products/tab_lower_blue.png);
}

.product_tabs li.ps {
	background-image: url(/images/graphics/products/tab_lower_red.png);
}

.product_tabs li.pb {
	background-image: url(/images/graphics/products/tab_lower_yellow.png);
}

.product_tabs li.dm {
	background-image: url(/images/graphics/products/tab_lower_black.png);
}

.product_tabs li.es {
	background-image: url(/images/graphics/products/tab_lower_green.png);
}

.product_tabs li.to {
	background-image: url(/images/graphics/products/inactive_tab_lower.png);
}

.product_tabs li.pb.active,
.product_tabs li.pb:hover,
.product_tabs li.to.active,
.product_tabs li.to:hover {
	color: #222;
}

div.scrollable.hardware div.items div.item,
div.scrollable.software div.items div.item,
div.scrollable.technology div.items div.item,
div.scrollable.displays div.items div.item,
div.scrollable.commercial div.items div.item,
div.scrollable.green-monitoring div.items div.item {
	float: left;
	width: 685px;
	height: 176px;
	background-position: left top;
	background-repeat: no-repeat;
}

div.scrollable.software,
div.scrollable.technology,
div.scrollable.displays,
div.scrollable.commercial,
div.scrollable.green-monitoring {
	background: url(/images/graphics/products/scrollable_bg.jpg) left center no-repeat;
}

div.scrollable.software div.items div.item,
div.scrollable.technology div.items div.item,
div.scrollable.displays div.items div.item,
div.scrollable.commercial div.items div.item,
div.scrollable.green-monitoring div.items div.item {
	background-position: 290px center;
}

#content div.scrollable div.items div h3 {
	color: #fff;
	padding: 35px 0 0 54px;
	text-transform: uppercase;
	font-size: 18px;
	height: 40px;
}

#content div.scrollable.commercial div.items div h3,
#content div.scrollable.green-monitoring div.items div h3 {
	padding:  25px 0 0 54px;
}

#content div.scrollable h3.core {
	background: url(/images/graphics/products/core_feature_flag.png) left 1px no-repeat;
}

#content div.scrollable h3.optional {
	background: url(/images/graphics/products/optional_feature_flag.png) left 1px no-repeat;
}

div.scrollable div.items div .description {
	padding: 0 0 0 54px;
	margin-top: -10px;
	width: 236px;
	color: #fff;
	position: absolute;
}

div.scrollable.hardware div.items div .description {
	width: 252px;
}

div.scrollable div.items div .description a:link,
div.scrollable div.items div .description a:visited,
div.scrollable div.items div .description a:hover,
div.scrollable div.items div .description a:active {
	color: #f3942f;
}

div.scrollable.hardware div.bs {
	background-image: url(/images/graphics/products/base_station_bg.jpg);
}

div.scrollable.hardware div.em {
	background-image: url(/images/graphics/products/energy_meters_bg.jpg);
}

div.scrollable.hardware div.ps {
	background-image: url(/images/graphics/products/performance_bg.jpg);
}

div.scrollable.hardware div.pb {
	background-image: url(/images/graphics/products/power_box_bg.jpg);
}

div.scrollable.hardware div.dm {
	background-image: url(/images/graphics/products/dcmon_bg.jpg);
}

div.scrollable.hardware div.es {
	background-image: url(/images/graphics/products/env_sensors_bg.jpg);
}

div.scrollable.hardware div.to {
	background-image: url(/images/graphics/products/telecom_bg.jpg);
}

div.scrollable.software div.bs {
	background-image: url(/images/graphics/products/overview_screenshot.png);
}

div.scrollable.software div.em {
	background-image: url(/images/graphics/products/alarms_screenshot.png);
}

div.scrollable.software div.ps {
	background-image: url(/images/graphics/products/trends_screenshot.png);
}

div.scrollable.software div.pb {
	background-image: url(/images/graphics/products/real-time_screenshot.png);
}

div.scrollable.software div.dm {
	background-image: url(/images/graphics/products/raw_data_screenshot.png);
}

div.scrollable.software div.es {
	background-image: url(/images/graphics/products/reports_screenshot.png);
}

div.nextArrow {
	position: absolute;
	top: 60px;
	right: 10px;
	height: 46px;
	width: 25px;
	cursor: pointer;
	background: url(/images/graphics/products/arrow_right_on.png);
}

div.nextArrow.disabled {
	background: url(/images/graphics/products/arrow_right_off.png);
}

div.prevArrow {
	position: absolute;
	top: 60px;
	left: 10px;
	height: 46px;
	width: 25px;
	cursor: pointer;
	background: url(/images/graphics/products/arrow_left_on.png);
}

div.prevArrow.disabled {
	background: url(/images/graphics/products/arrow_left_off.png);
}

div#example_configs {
	height: 244px;
	width: 685px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-image: url(/images/graphics/products/bottom_bg.jpg);
}

div#example_configs span.view {
	color: #fff;
	padding: 15px 0 0 10px;
	font-weight: bold;
	display: block;
	float: left;
}

div#example_configs span.view select {
	font-size: 14px;
}

div#example_configs.config1 {
	background-position: bottom center;
}

div#example_configs.config2 {
	background-position: top center;
}

a.screenshot {
	text-decoration: none;
	display: block;
	width: 335px;
	height: 173px;
	float: right;
	margin-right: 50px;
	margin-top: -75px;
}

/* @end */

/* @group Green Technology */

div.scrollable.technology div.bs {
	background-image: url(/images/graphics/products/pv_screenshot.png);
}

div.scrollable.technology div.em {
	background-image: url(/images/graphics/products/solarthermal_screenshot.png);
}

div.scrollable.technology div.ps {
	background-image: url(/images/graphics/products/windturbine_screenshot.png);
}

div.scrollable.technology div.pb {
	background-image: url(/images/graphics/products/geothermal_screenshot.png);
}

div.scrollable.technology div.dm {
	background-image: url(/images/graphics/products/daylighting_screenshot.png);
}

div.scrollable.technology div.es {
	background-image: url(/images/graphics/products/rainwater_screenshot.png);
}

div.scrollable.displays div.bs {
	background-image: url(/images/graphics/products/technology_overview_screenshot.png);
}

div.scrollable.displays div.em {
	background-image: url(/images/graphics/products/project_kiosk_screenshot.png);
}

div.scrollable.displays div.ps {
	background-image: url(/images/graphics/products/animated_plugin_screenshot.png);
}

#content.green-technology h1 {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 24px;
}

#content.green-technology p.technology {
	margin: 0 0 20px 75px;
}

#content.green-technology div.group,
#content.web-interface div.group {
	clear: both;
}

#content.green-technology div.left,
#content.green-technology div.right,
#content.web-interface div.left,
#content.web-interface div.right {
	width: 293px;
	padding: 0 15px;
	background: url(/images/graphics/bg_green_tech_sections.png) no-repeat center top;
}

#content.green-technology div.left,
#content.web-interface div.left {
	float: left;
}

#content.green-technology div.right,
#content.web-interface div.right {
	float: right;
	margin-right: 22px;
}

#content.green-technology .group h2,
#content.web-interface .group h2 {
	padding-left: 65px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 24px;
	line-height: 48px;
	font-weight: bold;
	margin-top: 20px;
}

.green-technology h2.pv {
	background-image: url(/images/graphics/pv_icon.png);
}

.green-technology h2.sotherm {
	background-image: url(/images/graphics/sun_icon.png);
}

.green-technology h2.wind {
	background-image: url(/images/graphics/wind_icon.png);
}

.green-technology h2.water {
	background-image: url(/images/graphics/water_icon.png);
}

.green-technology h2.battery {
	background-image: url(/images/graphics/battery_icon.png);
}

.green-technology h2.daylight {
	background-image: url(/images/graphics/light_icon.png);
}

#content.why-monitor .bottom-content,
#content.downloads .bottom-content {
	clear: both;
	padding-top: 25px;
	color: #678fa7;
	font-size: 1.2em;
}

/* @end */

/* @group Web Interface */

#content.web-interface h1 {
	margin: 0 15px 20px 0;
	font-weight: bold;
	font-size: 17px;
}

#content.web-interface p.intro {
	margin-right: 15px;
}

#content.web-interface h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}

#content.web-interface .group h2 {
	font-size: 15px;
	padding-left: 51px;
	line-height: 36px;
}

.web-interface h2.graph {
	background-image: url(/images/graphics/graph_icon.png);
}

.web-interface h2.alarms {
	background-image: url(/images/graphics/alarm_icon.png);
}

.web-interface h2.account {
	background-image: url(/images/graphics/wrench_icon.png);
}

.web-interface h2.dashboard {
	background-image: url(/images/graphics/dial_icon.png);
}

.web-interface h2.realtime {
	background-image: url(/images/graphics/binocular_icon.png);
}

#content.web-interface .group p {
	padding-left: 51px;
}

.web-interface ul.feature-list {
	float: left;
	width: 320px;
	margin: 10px 0 15px;
}

.web-interface ul.feature-list.right {
	margin-left: 30px;
}

.web-interface ul.feature-list li {
	background: url(/images/graphics/bullet_black.png) no-repeat left 5px;
	padding: 3px 0 5px 10px;
	font-size: 12px;
}

#content.web-interface .contact-callout {
	width: 348px;
	float: right;
	padding: 10px 20px 0 0;
	height: 131px;
	text-align: right;
	background: url(/images/graphics/bg_right_callout_wide.png) no-repeat right top;
	color: #678fa7;
	font-size: 18px;
	font-weight: bold;
}

#content.web-interface .contact-callout a.contact {
	display: block;
	padding: 8px 28px 8px 0;
	background: url(/images/graphics/bg_callout_contact_draker.png) no-repeat right center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	margin: 8px 0 2px;
}

#content.web-interface .contact-callout span {
	color: #8c8c8c;
	font-size: 12px;
}

/* @end */

/* @group Public Interface */

.public-interface ul {
	width: 450px;
	margin-left: 205px;
	float: right;
}

/* @end */

/* @group Why Monitor */

#content.why-monitor h1 {
	margin: 15px 0;
}

#content.why-monitor div.group {
	clear: both;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 15px;
	margin-right: 2px;
}

#content.why-monitor div.left,
#content.why-monitor div.right {
	width: 323px;
}

#content.why-monitor div.left {
	float: left;
}

#content.why-monitor div.right {
	float: right;
	margin-right: 22px;
}

#content.why-monitor div.full {
	clear: both;
	padding-top: 10px;
}

#content.why-monitor .group h2 {
	font-size: 14px;
	font-weight: bold;
}

#content.why-monitor p {
	margin: 5px 0;
}

/* @end */

/* @group Downloads */

div.downloads a.download {
	width: 260px;
	float: left;
	text-align: center;
	text-decoration: none;
	margin: 15px 35px 15px;
	font-size: 12px;
	color: #999;
}

div.downloads a:link.download b,
div.downloads a:visited.download b {
	color: #678fa7;
}

div.downloads a:hover.download b,
.downloads a:active.download b {
	color: #f3942f;
}

div.downloads a.download b {
	font-size: 16px;
}

#sub-nav ul.downloads {
	background: url(/images/graphics/download_links_longer.png) center top no-repeat;
	margin: 0;
	padding: 35px 0 0 8px;
	height: 450px;  /*265*/
}

ul.downloads img {
	float: left;
	padding-right: 5px;
}

#sub-nav ul.downloads li {
	padding: 3px 0 5px 8px;
	background: none;
	line-height: 16px;
}

#sub-nav ul.downloads li.selected {
	background: url(/images/graphics/bullet_orange.png) no-repeat left center;
	font-weight: bold;
}

#sub-nav ul.downloads a {
	font-size: 13px;
	display: block;
}

#sub-nav ul.downloads a:link, 
#sub-nav ul.downloads a:visited {
	text-decoration: none;
	color: #678fa7;
}

#sub-nav ul.downloads a:hover, 
#sub-nav ul.downloads a:active {
	color: #f3942f;
	text-decoration: underline;
}

#sub-nav ul.downloads a span {
	font-size: 10px;
}



/* @end */

/* @group Jquery Overlay */

div.overlay {
	background-image: url(/images/graphics/products/overlay_white.png);
	width: 700px;
	height: 485px;
	display: none;
	padding: 20px 20px 15px;
}

div.overlay div.close {
	background-image: url(/images/graphics/products/overlay_close.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

#content div.description a.demo {
	display: block;
	border: 1px outset #ccc;
	text-decoration: none;
	padding: 2px 4px;
	background-color: #678fa7;
	font-weight: bold;
	margin-top: 8px;
	clear: left;
	width: 98px;
	color: #fff;
	text-align: center;
}

#content div.description a.demo:hover {
	/*border-style: inset;*/
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group Our Experience */

#content.experience p.intro {
	margin-right: 15px;
}

.experience .case {
	margin: 25px 0;
	margin-bottom: 25px;
}

.experience .case .image {
	float: left;
	width: 170px;
}

.experience .case .description {
	float: left;
	margin-left: 10px;
	width: 500px;
}

#content.experience h2 {
	margin-bottom: 10px;
}

#content.experience .case p {
	margin: 5px 0 15px;
}

/* @end */

/* @group Company */

#content.company h1 {
	margin: 0 15px 20px 0;
	font-weight: bold;
	font-size: 24px;
}

#content.company h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}

#content.company p {
	margin-right: 15px;
}

/* @group Jobs */

#content.jobs .description {
	margin-bottom: 5px;
	margin: 0 25px 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

#content.jobs h3 {
	margin-bottom: 5px;
}

#content.jobs .career-list {
	margin-bottom: 15px;
}

#content.jobs .career-list li {
	list-style-type: disc;
	list-style-position: inside;
}

#content.jobs a {
	font-size: 16px;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
	text-align: right;
	color: #9bbfd7;
	margin: 15px 5px 15px 0;
}

/* @end */

/* @group Page Not Found */

#not_found {
	clear: both;
	padding: 25px 25px 40px 15px;
}

#not_found h1 {
	font-size: 24px;
	color: red;
}

#not_found p {
	margin: 20px 0;
}

/* @end */